diff --git a/pull/1840/10-18401eb138ab931cf7f5.css b/pull/1840/10-18401eb138ab931cf7f5.css new file mode 100644 index 00000000000..a0b2394d187 --- /dev/null +++ b/pull/1840/10-18401eb138ab931cf7f5.css @@ -0,0 +1 @@ +.ArrowSmallTargetLeftPopup-test-module__test-popup-area___CpuKm{height:200px;position:relative;width:200px}[dir] .ArrowSmallTargetLeftPopup-test-module__test-popup-area___CpuKm{background:#f0f8ff}[dir] .ArrowSmallTargetLeftPopup-test-module__popup-text___yd9Je{padding:5px}.ArrowSmallTargetLeftPopup-test-module__popup-button___I3cy8{height:10px;position:absolute;width:10px}[dir] .ArrowSmallTargetLeftPopup-test-module__popup-button___I3cy8{background-color:#c00}[dir=ltr] .ArrowSmallTargetLeftPopup-test-module__popup-button___I3cy8{left:10px}[dir=rtl] .ArrowSmallTargetLeftPopup-test-module__popup-button___I3cy8{right:10px} diff --git a/pull/1840/10-18401eb138ab931cf7f5.js b/pull/1840/10-18401eb138ab931cf7f5.js new file mode 100644 index 00000000000..f0275d11978 --- /dev/null +++ b/pull/1840/10-18401eb138ab931cf7f5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[10],{10:function(t,e,n){var o=n(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=o(n(56690)),u=o(n(89728)),r=o(n(66115)),l=o(n(61655)),s=o(n(94993)),d=o(n(73808)),f=o(n(67294)),i=o(n(47166)),p=o(n(92306)),c=o(n(29803));function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=(0,d.default)(t);if(e){var a=(0,d.default)(this).constructor;n=Reflect.construct(o,arguments,a)}else n=o.apply(this,arguments);return(0,s.default)(this,n)}}var N=i.default.bind(c.default),m=function(t){(0,l.default)(n,t);var e=h(n);function n(t){var o;return(0,a.default)(this,n),(o=e.call(this,t)).handleButtonClick=o.handleButtonClick.bind((0,r.default)(o)),o.handleRequestClose=o.handleRequestClose.bind((0,r.default)(o)),o.setButtonNode=o.setButtonNode.bind((0,r.default)(o)),o.getButtonNode=o.getButtonNode.bind((0,r.default)(o)),o.setParentNode=o.setParentNode.bind((0,r.default)(o)),o.getParentNode=o.getParentNode.bind((0,r.default)(o)),o.state={open:!0},o}return(0,u.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"setButtonNode",value:function(t){this.buttonNode=t}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"setParentNode",value:function(t){this.parentNode=t}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){return f.default.createElement("div",{id:"test-popup-area",className:N("test-popup-area"),ref:this.setParentNode},f.default.createElement(p.default,{boundingRef:this.getParentNode,classNameArrow:"test-arrow",classNameContent:"test-content",contentAttachment:"top left",contentHeight:"120",contentWidth:"160",isArrowDisplayed:!0,isOpen:this.state.open,onRequestClose:this.handleRequestClose,targetRef:this.getButtonNode},f.default.createElement("p",{className:N("popup-text")},"This popup was adjusted because the target was smaller than the arrow position allowed.")),f.default.createElement("button",{type:"button",id:"offset-button",className:N("popup-button"),onClick:this.handleButtonClick,ref:this.setButtonNode,"aria-label":"Offset button"},""))}}]),n}(f.default.Component);e.default=m},29803:function(t,e,n){n.r(e),e.default={"test-popup-area":"ArrowSmallTargetLeftPopup-test-module__test-popup-area___CpuKm","popup-text":"ArrowSmallTargetLeftPopup-test-module__popup-text___yd9Je","popup-button":"ArrowSmallTargetLeftPopup-test-module__popup-button___I3cy8"}}}]); \ No newline at end of file diff --git a/pull/1840/10077-300e1ea5d7fca376879a.css b/pull/1840/10077-300e1ea5d7fca376879a.css new file mode 100644 index 00000000000..04ff3e55eeb --- /dev/null +++ b/pull/1840/10077-300e1ea5d7fca376879a.css @@ -0,0 +1 @@ +.SizePopupCommon-module__content-wrapper___phf\+F{height:100%;overflow:auto;position:relative;width:100%}.SizePopupCommon-module__popup-area-small___du4g5{height:80px;width:210px}[dir] .SizePopupCommon-module__popup-area-small___du4g5{background:#f0f8ff}.SizePopupCommon-module__popup-area-medium___VhA2D{height:160px;width:350px}[dir] .SizePopupCommon-module__popup-area-medium___VhA2D{background:#f0f8ff}.SizePopupCommon-module__popup-area-invalid___bwGpY{height:300px;width:300px}[dir] .SizePopupCommon-module__popup-area-invalid___bwGpY{background:#f0f8ff} diff --git a/pull/1840/10077-300e1ea5d7fca376879a.js b/pull/1840/10077-300e1ea5d7fca376879a.js new file mode 100644 index 00000000000..78f6a77a2c7 --- /dev/null +++ b/pull/1840/10077-300e1ea5d7fca376879a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[10077],{10077:function(e,t,n){var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=o(n(56690)),a=o(n(89728)),l=o(n(66115)),r=o(n(61655)),d=o(n(94993)),i=o(n(73808)),s=o(n(67294)),p=o(n(47166)),f=o(n(92306)),c=o(n(72773));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,i.default)(e);if(t){var u=(0,i.default)(this).constructor;n=Reflect.construct(o,arguments,u)}else n=o.apply(this,arguments);return(0,d.default)(this,n)}}var m=p.default.bind(c.default),N=function(e){(0,r.default)(n,e);var t=h(n);function n(e){var o;return(0,u.default)(this,n),(o=t.call(this,e)).handleButtonClick=o.handleButtonClick.bind((0,l.default)(o)),o.handleRequestClose=o.handleRequestClose.bind((0,l.default)(o)),o.setButtonNode=o.setButtonNode.bind((0,l.default)(o)),o.getButtonNode=o.getButtonNode.bind((0,l.default)(o)),o.setParentNode=o.setParentNode.bind((0,l.default)(o)),o.getParentNode=o.getParentNode.bind((0,l.default)(o)),o.state={open:!0},o}return(0,a.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){return s.default.createElement("div",{className:m("content-wrapper")},s.default.createElement("div",{id:"test-popup-area",className:m("popup-area-small"),ref:this.setParentNode},s.default.createElement(f.default,{boundingRef:this.getParentNode,classNameArrow:"test-arrow",classNameContent:"test-content",contentHeight:"40",contentWidth:"160",isOpen:this.state.open,onRequestClose:this.handleRequestClose,targetRef:this.getButtonNode},s.default.createElement("p",null,"This popup is 40h by 160w.")),s.default.createElement("button",{type:"button",id:"dimension-button",onClick:this.handleButtonClick,ref:this.setButtonNode},"Small Popup")))}}]),n}(s.default.Component);t.default=N},72773:function(e,t,n){n.r(t),t.default={"content-wrapper":"SizePopupCommon-module__content-wrapper___phf+F","popup-area-small":"SizePopupCommon-module__popup-area-small___du4g5","popup-area-medium":"SizePopupCommon-module__popup-area-medium___VhA2D","popup-area-invalid":"SizePopupCommon-module__popup-area-invalid___bwGpY"}}}]); \ No newline at end of file diff --git a/pull/1840/10279-3310056029387d0fffb4.css b/pull/1840/10279-3310056029387d0fffb4.css new file mode 100644 index 00000000000..c786d95cc8d --- /dev/null +++ b/pull/1840/10279-3310056029387d0fffb4.css @@ -0,0 +1,2 @@ +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} diff --git a/pull/1840/10279-3310056029387d0fffb4.js b/pull/1840/10279-3310056029387d0fffb4.js new file mode 100644 index 00000000000..76b7827f79b --- /dev/null +++ b/pull/1840/10279-3310056029387d0fffb4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[10279],{42361:function(e,t,r){var n=r(64836),o=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=n(r(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var a=u?Object.getOwnPropertyDescriptor(e,l):null;a&&(a.get||a.set)?Object.defineProperty(n,l,a):n[l]=e[l]}return n.default=e,r&&r.set(e,n),n}(r(67294)),a=n(r(43671)),i=n(r(90592));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)}t.default=function(){var e=(0,l.useState)("21:22:22"),t=(0,u.default)(e,2),r=t[0],n=t[1];return l.default.createElement("div",null,l.default.createElement("div",{id:"time-input-value"},l.default.createElement("h3",null,"Time Input:",r)),l.default.createElement(a.default,{id:"timeInput",name:"time-input",onChange:function(e,t){n(t)},value:"21:22:22",variant:i.default.FORMAT_12_HOUR,showSeconds:!0}))}},68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(r(67294)),u=p(r(45697)),l=p(r(94184)),a=p(r(47166)),i=p(r(47341)),f=p(r(68586)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function p(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r=0||(l[a]=e[a]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}a.d(n,{Z:function(){return d}})}}]); \ No newline at end of file diff --git a/pull/1840/10601-329422def0c7a9d92f3b.js b/pull/1840/10601-329422def0c7a9d92f3b.js new file mode 100644 index 00000000000..068284bae81 --- /dev/null +++ b/pull/1840/10601-329422def0c7a9d92f3b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[10601],{10601:function(e,t,a){var r=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),u=r(a(8787));t.default=function(){return n.default.createElement(u.default,{value:"2017-08-08"})}},8787:function(e,t,a){var r=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=r(a(10434)),l=r(a(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=u?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,a&&a.set(e,r),r}(a(67294)),f=r(a(45697)),o=r(a(44887)),d=r(a(77947));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}var p={value:f.default.string,initialTimeZone:f.default.string},v=function(e){var t=e.value,a=d.default.createSafeDate(t,e.initialTimeZone);a&&a.isValid()&&(t=a.format());var r=(0,i.useState)(t),n=(0,l.default)(r,2),f=n[0],c=n[1];return i.default.createElement("div",null,i.default.createElement("p",null,"Selected ISO Date Time:",i.default.createElement("span",{"data-date-time-value":!0},f)),i.default.createElement(o.default,(0,u.default)({name:"date-time-picker-example",onChange:function(e,t){c(t)},initialTimeZone:e.initialTimeZone},e)))};v.propTypes=p,v.defaultProps={value:""};t.default=v}}]); \ No newline at end of file diff --git a/pull/1840/11288-718cfe0f6028450b81e1.css b/pull/1840/11288-718cfe0f6028450b81e1.css new file mode 100644 index 00000000000..edcaef0c66f --- /dev/null +++ b/pull/1840/11288-718cfe0f6028450b81e1.css @@ -0,0 +1,2 @@ +.SlidePanel-module__clinical-lowlight-theme___NdNQF{--terra-slide-panel-panel-background-color: #222a2e;--terra-slide-panel-main-background-color: #222a2e;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 5px #181b1d;--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 5px #181b1d;--terra-slide-panel-main-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-border-right-color: #181b1d;--terra-slide-panel-panel-squish-border-left-color: #181b1d;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6}.SlidePanel-module__orion-fusion-theme___aBPYu{--terra-slide-panel-main-background-color: #fff;--terra-slide-panel-panel-background-color: #fff;--terra-slide-panel-main-squish-background-color: #fff;--terra-slide-panel-panel-squish-background-color: #fff;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6;--terra-slide-panel-panel-squish-border-right-color: #d3d4d5;--terra-slide-panel-panel-squish-border-left-color: #d3d4d5}.SlidePanel-module__slide-panel___5vKEK{overflow:hidden;position:relative}.SlidePanel-module__main___Jq40y,.SlidePanel-module__panel___N9gHx{box-sizing:border-box;height:100%;outline:none;-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%}.SlidePanel-module__main___Jq40y{position:relative;z-index:0}[dir] .SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-background-color, #fff)}.SlidePanel-module__panel___N9gHx{position:absolute;z-index:500}[dir] .SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-background-color, #fff)}.SlidePanel-module__slide-panel___5vKEK .SlidePanel-module__slide-panel___5vKEK>.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} +.SlidePanelDocCommon-test-module__content-wrapper___\+5Bqw{height:200px;overflow:auto}.SlidePanelDocCommon-test-module__content-wrapper-large___4O5B9{height:100vh}.SlidePanelDocCommon-test-module__main-content___KgtfP{height:100%;width:100%}[dir] .SlidePanelDocCommon-test-module__main-content___KgtfP{background-color:#f04769}.SlidePanelDocCommon-test-module__panel-content___mRK\+i{height:100%;width:100%}[dir] .SlidePanelDocCommon-test-module__panel-content___mRK\+i{background-color:blue}.SlidePanelDocCommon-test-module__content-wrapper-toggle___eOcKz{height:768px;position:relative;width:100%}[dir] .SlidePanelDocCommon-test-module__content-wrapper-toggle___eOcKz{border:1px #d3d3d3 solid}[dir] .SlidePanelDocCommon-test-module__button___hxSzl{background-color:#008a00}.SlidePanelDocCommon-test-module__circle-svg___BFboR{overflow:visible}[dir] .SlidePanelDocCommon-test-module__circle-svg___BFboR :hover{cursor:pointer}[dir] .SlidePanelDocCommon-test-module__p-clickable___yicz1:hover{cursor:pointer} diff --git a/pull/1840/11288-718cfe0f6028450b81e1.js b/pull/1840/11288-718cfe0f6028450b81e1.js new file mode 100644 index 00000000000..884ad926f8f --- /dev/null +++ b/pull/1840/11288-718cfe0f6028450b81e1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[11288],{11288:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=a(t(67294)),i=a(t(47166)),o=a(t(27662)),s=a(t(69967)),d=i.default.bind(s.default);l.default=function(){return n.default.createElement("div",{className:d("content-wrapper-large")},n.default.createElement(o.default,{mainContent:n.default.createElement("div",{className:d("main-content")}),panelContent:n.default.createElement("div",{className:d("panel-content")}),panelBehavior:"squish",panelSize:"large",isOpen:!0,fill:!0}))}},27662:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=l.SlidePanelPositions=void 0;var n=a(t(10434)),i=a(t(70215)),o=a(t(56690)),s=a(t(89728)),d=a(t(66115)),r=a(t(61655)),u=a(t(94993)),c=a(t(73808)),f=a(t(67294)),p=a(t(45697)),m=a(t(94184)),_=a(t(47166)),h=a(t(47341)),v=a(t(29270)),P=t(25387),b=t(55877),g=a(t(1034)),S=["intl","isFullscreen","isOpen","fill","mainAriaLabel","mainContent","panelAriaLabel","panelContent","panelBehavior","panelPosition","panelSize","setSlidePanelRef"];function N(e){var l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,c.default)(e);if(l){var n=(0,c.default)(this).constructor;t=Reflect.construct(a,arguments,n)}else t=a.apply(this,arguments);return(0,u.default)(this,t)}}var C=_.default.bind(g.default),y=l.SlidePanelPositions={START:"start",END:"end"},k={panelAriaLabel:p.default.string,mainAriaLabel:p.default.string,mainContent:p.default.node,panelContent:p.default.node,panelBehavior:p.default.oneOf(["overlay","squish"]),panelPosition:p.default.oneOf(["start","end"]),panelSize:p.default.oneOf(["small","large"]),isFullscreen:p.default.bool,isOpen:p.default.bool,fill:p.default.bool,setSlidePanelRef:p.default.func,intl:p.default.shape({formatMessage:p.default.func,locale:p.default.string})},D={panelBehavior:"overlay",panelPosition:y.END,panelSize:"small"},O=function(e){(0,r.default)(t,e);var l=N(t);function t(e){var a;return(0,o.default)(this,t),(a=l.call(this,e)).setPanelNode=a.setPanelNode.bind((0,d.default)(a)),a.mainNode=f.default.createRef(),a.setLastClicked=a.setLastClicked.bind((0,d.default)(a)),a.setDisclosingNode=a.setDisclosingNode.bind((0,d.default)(a)),a.mainAriaDescribedByID="detail-panel-warning-".concat((0,b.v4)()),a}return(0,s.default)(t,[{key:"componentDidUpdate",value:function(e){if(this.props.isOpen&&this.props.isOpen!==e.isOpen)return this.setDisclosingNode(this.lastClicked),void this.panelNode.focus();if(!this.props.isOpen&&this.props.isOpen!==e.isOpen){var l;if(null!==(l=this.disclosingNode)&&void 0!==l&&l.focus)return this.disclosingNode.setAttribute("aria-expanded","false"),void this.disclosingNode.focus();this.mainNode.current.focus()}}},{key:"setPanelNode",value:function(e){this.props.setSlidePanelRef&&this.props.setSlidePanelRef(e),this.panelNode=e}},{key:"setLastClicked",value:function(e){this.lastClicked=e.target}},{key:"setDisclosingNode",value:function(e){e&&(e.setAttribute("aria-expanded","true"),this.disclosingNode=e)}},{key:"render",value:function(){var e=this.props,l=e.intl,t=e.isFullscreen,a=e.isOpen,o=e.fill,s=e.mainAriaLabel,d=e.mainContent,r=e.panelAriaLabel,u=e.panelContent,c=e.panelBehavior,p=e.panelPosition,_=e.panelSize,h=(e.setSlidePanelRef,(0,i.default)(e,S)),P=this.context,b=(0,m.default)(C("slide-panel",{"is-open":a},{"is-fullscreen":t},{fill:o},P.className),h.className),g=f.default.createElement("div",{className:C(["panel"]),key:"panel",tabIndex:"-1","aria-label":r||l.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"}),"aria-hidden":a?"false":"true",role:"region",ref:this.setPanelNode},f.default.createElement(v.default,{text:r||l.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"})}),u),N=f.default.createElement("div",{className:C("main"),key:"main",tabIndex:"-1","aria-label":s,"aria-describedby":this.mainAriaDescribedByID,"aria-hidden":a&&t?"true":"false",ref:this.mainNode,role:"main",onClick:this.setLastClicked,onKeyUp:this.setLastClicked},f.default.createElement(v.default,{tabIndex:"-1",id:this.mainAriaDescribedByID,text:l.formatMessage({id:"Terra.slidePanel.discloseWarning"})}),d),k=p===y.START?f.default.createElement(f.default.Fragment,null,g,N):f.default.createElement(f.default.Fragment,null,N,g);return f.default.createElement("div",(0,n.default)({},h,{className:b,"data-slide-panel-panel-behavior":c,"data-slide-panel-panel-position":p,"data-slide-panel-panel-size":_}),k)}}]),t}(f.default.Component);O.propTypes=k,O.defaultProps=D,O.contextType=h.default;l.default=(0,P.injectIntl)(O)},69967:function(e,l,t){t.r(l),l.default={"content-wrapper":"SlidePanelDocCommon-test-module__content-wrapper___+5Bqw","content-wrapper-large":"SlidePanelDocCommon-test-module__content-wrapper-large___4O5B9","main-content":"SlidePanelDocCommon-test-module__main-content___KgtfP","panel-content":"SlidePanelDocCommon-test-module__panel-content___mRK+i","content-wrapper-toggle":"SlidePanelDocCommon-test-module__content-wrapper-toggle___eOcKz",button:"SlidePanelDocCommon-test-module__button___hxSzl","circle-svg":"SlidePanelDocCommon-test-module__circle-svg___BFboR","p-clickable":"SlidePanelDocCommon-test-module__p-clickable___yicz1"}},1034:function(e,l,t){t.r(l),l.default={"clinical-lowlight-theme":"SlidePanel-module__clinical-lowlight-theme___NdNQF","orion-fusion-theme":"SlidePanel-module__orion-fusion-theme___aBPYu","slide-panel":"SlidePanel-module__slide-panel___5vKEK",main:"SlidePanel-module__main___Jq40y",panel:"SlidePanel-module__panel___N9gHx","is-open":"SlidePanel-module__is-open___SU3q3","is-fullscreen":"SlidePanel-module__is-fullscreen___0BQTN",fill:"SlidePanel-module__fill___vHC0f"}}}]); \ No newline at end of file diff --git a/pull/1840/11398-f4d2947b8f9c2fe3f219.css b/pull/1840/11398-f4d2947b8f9c2fe3f219.css new file mode 100644 index 00000000000..f3bb78fe4f4 --- /dev/null +++ b/pull/1840/11398-f4d2947b8f9c2fe3f219.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.CalendarFilter-module__clinical-lowlight-theme___ypjZz{--terra-date-picker-calendar-filter-border: 1px solid #2d3539;--terra-date-picker-calendar-filter-width: 16.78571rem}.CalendarFilter-module__orion-fusion-theme___aZ6J6{--terra-date-picker-calendar-filter-border: 1px solid #aeaeae;--terra-date-picker-calendar-filter-width: 18.75rem}.CalendarFilter-module__calendar-filter___i4i03{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:16.78571rem;width:var(--terra-date-picker-calendar-filter-width, 16.78571rem)}[dir] .CalendarFilter-module__calendar-filter___i4i03{border:1px solid #aeaeae;border:var(--terra-date-picker-calendar-filter-border, 1px solid #aeaeae)}.CalendarFilter-module__calendar-filter___i4i03 [data-navigation-next],.CalendarFilter-module__calendar-filter___i4i03 [data-navigation-previous]{height:1rem;width:1rem} diff --git a/pull/1840/11398-f4d2947b8f9c2fe3f219.js b/pull/1840/11398-f4d2947b8f9c2fe3f219.js new file mode 100644 index 00000000000..c54340cab22 --- /dev/null +++ b/pull/1840/11398-f4d2947b8f9c2fe3f219.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[11398],{72643:function(e,t,a){var l=a(64836),r=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(10434)),u=l(a(70215)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=_(t);if(a&&a.has(e))return a.get(e);var l={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=n?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(l,u,i):l[u]=e[u]}return l.default=e,a&&a.set(e,l),l}(a(67294)),f=l(a(45697)),d=l(a(47166)),o=l(a(47341)),c=l(a(28411)),s=l(a(80404)),D=["excludeDates","filterDate","includeDates","maxDate","minDate","onChange","selectedDate","value"];function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(_=function(e){return e?a:t})(e)}var p=d.default.bind(s.default),v={excludeDates:f.default.arrayOf(f.default.string),filterDate:f.default.func,includeDates:f.default.arrayOf(f.default.string),maxDate:f.default.string,minDate:f.default.string,onChange:f.default.func,selectedDate:f.default.string,value:f.default.string},m={excludeDates:void 0,filterDate:void 0,includeDates:void 0,maxDate:"2100-12-31",minDate:"1900-01-01",onChange:void 0,selectedDate:void 0},g=function(e){var t=e.excludeDates,a=e.filterDate,l=e.includeDates,r=e.maxDate,f=e.minDate,d=e.onChange,s=e.selectedDate,_=e.value,v=(0,u.default)(e,D),m=(0,i.useContext)(o.default);return i.default.createElement(c.default,(0,n.default)({},v,{name:"terra-calendar-filter",isInline:!0,selectedDate:s,value:_,onChange:function(e,t,a){if(d){var l=a.inputValue;d(e,t,l)}},excludeDates:t,filterDate:a,includeDates:l,maxDate:r,minDate:f,calendarClassName:p("calendar-filter",m.className)}))};g.propTypes=v,g.defaultProps=m;t.default=g},29750:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(a(67294)),n=l(a(72643));t.default=function(){return r.default.createElement(n.default,{selectedDate:"2020-04-04"})}},80404:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"CalendarFilter-module__clinical-lowlight-theme___ypjZz","orion-fusion-theme":"CalendarFilter-module__orion-fusion-theme___aZ6J6","calendar-filter":"CalendarFilter-module__calendar-filter___i4i03"}}}]); \ No newline at end of file diff --git a/pull/1840/11592-502307d12ce08884704b.css b/pull/1840/11592-502307d12ce08884704b.css new file mode 100644 index 00000000000..80c47e44d11 --- /dev/null +++ b/pull/1840/11592-502307d12ce08884704b.css @@ -0,0 +1 @@ +.demoStyles-module__demo-header___o5PlN{height:49px;position:relative;width:100%}[dir] .demoStyles-module__demo-header___o5PlN{background-color:#1c5f92;background-color:var(--terra-application-links-demo-header-background-color, #1c5f92)}.demoStyles-module__demo-header-with-icons___Nt1gv{height:72px} diff --git a/pull/1840/11592-502307d12ce08884704b.js b/pull/1840/11592-502307d12ce08884704b.js new file mode 100644 index 00000000000..056c7685326 --- /dev/null +++ b/pull/1840/11592-502307d12ce08884704b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[11592],{11592:function(t,e,a){var s=a(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var d=s(a(67294)),r=a(39711),l=s(a(67456)),u=s(a(77567)),o=s(a(50282));e.default=function(){return d.default.createElement(r.MemoryRouter,{initialEntries:u.default.map((function(t){return t.path})),initialIndex:0},d.default.createElement("div",{className:o.default["demo-header"]},d.default.createElement(l.default,{id:"test-tabs",links:u.default})))}},77567:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default=[{path:"/test1",text:"test 1"},{path:"/test2",text:"test 2"},{path:"/test3",text:"test 3"},{path:"/test4",text:"test 4"},{path:"/test5",text:"test 5"},{path:"/test6",text:"test 6"},{path:"/test7",text:"test 7"},{path:"/test8",text:"test 8"},{path:"/test9",text:"test 9"},{path:"/test10",text:"test 10"},{path:"/test11",text:"test 11"},{path:"/test12",text:"test 12"}]},50282:function(t,e,a){a.r(e),e.default={"demo-header":"demoStyles-module__demo-header___o5PlN","demo-header-with-icons":"demoStyles-module__demo-header-with-icons___Nt1gv"}}}]); \ No newline at end of file diff --git a/pull/1840/11817-0bc2e605a173c4c4bc6a.js b/pull/1840/11817-0bc2e605a173c4c4bc6a.js new file mode 100644 index 00000000000..8ab690916f4 --- /dev/null +++ b/pull/1840/11817-0bc2e605a173c4c4bc6a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[11817],{68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=c(r(67294)),l=c(r(45697)),a=c(r(94184)),u=c(r(47166)),i=c(r(47341)),f=c(r(68586)),d=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function h(e,t){for(var r=0;r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var p={inputId:o.default.string.isRequired,label:o.default.string.isRequired,defaultValue:o.default.oneOfType([o.default.string,o.default.number]),disabled:o.default.bool,error:o.default.node,errorIcon:o.default.element,help:o.default.node,hideRequired:o.default.bool,inputAttrs:o.default.object,isIncomplete:o.default.bool,isInline:o.default.bool,isInvalid:o.default.bool,isLabelHidden:o.default.bool,labelAttrs:o.default.object,maxWidth:o.default.string,onChange:o.default.func,onInput:o.default.func,refCallback:o.default.func,required:o.default.bool,showOptional:o.default.bool,type:o.default.string,value:o.default.oneOfType([o.default.string,o.default.number])},s={defaultValue:void 0,disabled:!1,error:null,errorIcon:n.default.createElement(a.default,null),help:null,hideRequired:!1,inputAttrs:{},isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},onChange:void 0,onInput:void 0,maxWidth:void 0,refCallback:void 0,required:!1,showOptional:!1,type:void 0,value:void 0},b=function(e){var t,r=e.defaultValue,o=e.disabled,a=e.error,f=e.errorIcon,p=e.help,s=e.hideRequired,b=e.inputAttrs,y=e.inputId,h=e.isIncomplete,v=e.isInline,m=e.isInvalid,O=e.isLabelHidden,g=e.label,I=e.labelAttrs,j=e.maxWidth,_=e.onChange,w=e.onInput,P=e.refCallback,C=e.required,k=e.showOptional,q=e.type,S=e.value,x=c(e,i);p&&a&&m?t="".concat(y,"-error ").concat(y,"-help"):(p&&(t="".concat(y,"-help")),a&&m&&(t="".concat(y,"-error")));var E=q||b.type;return x.placeholder&&(x.placeholder=null),n.default.createElement(l.default,d({label:g,labelAttrs:I,error:a,errorIcon:f,help:p,hideRequired:s,required:C,showOptional:k,isInvalid:m,isInline:v,isLabelHidden:O,htmlFor:y,maxWidth:j},x),n.default.createElement(u.default,d({},b,{disabled:b.disabled||o,id:y,isIncomplete:h,type:E,onChange:_,onInput:w,value:S,defaultValue:r,refCallback:P,"aria-describedby":t})))};b.propTypes=p,b.defaultProps=s;t.default=b}}]); \ No newline at end of file diff --git a/pull/1840/11938-c54641e4e24b5c40ee38.css b/pull/1840/11938-c54641e4e24b5c40ee38.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/11938-c54641e4e24b5c40ee38.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/11938-c54641e4e24b5c40ee38.js b/pull/1840/11938-c54641e4e24b5c40ee38.js new file mode 100644 index 00000000000..484e43a8c25 --- /dev/null +++ b/pull/1840/11938-c54641e4e24b5c40ee38.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[11938],{22863:function(e,n,t){var a=t(64836);n.Z=void 0;var r=a(t(67294)),i=a(t(45697)),o=a(t(47166)),p=a(t(17422)),l=o.default.bind(p.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var n=e.src,t=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},r.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:l("badge-version")},"v".concat(i))),p=n?r.default.createElement("a",{className:l("badge"),href:n},r.default.createElement("span",{className:l("badge-name")},"github"),r.default.createElement("span",{className:l("badge-version")},"source")):void 0;return r.default.createElement("div",{className:l("badge-container")},o,p)};m.propTypes=s;var d=m;n.Z=d},11938:function(e,n,t){t.r(n),t.d(n,{default:function(){return m}});var a=t(87462),r=t(44925),i=(t(67294),t(81254)),o=t(41225),p=["components"],l={},s="wrapper";function m(e){var n=e.components,t=(0,r.Z)(e,p);return(0,i.mdx)(s,(0,a.Z)({},l,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(o.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-application-navigation"},"Terra Application Navigation"),(0,i.mdx)("p",null,"In addition to the ApplicationNavigation component, the package contains additional utility functions that contain a variety of helper functions and prop type declarations. Included are:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"propTypes")," - An object containing prop type definitions for the configuration objects used by the ApplicationNavigation."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"helpers")," - An object containing helper functions to aid in the creation of ApplicationNavigation content.")),(0,i.mdx)("h2",{id:"proptypes"},"propTypes"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"titleConfigPropType")," - Shape for ApplicationNavigation's ",(0,i.mdx)("strong",{parentName:"li"},"titleConfig")," prop."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"userConfigPropType")," - Shape for ApplicationNavigation's ",(0,i.mdx)("strong",{parentName:"li"},"userConfig")," prop."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"navigationItemsPropType")," - Shape for ApplicationNavigation's ",(0,i.mdx)("strong",{parentName:"li"},"navigationItems")," prop."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"utilityItemsPropType")," - Shape for ApplicationNavigation's ",(0,i.mdx)("strong",{parentName:"li"},"utilityItems")," prop."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"extensionItemsPropType")," - Shape for ApplicationNavigation's ",(0,i.mdx)("strong",{parentName:"li"},"extensionItems")," prop.")),(0,i.mdx)("h2",{id:"helpers"},(0,i.mdx)("strong",{parentName:"h2"},"helpers")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("strong",{parentName:"li"},"shouldRenderCompactNavigation")," - A function that determines whether or not the given size is considered ",(0,i.mdx)("strong",{parentName:"li"},"compact")," or not. This can be used to synchronize component rendering with responsive changes to the ApplicationNavigation.")))}m.isMDXComponent=!0},41225:function(e,n,t){t.d(n,{C:function(){return i}});var a=t(67294),r=t(22863),i=function(e){var n=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-navigation",name:"terra-application-navigation",version:"1.73.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,n,t){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t.d(n,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/1840/12301-e3d1efede217aeca45b9.css b/pull/1840/12301-e3d1efede217aeca45b9.css new file mode 100644 index 00000000000..29f72718e59 --- /dev/null +++ b/pull/1840/12301-e3d1efede217aeca45b9.css @@ -0,0 +1,3 @@ +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start} +.MenuItem-module__clinical-lowlight-theme___GRWU4{--terra-menu-item-active-background-color: #1e3a49;--terra-menu-item-active-text-color: #b2b5b6;--terra-menu-item-chevron-icon-color: #9b9fa1;--terra-menu-item-disabled-chevron-icon-color: rgba(155, 159, 161, 0.2);--terra-menu-item-color: #b2b5b6;--terra-menu-item-text-color: #b2b5b6;--terra-menu-item-disabled-text-opacity: 0.18;--terra-menu-item-disabled-start-icon-opacity: 0.18;--terra-menu-item-chevron-focus-icon-color: #c5c5c6;--terra-menu-item-chevron-hover-icon-color: #c5c5c6;--terra-menu-item-focus-background-color: #1e3a49;--terra-menu-item-focus-outline: #004c76 auto 5px;--terra-menu-item-focus-outline-offset: -2px;--terra-menu-item-hover-background-color: #232a2d;--terra-menu-item-hover-background-image: linear-gradient(to bottom, #122b39 2%, #152933 30%, #1e3a49 80%);--terra-menu-item-hover-box-shadow: inset 0 0 0 1px #04293f;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.286rem 0;--terra-menu-item-text-font-size: 0.928571429rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-text-margin-right: 1.714285714rem;--terra-menu-item-text-margin-left: 0.714285714rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-chevron-icon-font-size: 0.714285714rem;--terra-menu-item-chevron-icon-margin-left: 0.714285714rem;--terra-menu-item-chevron-icon-margin-right: 0.714285714rem;--terra-menu-item-start-icon-font-size: 0.85714rem;--terra-menu-item-start-icon-margin-left: 0.71428rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #1e3a49;--terra-menu-item-highlighted-hover-background-color: #232a2d;--terra-menu-item-highlighted-hover-background-image: linear-gradient(to bottom, #04293f 2%, #053754 30%, #004c76 80%);--terra-menu-item-highlighted-hover-box-shadow: inset 0 0 0 1px #04293f}.MenuItem-module__orion-fusion-theme___OJBfh{--terra-menu-item-color: #595f62;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.5rem 0.83333rem 0.5rem 2.33333rem;--terra-menu-item-hover-background-color: #f4fafe;--terra-menu-item-hover-background-image: none;--terra-menu-item-hover-box-shadow: none;--terra-menu-item-focus-background-color: #ebf6fd;--terra-menu-item-focus-outline: -webkit-focus-ring-color auto 5px;--terra-menu-item-focus-outline-offset: -1px;--terra-menu-item-chevron-hover-icon-color: #1f1f21;--terra-menu-item-chevron-focus-icon-color: #1f1f21;--terra-menu-item-active-background-color: #e2f2fc;--terra-menu-item-active-text-color: #000;--terra-menu-item-disabled-text-opacity: 0.1;--terra-menu-item-disabled-chevron-icon-color: rgb(187, 188, 189, 0.25);--terra-menu-item-disabled-start-icon-opacity: 0.1;--terra-menu-item-text-color: #000;--terra-menu-item-text-font-size: 1rem;--terra-menu-item-text-margin-right: 2rem;--terra-menu-item-text-margin-left: 0.5rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-start-icon-font-size: 1.33333rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-start-icon-margin-left: -1.33333rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-chevron-icon-color: #000;--terra-menu-item-chevron-icon-font-size: 1.33333rem;--terra-menu-item-chevron-icon-margin-left: 0.41667rem;--terra-menu-item-chevron-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #e2f2fc;--terra-menu-item-highlighted-hover-background-color: #cbe7fa;--terra-menu-item-highlighted-hover-background-image: none;--terra-menu-item-highlighted-hover-box-shadow: none}.MenuItem-module__item___d5cbi{color:#1c1f21;color:var(--terra-menu-item-color, #1c1f21)}[dir] .MenuItem-module__item___d5cbi{cursor:default;margin:0;margin:var(--terra-menu-item-margin, 0);padding:0.286rem 0;padding:var(--terra-menu-item-padding, 0.286rem 0)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d){cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover{background-color:#f4fefe;background-color:var(--terra-menu-item-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-menu-item-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #e1f2fd;box-shadow:var(--terra-menu-item-hover-box-shadow, inset 0 0 0 1px #e1f2fd)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d).MenuItem-module__is-highlighted___2iz9A:hover{background-color:#d1ebfb;background-color:var(--terra-menu-item-highlighted-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-menu-item-highlighted-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-menu-item-highlighted-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover .MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.7);color:var(--terra-menu-item-chevron-hover-icon-color, rgba(28, 31, 33, 0.7))}}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{outline:-webkit-focus-ring-color auto 5px;outline:var(--terra-menu-item-focus-outline, -webkit-focus-ring-color auto 5px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{background-color:#ebf6fd;background-color:var(--terra-menu-item-focus-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus .MenuItem-module__chevron___KG83f{color:rgb(28, 31, 33);color:var(--terra-menu-item-chevron-focus-icon-color, rgb(28, 31, 33))}[dir] .MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d), [dir] .MenuItem-module__active___JF61u{background-color:#ebf6fd;background-color:var(--terra-menu-item-active-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d) .MenuItem-module__text___ax0k2,.MenuItem-module__active___JF61u .MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-active-text-color, #1c1f21)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__text___ax0k2{opacity:0.25;opacity:var(--terra-menu-item-disabled-text-opacity, 0.25)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__chevron___KG83f{color:rgba(155, 159, 161, 0.3);color:var(--terra-menu-item-disabled-chevron-icon-color, rgba(155, 159, 161, 0.3))}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__start-icon___IrbDC{opacity:0.25;opacity:var(--terra-menu-item-disabled-start-icon-opacity, 0.25)}[dir=ltr] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-right:0;margin-right:var(--terra-menu-item-top-level-text-margin-right, 0)}[dir=rtl] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-left:0;margin-left:var(--terra-menu-item-top-level-text-margin-right, 0)}.MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-text-color, #1c1f21);font-size:0.928571429rem;font-size:var(--terra-menu-item-text-font-size, 0.928571429rem);font-weight:normal;font-weight:var(--terra-menu-item-text-font-weight, normal);line-height:1.538;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=ltr] .MenuItem-module__text___ax0k2{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-right:1.714285714rem;margin-right:var(--terra-menu-item-text-margin-right, 1.714285714rem)}[dir=rtl] .MenuItem-module__text___ax0k2{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-left:1.714285714rem;margin-left:var(--terra-menu-item-text-margin-right, 1.714285714rem)}.MenuItem-module__checkmark___PFCFZ{visibility:hidden}.MenuItem-module__is-toggled___Kl1vs .MenuItem-module__checkmark___PFCFZ{visibility:visible}.MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.53);color:var(--terra-menu-item-chevron-icon-color, rgba(28, 31, 33, 0.53));font-size:0.714285714rem;font-size:var(--terra-menu-item-chevron-icon-font-size, 0.714285714rem)}[dir=ltr] .MenuItem-module__chevron___KG83f{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}[dir=rtl] .MenuItem-module__chevron___KG83f{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}.MenuItem-module__start-icon___IrbDC{font-size:0.85714rem;font-size:var(--terra-menu-item-start-icon-font-size, 0.85714rem)}[dir=ltr] .MenuItem-module__start-icon___IrbDC{margin-left:0.71428rem;margin-left:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-right:0;margin-right:var(--terra-menu-item-start-icon-margin-right, 0)}[dir=rtl] .MenuItem-module__start-icon___IrbDC{margin-right:0.71428rem;margin-right:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-left:0;margin-left:var(--terra-menu-item-start-icon-margin-right, 0)}[dir] .MenuItem-module__is-highlighted___2iz9A{background-color:#e1f3fd;background-color:var(--terra-menu-item-highlighted-background-color, #e1f3fd)} +.Menu-module__clinical-lowlight-theme___hKzLg{--terra-menu-background-color: #222a2e;--terra-menu-foreground-color: #b2b5b6;--terra-menu-fullscreen-header-background-color: #222a2e;--terra-menu-fullscreen-header-border-bottom: 1px solid #181b1d;--terra-menu-fullscreen-header-title-color: #b2b5b6;--terra-menu-submenu-background-color: #1c2326;--terra-menu-submenu-foreground-color: #b2b5b6;--terra-menu-submenu-header-background-color: #222a2e;--terra-menu-submenu-header-border-bottom: 1px solid #181b1d;--terra-menu-submenu-header-button-outline-offset: -3px;--terra-menu-back-button-focus-outline: #b2b5b6 solid 2px;--terra-menu-submenu-header-buttons-icon-color: #c5c5c6;--terra-menu-submenu-header-buttons-hover-color: #b2b5b6;--terra-menu-submenu-header-title-color: #b2b5b6;--terra-menu-background-image: none;--terra-menu-divider-after-border-color: #282d31;--terra-menu-divider-border-color: #181b1d;--terra-menu-submenu-arrow-after-border-top-color: #1c2326;--terra-menu-submenu-background-image: none;--terra-menu-submenu-divider-after-border-color: #282d31;--terra-menu-divider-margin-top: 2px;--terra-menu-divider-after-border-width: 3px 0 0;--terra-menu-divider-after-margin-bottom: 4px;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-font-size: 12px;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.1667;--terra-menu-submenu-header-title-margin: 7px 7px 7px 0;--terra-menu-header-title-margin-left: 10px;--terra-menu-submenu-header-buttons-icon-font-size: 12px;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 8px;--terra-menu-fullscreen-header-title-font-size: 1rem;--terra-menu-fullscreen-header-title-line-height: 1.2;--terra-menu-fullscreen-header-title-margin: 0.5714rem 0 0.5714rem 0.3571rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.45rem;--terra-menu-fullscreen-header-buttons-margin: 0.3571rem 0;--terra-menu-fullscreen-header-buttons-padding: 4px;--terra-menu-list-padding: 6px 0}.Menu-module__orion-fusion-theme___4S\+kd{--terra-menu-divider-border-color: #c8cacb;--terra-menu-divider-margin-top: 0;--terra-menu-divider-after-border-color: transparent;--terra-menu-divider-after-border-width: 0;--terra-menu-divider-after-margin-bottom: 0;--terra-menu-submenu-divider-after-border-color: transparent;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-background-color: #f4f4f4;--terra-menu-submenu-header-border-bottom: 2px solid #9b9fa1;--terra-menu-submenu-header-button-outline-offset: -4px;--terra-menu-back-button-focus-outline: -webkit-focus-ring-color solid 2px;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-color: #1c1f21;--terra-menu-submenu-header-title-font-size: 1.16667rem;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.57143;--terra-menu-submenu-header-title-margin: 0.25rem 0.25rem 0.25rem 0;--terra-menu-submenu-header-buttons-icon-color: #1c1f21;--terra-menu-submenu-header-buttons-icon-font-size: 1.16667rem;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-submenu-header-buttons-hover-color: #004c76;--terra-menu-header-title-margin-left: 2.33333rem;--terra-menu-fullscreen-header-background-color: #f4f4f4;--terra-menu-fullscreen-header-border-bottom: 2px solid #9b9fa1;--terra-menu-fullscreen-header-title-color: #1c1f21;--terra-menu-fullscreen-header-title-font-size: 1.16667rem;--terra-menu-fullscreen-header-title-line-height: 1.57143;--terra-menu-fullscreen-header-title-margin: 0.5rem 0 0.416667rem 0.25rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.16667rem;--terra-menu-fullscreen-header-buttons-margin: 0;--terra-menu-fullscreen-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-list-padding: 0;--terra-menu-background-color: #fff;--terra-menu-background-image: none;--terra-menu-foreground-color: #1c1f21;--terra-menu-submenu-arrow-after-border-top-color: none;--terra-menu-submenu-background-color: #fff;--terra-menu-submenu-background-image: none;--terra-menu-submenu-foreground-color: #1c1f21}[dir] .Menu-module__submenu___pD8uM.Menu-module__arrow___qDX5\+[data-align-arrow=bottom]::after{border-top-color:#f9f9f9;border-top-color:var(--terra-menu-submenu-arrow-after-border-top-color, #f9f9f9)}.Menu-module__divider___2Yiip{width:100%}[dir] .Menu-module__divider___2Yiip{border-color:#dedfe0;border-color:var(--terra-menu-divider-border-color, #dedfe0);border-style:solid;border-width:1px 0 0;margin-top:2px;margin-top:var(--terra-menu-divider-margin-top, 2px)}.Menu-module__divider___2Yiip::after{content:"";display:block}[dir] .Menu-module__divider___2Yiip::after{border-color:#f9f9f9;border-color:var(--terra-menu-divider-after-border-color, #f9f9f9);border-style:solid;border-width:3px 0 0;border-width:var(--terra-menu-divider-after-border-width, 3px 0 0);margin-bottom:4px;margin-bottom:var(--terra-menu-divider-after-margin-bottom, 4px)}[dir] .Menu-module__submenu___pD8uM .Menu-module__divider___2Yiip::after{border-color:#fff;border-color:var(--terra-menu-submenu-divider-after-border-color, #fff);border-width:var(--terra-menu-submenu-divider-after-border-width);margin-bottom:var(--terra-menu-submenu-divider-after-margin-bottom)}.Menu-module__header___UGEhF{height:var(--terra-menu-submenu-header-height);width:100%}[dir] .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-submenu-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-submenu-header-border-bottom, 1px solid #dedfe0)}.Menu-module__header___UGEhF *[role=button]{outline-offset:-2px;outline-offset:var(--terra-menu-submenu-header-button-outline-offset, -2px)}.Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-title-color, #1c1f21);-ms-flex:1;flex:1;font-size:12px;font-size:var(--terra-menu-submenu-header-title-font-size, 12px);font-weight:normal;font-weight:var(--terra-menu-submenu-header-title-font-weight, normal);line-height:1.1667;line-height:var(--terra-menu-submenu-header-title-line-height, 1.1667);min-width:0;overflow:hidden;white-space:normal;word-break:normal;word-wrap:break-word}[dir] .Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{margin:7px 7px 7px 0;margin:var(--terra-menu-submenu-header-title-margin, 7px 7px 7px 0)}[dir=ltr] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-left:10px;margin-left:var(--terra-menu-header-title-margin-left, 10px)}[dir=rtl] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-right:10px;margin-right:var(--terra-menu-header-title-margin-left, 10px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-buttons-icon-color, #1c1f21);font-size:12px;font-size:var(--terra-menu-submenu-header-buttons-icon-font-size, 12px);font-weight:bold}[dir] .Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{background-color:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin:var(--terra-menu-submenu-header-buttons-margin, 0);padding:8px;padding:var(--terra-menu-submenu-header-buttons-padding, 8px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:hover{color:#111;color:var(--terra-menu-submenu-header-buttons-hover-color, #111)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:focus{outline:-webkit-focus-ring-color solid 2px;outline:var(--terra-menu-back-button-focus-outline, -webkit-focus-ring-color solid 2px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-fullscreen-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-fullscreen-header-border-bottom, 1px solid #dedfe0)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{color:#1c1f21;color:var(--terra-menu-fullscreen-header-title-color, #1c1f21);font-size:1rem;font-size:var(--terra-menu-fullscreen-header-title-font-size, 1rem);line-height:1.2;line-height:var(--terra-menu-fullscreen-header-title-line-height, 1.2)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{margin:0.5714rem 0 0.5714rem 0.3571rem;margin:var(--terra-menu-fullscreen-header-title-margin, 0.5714rem 0 0.5714rem 0.3571rem)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{font-size:1.45rem;font-size:var(--terra-menu-fullscreen-header-buttons-icon-font-size, 1.45rem)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{margin:0.3571rem 0;margin:var(--terra-menu-fullscreen-header-buttons-margin, 0.3571rem 0);padding:4px;padding:var(--terra-menu-fullscreen-header-buttons-padding, 4px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H:first-child{margin:0}[dir] .Menu-module__list___bRMML{padding:6px 0;padding:var(--terra-menu-list-padding, 6px 0)}.Menu-module__content___F0Uw5{color:#1c1f21;color:var(--terra-menu-foreground-color, #1c1f21);outline:0}[dir] .Menu-module__content___F0Uw5{background-color:#fff;background-color:var(--terra-menu-background-color, #fff);background-image:var(--terra-menu-background-image)}.Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{color:#1c1f21;color:var(--terra-menu-submenu-foreground-color, #1c1f21)}[dir] .Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{background-color:#f9f9f9;background-color:var(--terra-menu-submenu-background-color, #f9f9f9);background-image:var(--terra-menu-submenu-background-image)}.Menu-module__hidden-page___M4G7V{display:none}.Menu-module__header-container___KGuP2{display:-ms-flexbox;display:flex} diff --git a/pull/1840/12301-e3d1efede217aeca45b9.js b/pull/1840/12301-e3d1efede217aeca45b9.js new file mode 100644 index 00000000000..1c9ceb474ae --- /dev/null +++ b/pull/1840/12301-e3d1efede217aeca45b9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[12301],{14345:function(t,e,n){var r=n(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=r(n(861)),l=r(n(56690)),u=r(n(89728)),o=r(n(66115)),i=r(n(61655)),f=r(n(94993)),c=r(n(73808)),s=r(n(67294)),d=r(n(70419)),m=r(n(55281)),b=r(n(51162));function p(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=(0,c.default)(t);if(e){var a=(0,c.default)(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return(0,f.default)(this,n)}}var v=function(t){(0,i.default)(n,t);var e=p(n);function n(t){var r;return(0,l.default)(this,n),(r=e.call(this,t)).handleButtonClick=r.handleButtonClick.bind((0,o.default)(r)),r.handleRequestClose=r.handleRequestClose.bind((0,o.default)(r)),r.setButtonNode=r.setButtonNode.bind((0,o.default)(r)),r.getButtonNode=r.getButtonNode.bind((0,o.default)(r)),r.addMenuItems=r.addMenuItems.bind((0,o.default)(r)),r.removeMenuItems=r.removeMenuItems.bind((0,o.default)(r)),r.state={open:!1,items:[0]},r}return(0,u.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"setButtonNode",value:function(t){this.buttonNode=t}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"addMenuItems",value:function(){this.setState((function(t){return{items:[].concat((0,a.default)(t.items),[t.items.length])}}))}},{key:"removeMenuItems",value:function(){this.setState((function(t){var e=t.items.slice();return e.pop(),{items:e}}))}},{key:"render",value:function(){return s.default.createElement("div",null,s.default.createElement(d.default,{isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose},this.state.items.map((function(t){return s.default.createElement(d.default.Item,{key:t,text:"Menu Item ".concat(t),id:"TestContent".concat(t)})}))),s.default.createElement(m.default,{id:"default-button",type:"button",onClick:this.handleButtonClick,text:"Default Menu","aria-haspopup":!0,icon:s.default.createElement(b.default,null),isReversed:!0,refCallback:this.setButtonNode}),s.default.createElement("br",null),s.default.createElement("button",{type:"button",id:"add-button",onClick:this.addMenuItems},"Add Menu Item"),s.default.createElement("button",{type:"button",id:"remove-button",onClick:this.removeMenuItems},"Remove Menu Item"))}}]),n}(s.default.Component);e.default=v},66633:function(t,e,n){n.r(e),e.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"}},78490:function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.AlignmentTypes=void 0;var a=f(n(67294)),l=f(n(45697)),u=f(n(47166)),o=f(n(66633)),i=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function f(t){return t&&t.__esModule?t:{default:t}}function c(){return c=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(a[n]=t[n]);return a}(t,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(a[n]=t[n])}return a}e.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var p=u.default.bind(o.default),v={fitStart:l.default.element,fill:l.default.element.isRequired,fitEnd:l.default.element,align:l.default.oneOf(["center","bottom","stretch"]),alignFitStart:l.default.oneOf(["center","bottom","stretch"]),alignFitEnd:l.default.oneOf(["center","bottom","stretch"]),alignFill:l.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:l.default.object,fillAttributes:l.default.object,fitEndAttributes:l.default.object},h=function(t){var e=t.fitStart,n=t.fill,r=t.fitEnd,l=t.align,u=t.alignFitStart,o=t.alignFill,f=t.alignFitEnd,s=t.fitStartAttributes,m=t.fillAttributes,v=t.fitEndAttributes,h=b(t,i),y=d({},s),g=d({},m),_=d({},v);return a.default.createElement("span",c({},h,{className:p("arrange",h.className)}),a.default.createElement("span",c({},y,{className:p("fit",l||u,y.className,"fit-block")}),e),a.default.createElement("span",c({},g,{className:p("fill",l||o,g.className,"fill-block")}),n),a.default.createElement("span",c({},_,{className:p("fit",l||f,_.className)}),r))};h.propTypes=v;var y=h;e.default=y},46379:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=u(n(67294)),a=u(n(99139)),l=n(25387);function u(t){return t&&t.__esModule?t:{default:t}}function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e0&&(t.push(l),e=I?u.length:u.length-1,$.slice(0,e).forEach((function(e){l+=e.width,t.push(l)}))),A(t)}),[$]),(0,d.useEffect)((function(){var e=new m.default((function(){D(K.current.offsetHeight-1)}));return e.observe(K.current),function(){e.disconnect()}}),[K]);var le=(0,d.useCallback)((function(e){C&&C(e)}),[C]),ne=(0,d.useCallback)((function(e,t,l){U.current=K.current.offsetWidth,q.current=e.pageX,G.current=l,k(t)}),[]),ae=function(){s&&s($[W].id,$[W].width),k(null)};return d.default.createElement("div",{className:M("table-container")},d.default.createElement("table",(0,r.default)({ref:K,id:t,role:X.role,"aria-labelledby":l,"aria-label":n,className:M("table",B.className)},null!=W&&{onMouseUp:ae,onMouseMove:function(e){if(null!=W){var t=e.pageX-q.current,l=$[W],n=l.minimumWidth,a=l.maximumWidth,r=Math.min(Math.max(G.current+t,n),a),u=(0,o.default)($);u[W].width=r,ee(u),K.current.style.width="".concat(U+(r-G.current),"px")}},onMouseLeave:ae}),d.default.createElement(h.default.Provider,{value:J},d.default.createElement(p.default,{columns:$,headerHeight:b,tableHeight:j,onResizeMouseDown:ne,onColumnSelect:le}),d.default.createElement("tbody",null,a.map((function(e,t){return d.default.createElement(g.default,{rowIndex:t+1,key:e.id,height:O,id:e.id,cells:e.cells,ariaLabel:e.ariaLabel,hasRowSelection:I,displayedColumns:V,rowHeaderIndex:x,onCellSelect:F?te:void 0,isSelected:e.isSelected})}))))))}j.propTypes=P,j.defaultProps={rowHeaderIndex:0,defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rowHeight:"2.5rem",pinnedColumns:[],overflowColumns:[],rows:[]};t.default=d.default.memo((0,s.injectIntl)(j))},12810:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"GridContext",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var a=n(l(87253)),r=n(l(63127));t.default=a.default},98526:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(45697)),r=a.default.shape({content:a.default.node,isMasked:a.default.bool,isSelectable:a.default.bool,isSelected:a.default.bool});t.default=r},65602:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.columnShape=t.SortIndicators=void 0;var a=n(l(45697)),r=t.SortIndicators={ASCENDING:"ascending",DESCENDING:"descending"};t.columnShape=a.default.shape({id:a.default.string.isRequired,displayName:a.default.string,hasError:a.default.bool,isResizable:a.default.bool,isSelectable:a.default.bool,minimumWidth:a.default.number,maximumWidth:a.default.number,width:a.default.number,sortIndicator:a.default.oneOf(Object.values(r))})},23902:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(45697)),r=n(l(98526)),o=a.default.shape({id:a.default.string.isRequired,cells:a.default.arrayOf(r.default),isSelected:a.default.bool,ariaLabel:a.default.string});t.default=o},15821:function(e,t,l){var n=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(412));t.default=function(e){return Number.isInteger(e.rowHeaderIndex)?e.rowHeaderIndex<0?new Error(a.default.ROW_HEADER_INDEX_LESS_THAN_ZERO):e.pinnedColumns.length&&e.rowHeaderIndex>=e.pinnedColumns.length?new Error(a.default.ROW_HEADER_INDEX_EXCEEDS_PINNED):void 0:new Error(a.default.ROW_HEADER_INDEX_NOT_AN_INTEGER)}},4845:function(e,t,l){var n=l(64836),a=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(l(10434)),o=n(l(861)),u=n(l(27424)),i=g(l(67294)),d=g(l(51051)),f=n(l(47166)),s=n(l(54483)),c=l(25387),m=n(l(45697)),_=n(l(47341)),p=n(l(29270)),h=n(l(27876)),b=g(l(63127)),v=n(l(2981));function w(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(w=function(e){return e?l:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=w(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,l&&l.set(e,n),n}var y=f.default.bind(v.default),O={intl:m.default.shape({formatMessage:m.default.func}).isRequired,rowId:m.default.string.isRequired,columnId:m.default.string.isRequired,rowIndex:m.default.number,columnIndex:m.default.number,children:m.default.node,isMasked:m.default.bool,isSelectable:m.default.bool,isSelected:m.default.bool,ariaLabel:m.default.string,isRowHeader:m.default.bool,isHighlighted:m.default.bool,onCellSelect:m.default.func,height:m.default.string};function C(e){var t=e.rowId,l=e.columnId,n=e.rowIndex,a=e.columnIndex,f=e.ariaLabel,c=e.isMasked,m=e.isRowHeader,v=e.isSelectable,w=e.isSelected,g=e.isHighlighted,O=e.children,C=e.onCellSelect,E=e.height,I=e.intl,x=(0,i.useRef)(),S=(0,i.useContext)(_.default),R=(0,i.useContext)(b.default),M=(0,i.useContext)(h.default),P=(0,i.useState)(!1),j=(0,u.default)(P,2),D=j[0],N=j[1],H=(0,i.useState)(!1),W=(0,u.default)(H,2),k=W[0],L=W[1],T=R.role===b.GridConstants.GRID,z=function(){return(0,o.default)(x.current.querySelectorAll("".concat("a[href]:not([tabindex='-1']), area[href]:not([tabindex='-1']), input:not([disabled]):not([tabindex='-1']), select:not([disabled]):not([tabindex='-1']), textarea:not([disabled]):not([tabindex='-1']), button:not([disabled]):not([tabindex='-1']), iframe:not([tabindex='-1']), [tabindex]:not([tabindex='-1']), [contentEditable=true]:not([tabindex='-1'])"))).filter((function(e){return!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden")})).length>0};(0,i.useEffect)((function(){T&&N(z())}),[T]);var A,q=function(){L(!1),R.setCellAriaLiveMessage&&R.setCellAriaLiveMessage(I.formatMessage({id:"Terra.table.resume-navigation"}))};A=c?i.default.createElement("span",{className:y("no-data-cell",S.className)},I.formatMessage({id:"Terra.table.maskedCell"})):O||i.default.createElement("span",{className:y("no-data-cell",S.className)},I.formatMessage({id:"Terra.table.blank"}));var G=y("cell",{masked:c,pinned:a\n \n
\n

Default Modal

\n
\n

You can close the modal by:

\n
    \n
  • - Pressing the ESC key
    • \n
  • - Clicking on the overlay
    • \n
  • - Clicking on the close button
    • \n
\n
\n

On smaller screens, the modal will take up the full screen.

\n

\n
\n \n

\n \n \n \n );\n }\n}\n\nexport default AbstractModalIsOpen;\n\n")))}c.isMDXComponent=!0;var m=n(49271),p=["components"],f={};function x(e){var t=e.components,n=(0,l.Z)(e,p);return(0,r.mdx)("wrapper",(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .fixed-size {\n height: 450px;\n width: 450px;\n }\n}\n\n")))}x.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.Z,{title:t||"Abstract Modal Is Opened",description:n,example:o.createElement(s.Z,null),exampleCssSrc:o.createElement(x,null),exampleSrc:o.createElement(c,null),isExpanded:a})},b=n(37230),y=["components"],C={};function v(e){var t=e.components,n=(0,l.Z)(e,y);return(0,r.mdx)("wrapper",(0,a.Z)({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport AbstractModal from 'terra-abstract-modal';\nimport classNames from 'classnames/bind';\nimport styles from './ExampleAbstractSize.module.scss';\nimport generalStyles from './AbstractModalDocCommon.module.scss';\n\nconst cx = classNames.bind(generalStyles);\n\nclass AbstractModalCloseOnOutsideClick extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n return (\n
\n \n
\n

Modal disable close on outside click

\n
\n

You can close the modal by:

\n
    \n
  • - Pressing the ESC key
    • \n
  • - Clicking on the close button
    • \n
\n
\n \n
\n \n \n
\n );\n }\n}\n\nexport default AbstractModalCloseOnOutsideClick;\n\n")))}v.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.Z,{title:t||"Abstract Modal Close On Outside Click",description:n,example:o.createElement(b.Z,null),exampleCssSrc:o.createElement(x,null),exampleSrc:o.createElement(v,null),isExpanded:a})},M=n(31695),O=["components"],E={};function N(e){var t=e.components,n=(0,l.Z)(e,O);return(0,r.mdx)("wrapper",(0,a.Z)({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport AbstractModal from 'terra-abstract-modal';\nimport classNames from 'classnames/bind';\nimport styles from './AbstractModalDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass AbstractModalIsFullscreen extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n return (\n
\n \n
\n

Fullscreen Modal

\n
\n

This modal will always take up the full screen.

\n

\n
\n \n

\n \n \n
\n );\n }\n}\n\nexport default AbstractModalIsFullscreen;\n\n")))}N.isMDXComponent=!0;var T=["components"],_={};function k(e){var t=e.components,n=(0,l.Z)(e,T);return(0,r.mdx)("wrapper",(0,a.Z)({},_,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n background-color: #faebd7;\n height: 100%;\n overflow: hidden;\n width: 100%;\n }\n}\n\n")))}k.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.Z,{title:t||"Abstract Modal Is Fullscreen",description:n,example:o.createElement(M.Z,null),exampleCssSrc:o.createElement(k,null),exampleSrc:o.createElement(N,null),isExpanded:a})},R=n(77966),D=["components"],S={};function A(e){var t=e.components,n=(0,l.Z)(e,D);return(0,r.mdx)("wrapper",(0,a.Z)({},S,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useRef, useEffect } from 'react';\nimport AbstractModal from 'terra-abstract-modal';\nimport classNames from 'classnames/bind';\nimport styles from './ExampleAbstractSize.module.scss';\nimport generalStyles from './AbstractModalDocCommon.module.scss';\n\nconst cx = classNames.bind(generalStyles);\n\n/* eslint-disable-next-line react/prop-types */\nconst AlertDialogContent = ({ handleCloseModal }) => {\n const confirmBtn = useRef(null);\n\n useEffect(() => {\n confirmBtn.current.focus();\n }, []);\n\n return (\n
\n

Alert Dialog Modal

\n
\n

\n The abstract modal can be used to create an alert dialog modal. You can use the role,\n {' '}\n alertdialog\n {' '}\n , to create a modal dialog that interrupts the users workflow to get a response, usually some sort of confirmation.\n

\n \n \n
\n );\n};\n\n/* VoiceOver will not read the content of the modal dialog if the role attribute\n is set to `alertdialog` and ariaLabel is defined */\nconst ariaLabel = '';\n\nclass AbstractModalAlertDialog extends React.Component {\n constructor() {\n super();\n\n this.state = {\n isOpen: false,\n };\n\n this.handleOpenModal = this.handleOpenModal.bind(this);\n this.handleCloseModal = this.handleCloseModal.bind(this);\n }\n\n handleOpenModal() {\n this.setState({ isOpen: true });\n }\n\n handleCloseModal() {\n this.setState({ isOpen: false });\n }\n\n render() {\n return (\n
\n \n \n \n \n
\n );\n }\n}\n\nexport default AbstractModalAlertDialog;\n\n")))}A.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(m.Z,{title:t||"Abstract Modal Alert Dialog",description:n,example:o.createElement(R.Z,null),exampleCssSrc:o.createElement(x,null),exampleSrc:o.createElement(A,null),isExpanded:a})},P=n(78530),Z=["components"],q={},W="wrapper";function X(e){var t=e.components,n=(0,l.Z)(e,Z);return(0,r.mdx)(W,(0,a.Z)({},q,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(P.ZP,{mdxType:"PropsTable"},(0,r.mdx)(P.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(P.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the modal for screen readers."))),(0,r.mdx)(P.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(P.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content inside the modal dialog."))),(0,r.mdx)(P.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"classNameModal"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"CSS classnames that are appended to the modal."))),(0,r.mdx)(P.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"classNameOverlay"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"CSS classnames that are appended to the overlay."))),(0,r.mdx)(P.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"closeOnEsc"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"If set to true, the modal will close when the esc key is pressed."))),(0,r.mdx)(P.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"closeOnOutsideClick"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"If set to true, the modal will close when a mouse click is triggered outside the modal."))),(0,r.mdx)(P.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"isFullscreen"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"If set to true, the modal will be fullscreen on all breakpoint sizes."))),(0,r.mdx)(P.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"isOpen"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(P.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"If set to true, the modal will rendered as opened."))),(0,r.mdx)(P.X2,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"onRequestClose"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(P.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function indicating a close condition was met, should be combined with isOpen for state management."))),(0,r.mdx)(P.X2,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"role"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'dialog'\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Role attribute on the modal dialog."))),(0,r.mdx)(P.X2,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"rootSelector"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'#root'\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Allows assigning of root element custom data attribute for easy selecting of document base component."))),(0,r.mdx)(P.X2,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(P.O,{mdxType:"PropNameCell"},"zIndex"),(0,r.mdx)(P.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n '6000'\n '7000'\n '8000'\n '9000'\n],\n"))),(0,r.mdx)(P.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'6000'\n"))),(0,r.mdx)(P.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Z-Index layer to apply to the ModalContent and ModalOverlay. Valid values are the standard modal layer: '6000', and the max layer: '8000'.")))))}X.isMDXComponent=!0;var B=["components"],L={},z="wrapper";function I(e){var t=e.components,n=(0,l.Z)(e,B);return(0,r.mdx)(z,(0,a.Z)({},L,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-abstract-modal"},"Terra Abstract Modal"),(0,r.mdx)("p",null,"The abstract modal is a structural component that provides the ability to display portal'd content in a layer above the app. It consists of an overlay and an unstyled absolute positioned div in which content can be placed. The abstract modal is not intended to be consumed directly, but rather wrapped in a higher order component. Higher order components can provide the abstract modal with sizing, visual styles, and content (e.g; header, body, and actionable buttons). The abstract modals maximum size is constrained by the viewport size, so the content placed inside the modal needs to be responsive."),(0,r.mdx)("p",null,"Our recommendation for HOC is the ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-framework/components/terra-modal-manager/modal-manager/about"},"terra-modal-manager"),", as it provides sizing, responsive behavior, visual styles, and a disclosure stack."),(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-abstract-modal"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.9.0")))),(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)(h,{title:"Default Modal",mdxType:"AbstractModalIsOpened"}),(0,r.mdx)(g,{title:"\nDisable closing the modal when clicking on the overlay",mdxType:"AbstractModalCloseOnOutsideClick"}),(0,r.mdx)(w,{title:"Fullscreen Modal",mdxType:"AbstractModalIsFullscreen"}),(0,r.mdx)(j,{title:"Alert Dialog Modal",mdxType:"AbstractModalAlertDialog"}),(0,r.mdx)("h2",{id:"abstract-modal-props"},"Abstract Modal Props"),(0,r.mdx)(X,{mdxType:"ModalPropsTable"}))}I.isMDXComponent=!0},64835:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),l=n(22863),o=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-abstract-modal",name:"terra-abstract-modal",version:"3.43.1",url:t})}},77966:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var o=a(n(56690)),r=a(n(89728)),d=a(n(66115)),s=a(n(61655)),i=a(n(94993)),u=a(n(73808)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var d=o?Object.getOwnPropertyDescriptor(e,r):null;d&&(d.get||d.set)?Object.defineProperty(a,r,d):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(67294)),m=a(n(31501)),p=a(n(47166)),f=a(n(39800)),x=a(n(47787));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,u.default)(e);if(t){var l=(0,u.default)(this).constructor;n=Reflect.construct(a,arguments,l)}else n=a.apply(this,arguments);return(0,i.default)(this,n)}}var y=p.default.bind(x.default),C=function(e){var t=e.handleCloseModal,n=(0,c.useRef)(null);return(0,c.useEffect)((function(){n.current.focus()}),[]),c.default.createElement("div",{id:"alert-dialog-content",className:y("content-wrapper")},c.default.createElement("h1",null,"Alert Dialog Modal"),c.default.createElement("br",null),c.default.createElement("p",null,"The abstract modal can be used to create an alert dialog modal. You can use the role,"," ",c.default.createElement("code",null,"alertdialog")," ",", to create a modal dialog that interrupts the users workflow to get a response, usually some sort of confirmation."),c.default.createElement("button",{ref:n,type:"button",onClick:t},"Confirm action"),c.default.createElement("button",{type:"button",onClick:t},"Close Modal"))},v=function(e){(0,s.default)(n,e);var t=b(n);function n(){var e;return(0,o.default)(this,n),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,d.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,d.default)(e)),e}return(0,r.default)(n,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){return c.default.createElement("div",null,c.default.createElement(m.default,{ariaLabel:"","aria-labelledby":"alert-dialog-content",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,closeOnOutsideClick:!1,classNameModal:f.default["fixed-size"],role:"alertdialog"},c.default.createElement(C,{handleCloseModal:this.handleCloseModal})),c.default.createElement("button",{type:"button",onClick:this.handleOpenModal},"Open Modal"))}}]),n}(c.default.Component);t.Z=v},37230:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(56690)),o=a(n(89728)),r=a(n(66115)),d=a(n(61655)),s=a(n(94993)),i=a(n(73808)),u=a(n(67294)),c=a(n(31501)),m=a(n(47166)),p=a(n(39800)),f=a(n(47787));function x(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,i.default)(e);if(t){var l=(0,i.default)(this).constructor;n=Reflect.construct(a,arguments,l)}else n=a.apply(this,arguments);return(0,s.default)(this,n)}}var h=m.default.bind(f.default),b=function(e){(0,d.default)(n,e);var t=x(n);function n(){var e;return(0,l.default)(this,n),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,r.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,r.default)(e)),e}return(0,o.default)(n,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(c.default,{ariaLabel:"Modal disable close on outside click",isOpen:this.state.isOpen,closeOnOutsideClick:!1,onRequestClose:this.handleCloseModal,classNameModal:p.default["fixed-size"]},u.default.createElement("div",{className:h("content-wrapper")},u.default.createElement("h1",null,"Modal disable close on outside click"),u.default.createElement("br",null),u.default.createElement("p",null,"You can close the modal by:"),u.default.createElement("ul",null,u.default.createElement("li",null,"- Pressing the ESC key"),u.default.createElement("li",null,"- Clicking on the close button")),u.default.createElement("br",null),u.default.createElement("button",{type:"button",onClick:this.handleCloseModal},"Close Modal"))),u.default.createElement("button",{type:"button",onClick:this.handleOpenModal},"Open Modal"))}}]),n}(u.default.Component);t.Z=b},31695:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(56690)),o=a(n(89728)),r=a(n(66115)),d=a(n(61655)),s=a(n(94993)),i=a(n(73808)),u=a(n(67294)),c=a(n(31501)),m=a(n(47166)),p=a(n(47787));function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,i.default)(e);if(t){var l=(0,i.default)(this).constructor;n=Reflect.construct(a,arguments,l)}else n=a.apply(this,arguments);return(0,s.default)(this,n)}}var x=m.default.bind(p.default),h=function(e){(0,d.default)(n,e);var t=f(n);function n(){var e;return(0,l.default)(this,n),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,r.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,r.default)(e)),e}return(0,o.default)(n,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(c.default,{ariaLabel:"Fullscreen Modal",isOpen:this.state.isOpen,isFullscreen:!0,onRequestClose:this.handleCloseModal},u.default.createElement("div",{className:x("content-wrapper")},u.default.createElement("h1",null,"Fullscreen Modal"),u.default.createElement("br",null),u.default.createElement("p",null,"This modal will always take up the full screen."),u.default.createElement("p",null),u.default.createElement("br",null),u.default.createElement("button",{type:"button",onClick:this.handleCloseModal},"Close Modal"))),u.default.createElement("button",{type:"button",onClick:this.handleOpenModal},"Open Modal"))}}]),n}(u.default.Component);t.Z=h},40539:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(56690)),o=a(n(89728)),r=a(n(66115)),d=a(n(61655)),s=a(n(94993)),i=a(n(73808)),u=a(n(67294)),c=a(n(31501)),m=a(n(47166)),p=a(n(39800)),f=a(n(47787));function x(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,i.default)(e);if(t){var l=(0,i.default)(this).constructor;n=Reflect.construct(a,arguments,l)}else n=a.apply(this,arguments);return(0,s.default)(this,n)}}var h=m.default.bind(f.default),b=function(e){(0,d.default)(n,e);var t=x(n);function n(){var e;return(0,l.default)(this,n),(e=t.call(this)).state={isOpen:!1},e.handleOpenModal=e.handleOpenModal.bind((0,r.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,r.default)(e)),e}return(0,o.default)(n,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){return u.default.createElement("div",null,u.default.createElement(c.default,{ariaLabel:"Default Modal",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,classNameModal:p.default["fixed-size"]},u.default.createElement("div",{className:h("content-wrapper")},u.default.createElement("h1",null,"Default Modal"),u.default.createElement("br",null),u.default.createElement("p",null,"You can close the modal by:"),u.default.createElement("ul",null,u.default.createElement("li",null,"- Pressing the ESC key"),u.default.createElement("li",null,"- Clicking on the overlay"),u.default.createElement("li",null,"- Clicking on the close button")),u.default.createElement("br",null),u.default.createElement("p",null,"On smaller screens, the modal will take up the full screen."),u.default.createElement("p",null),u.default.createElement("br",null),u.default.createElement("button",{type:"button",onClick:this.handleCloseModal},"Close Modal"))),u.default.createElement("button",{type:"button",onClick:this.handleOpenModal},"Open Modal"))}}]),n}(u.default.Component);t.Z=b},17422: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"}},53560: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"}},47787:function(e,t,n){n.r(t),t.default={"content-wrapper":"AbstractModalDocCommon-module__content-wrapper___phElL"}},39800:function(e,t,n){n.r(t),t.default={"fixed-size":"ExampleAbstractSize-module__fixed-size___uWh96"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),l=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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}a.d(n,{Z:function(){return r}})}}]); \ No newline at end of file diff --git a/pull/1840/13451-d6fbb5daeb83246e84fc.css b/pull/1840/13451-d6fbb5daeb83246e84fc.css new file mode 100644 index 00000000000..c786d95cc8d --- /dev/null +++ b/pull/1840/13451-d6fbb5daeb83246e84fc.css @@ -0,0 +1,2 @@ +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} diff --git a/pull/1840/13451-d6fbb5daeb83246e84fc.js b/pull/1840/13451-d6fbb5daeb83246e84fc.js new file mode 100644 index 00000000000..0fac376f1c1 --- /dev/null +++ b/pull/1840/13451-d6fbb5daeb83246e84fc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[13451],{25011:function(e,t,r){var n=r(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(67294)),u=n(r(43671)),l=n(r(90592));t.default=function(){return o.default.createElement(u.default,{id:"timeInput",name:"time-input",value:"21:22",variant:l.default.FORMAT_12_HOUR})}},68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(r(67294)),u=p(r(45697)),l=p(r(94184)),a=p(r(47166)),i=p(r(47341)),f=p(r(68586)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function p(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r=i.default.enormous&&c?"enormous":e>=i.default.huge&&s?"huge":e>=i.default.large&&u?"large":e>=i.default.medium&&l?"medium":e>=i.default.small&&o?"small":"tiny",this.state.element!==d&&this.setState({element:d}))}},{key:"handleWindowResize",value:function(){this.handleResize(window.innerWidth)}},{key:"setContainer",value:function(e){null!==e&&(this.container="parent"===this.props.responsiveTo?e.parentNode:null)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.responsiveTo;return this.state.element?this.props[this.state.element]||null:r.default.createElement(r.default.Fragment,null,"parent"===n&&!this.container&&r.default.createElement("div",{ref:this.setContainer}),t)}}])&&c(t.prototype,n),a&&c(t,a),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default.Component);v.propTypes=_,v.defaultProps={responsiveTo:"parent"};var h=v;t.default=h}}]); \ No newline at end of file diff --git a/pull/1840/13581-8df4b65b76e213c3049c.css b/pull/1840/13581-8df4b65b76e213c3049c.css new file mode 100644 index 00000000000..70c28178188 --- /dev/null +++ b/pull/1840/13581-8df4b65b76e213c3049c.css @@ -0,0 +1 @@ +.AutomaticHeightAndResizedContentCommon-module__test-popup-area___rt\+22{height:300px;width:500px}[dir] .AutomaticHeightAndResizedContentCommon-module__test-popup-area___rt\+22{background:#f0f8ff}.AutomaticHeightAndResizedContentCommon-module__popup-text___nezmL{height:400px}.AutomaticHeightAndResizedContentCommon-module__popup-button___A7jTk{position:absolute}[dir=ltr] .AutomaticHeightAndResizedContentCommon-module__popup-button___A7jTk{left:200px}[dir=rtl] .AutomaticHeightAndResizedContentCommon-module__popup-button___A7jTk{right:200px} diff --git a/pull/1840/13581-8df4b65b76e213c3049c.js b/pull/1840/13581-8df4b65b76e213c3049c.js new file mode 100644 index 00000000000..b080067f23c --- /dev/null +++ b/pull/1840/13581-8df4b65b76e213c3049c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[13581],{13581:function(t,e,n){var o=n(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var u=o(n(56690)),a=o(n(89728)),l=o(n(66115)),r=o(n(61655)),i=o(n(94993)),s=o(n(73808)),d=o(n(67294)),c=o(n(47166)),f=o(n(92306)),p=o(n(34296));function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=(0,s.default)(t);if(e){var u=(0,s.default)(this).constructor;n=Reflect.construct(o,arguments,u)}else n=o.apply(this,arguments);return(0,i.default)(this,n)}}var m=c.default.bind(p.default),C=function(t){(0,r.default)(n,t);var e=h(n);function n(t){var o;return(0,u.default)(this,n),(o=e.call(this,t)).handleButtonClick=o.handleButtonClick.bind((0,l.default)(o)),o.handleRequestClose=o.handleRequestClose.bind((0,l.default)(o)),o.setButtonNode=o.setButtonNode.bind((0,l.default)(o)),o.getButtonNode=o.getButtonNode.bind((0,l.default)(o)),o.state={open:!0},o}return(0,a.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"setButtonNode",value:function(t){this.buttonNode=t}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){return d.default.createElement("div",{id:"test-popup-area",className:m("test-popup-area")},d.default.createElement(f.default,{classNameArrow:"test-arrow",classNameContent:"test-content",contentHeight:"auto",isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose},d.default.createElement("p",{className:m("popup-text")},"This is popup content with a automatic height of 400px.")),d.default.createElement("button",{type:"button",id:"default-button",onClick:this.handleButtonClick,ref:this.setButtonNode},"Default Popup"))}}]),n}(d.default.Component);e.default=C},34296:function(t,e,n){n.r(e),e.default={"test-popup-area":"AutomaticHeightAndResizedContentCommon-module__test-popup-area___rt+22","popup-text":"AutomaticHeightAndResizedContentCommon-module__popup-text___nezmL","popup-button":"AutomaticHeightAndResizedContentCommon-module__popup-button___A7jTk"}}}]); \ No newline at end of file diff --git a/pull/1840/13588-a6a2ea5470700a66791a.css b/pull/1840/13588-a6a2ea5470700a66791a.css new file mode 100644 index 00000000000..32210cdd9fd --- /dev/null +++ b/pull/1840/13588-a6a2ea5470700a66791a.css @@ -0,0 +1,4 @@ +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start} +.MenuItem-module__clinical-lowlight-theme___GRWU4{--terra-menu-item-active-background-color: #1e3a49;--terra-menu-item-active-text-color: #b2b5b6;--terra-menu-item-chevron-icon-color: #9b9fa1;--terra-menu-item-disabled-chevron-icon-color: rgba(155, 159, 161, 0.2);--terra-menu-item-color: #b2b5b6;--terra-menu-item-text-color: #b2b5b6;--terra-menu-item-disabled-text-opacity: 0.18;--terra-menu-item-disabled-start-icon-opacity: 0.18;--terra-menu-item-chevron-focus-icon-color: #c5c5c6;--terra-menu-item-chevron-hover-icon-color: #c5c5c6;--terra-menu-item-focus-background-color: #1e3a49;--terra-menu-item-focus-outline: #004c76 auto 5px;--terra-menu-item-focus-outline-offset: -2px;--terra-menu-item-hover-background-color: #232a2d;--terra-menu-item-hover-background-image: linear-gradient(to bottom, #122b39 2%, #152933 30%, #1e3a49 80%);--terra-menu-item-hover-box-shadow: inset 0 0 0 1px #04293f;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.286rem 0;--terra-menu-item-text-font-size: 0.928571429rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-text-margin-right: 1.714285714rem;--terra-menu-item-text-margin-left: 0.714285714rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-chevron-icon-font-size: 0.714285714rem;--terra-menu-item-chevron-icon-margin-left: 0.714285714rem;--terra-menu-item-chevron-icon-margin-right: 0.714285714rem;--terra-menu-item-start-icon-font-size: 0.85714rem;--terra-menu-item-start-icon-margin-left: 0.71428rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #1e3a49;--terra-menu-item-highlighted-hover-background-color: #232a2d;--terra-menu-item-highlighted-hover-background-image: linear-gradient(to bottom, #04293f 2%, #053754 30%, #004c76 80%);--terra-menu-item-highlighted-hover-box-shadow: inset 0 0 0 1px #04293f}.MenuItem-module__orion-fusion-theme___OJBfh{--terra-menu-item-color: #595f62;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.5rem 0.83333rem 0.5rem 2.33333rem;--terra-menu-item-hover-background-color: #f4fafe;--terra-menu-item-hover-background-image: none;--terra-menu-item-hover-box-shadow: none;--terra-menu-item-focus-background-color: #ebf6fd;--terra-menu-item-focus-outline: -webkit-focus-ring-color auto 5px;--terra-menu-item-focus-outline-offset: -1px;--terra-menu-item-chevron-hover-icon-color: #1f1f21;--terra-menu-item-chevron-focus-icon-color: #1f1f21;--terra-menu-item-active-background-color: #e2f2fc;--terra-menu-item-active-text-color: #000;--terra-menu-item-disabled-text-opacity: 0.1;--terra-menu-item-disabled-chevron-icon-color: rgb(187, 188, 189, 0.25);--terra-menu-item-disabled-start-icon-opacity: 0.1;--terra-menu-item-text-color: #000;--terra-menu-item-text-font-size: 1rem;--terra-menu-item-text-margin-right: 2rem;--terra-menu-item-text-margin-left: 0.5rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-start-icon-font-size: 1.33333rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-start-icon-margin-left: -1.33333rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-chevron-icon-color: #000;--terra-menu-item-chevron-icon-font-size: 1.33333rem;--terra-menu-item-chevron-icon-margin-left: 0.41667rem;--terra-menu-item-chevron-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #e2f2fc;--terra-menu-item-highlighted-hover-background-color: #cbe7fa;--terra-menu-item-highlighted-hover-background-image: none;--terra-menu-item-highlighted-hover-box-shadow: none}.MenuItem-module__item___d5cbi{color:#1c1f21;color:var(--terra-menu-item-color, #1c1f21)}[dir] .MenuItem-module__item___d5cbi{cursor:default;margin:0;margin:var(--terra-menu-item-margin, 0);padding:0.286rem 0;padding:var(--terra-menu-item-padding, 0.286rem 0)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d){cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover{background-color:#f4fefe;background-color:var(--terra-menu-item-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-menu-item-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #e1f2fd;box-shadow:var(--terra-menu-item-hover-box-shadow, inset 0 0 0 1px #e1f2fd)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d).MenuItem-module__is-highlighted___2iz9A:hover{background-color:#d1ebfb;background-color:var(--terra-menu-item-highlighted-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-menu-item-highlighted-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-menu-item-highlighted-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover .MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.7);color:var(--terra-menu-item-chevron-hover-icon-color, rgba(28, 31, 33, 0.7))}}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{outline:-webkit-focus-ring-color auto 5px;outline:var(--terra-menu-item-focus-outline, -webkit-focus-ring-color auto 5px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{background-color:#ebf6fd;background-color:var(--terra-menu-item-focus-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus .MenuItem-module__chevron___KG83f{color:rgb(28, 31, 33);color:var(--terra-menu-item-chevron-focus-icon-color, rgb(28, 31, 33))}[dir] .MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d), [dir] .MenuItem-module__active___JF61u{background-color:#ebf6fd;background-color:var(--terra-menu-item-active-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d) .MenuItem-module__text___ax0k2,.MenuItem-module__active___JF61u .MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-active-text-color, #1c1f21)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__text___ax0k2{opacity:0.25;opacity:var(--terra-menu-item-disabled-text-opacity, 0.25)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__chevron___KG83f{color:rgba(155, 159, 161, 0.3);color:var(--terra-menu-item-disabled-chevron-icon-color, rgba(155, 159, 161, 0.3))}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__start-icon___IrbDC{opacity:0.25;opacity:var(--terra-menu-item-disabled-start-icon-opacity, 0.25)}[dir=ltr] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-right:0;margin-right:var(--terra-menu-item-top-level-text-margin-right, 0)}[dir=rtl] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-left:0;margin-left:var(--terra-menu-item-top-level-text-margin-right, 0)}.MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-text-color, #1c1f21);font-size:0.928571429rem;font-size:var(--terra-menu-item-text-font-size, 0.928571429rem);font-weight:normal;font-weight:var(--terra-menu-item-text-font-weight, normal);line-height:1.538;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=ltr] .MenuItem-module__text___ax0k2{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-right:1.714285714rem;margin-right:var(--terra-menu-item-text-margin-right, 1.714285714rem)}[dir=rtl] .MenuItem-module__text___ax0k2{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-left:1.714285714rem;margin-left:var(--terra-menu-item-text-margin-right, 1.714285714rem)}.MenuItem-module__checkmark___PFCFZ{visibility:hidden}.MenuItem-module__is-toggled___Kl1vs .MenuItem-module__checkmark___PFCFZ{visibility:visible}.MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.53);color:var(--terra-menu-item-chevron-icon-color, rgba(28, 31, 33, 0.53));font-size:0.714285714rem;font-size:var(--terra-menu-item-chevron-icon-font-size, 0.714285714rem)}[dir=ltr] .MenuItem-module__chevron___KG83f{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}[dir=rtl] .MenuItem-module__chevron___KG83f{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}.MenuItem-module__start-icon___IrbDC{font-size:0.85714rem;font-size:var(--terra-menu-item-start-icon-font-size, 0.85714rem)}[dir=ltr] .MenuItem-module__start-icon___IrbDC{margin-left:0.71428rem;margin-left:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-right:0;margin-right:var(--terra-menu-item-start-icon-margin-right, 0)}[dir=rtl] .MenuItem-module__start-icon___IrbDC{margin-right:0.71428rem;margin-right:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-left:0;margin-left:var(--terra-menu-item-start-icon-margin-right, 0)}[dir] .MenuItem-module__is-highlighted___2iz9A{background-color:#e1f3fd;background-color:var(--terra-menu-item-highlighted-background-color, #e1f3fd)} +.Menu-module__clinical-lowlight-theme___hKzLg{--terra-menu-background-color: #222a2e;--terra-menu-foreground-color: #b2b5b6;--terra-menu-fullscreen-header-background-color: #222a2e;--terra-menu-fullscreen-header-border-bottom: 1px solid #181b1d;--terra-menu-fullscreen-header-title-color: #b2b5b6;--terra-menu-submenu-background-color: #1c2326;--terra-menu-submenu-foreground-color: #b2b5b6;--terra-menu-submenu-header-background-color: #222a2e;--terra-menu-submenu-header-border-bottom: 1px solid #181b1d;--terra-menu-submenu-header-button-outline-offset: -3px;--terra-menu-back-button-focus-outline: #b2b5b6 solid 2px;--terra-menu-submenu-header-buttons-icon-color: #c5c5c6;--terra-menu-submenu-header-buttons-hover-color: #b2b5b6;--terra-menu-submenu-header-title-color: #b2b5b6;--terra-menu-background-image: none;--terra-menu-divider-after-border-color: #282d31;--terra-menu-divider-border-color: #181b1d;--terra-menu-submenu-arrow-after-border-top-color: #1c2326;--terra-menu-submenu-background-image: none;--terra-menu-submenu-divider-after-border-color: #282d31;--terra-menu-divider-margin-top: 2px;--terra-menu-divider-after-border-width: 3px 0 0;--terra-menu-divider-after-margin-bottom: 4px;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-font-size: 12px;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.1667;--terra-menu-submenu-header-title-margin: 7px 7px 7px 0;--terra-menu-header-title-margin-left: 10px;--terra-menu-submenu-header-buttons-icon-font-size: 12px;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 8px;--terra-menu-fullscreen-header-title-font-size: 1rem;--terra-menu-fullscreen-header-title-line-height: 1.2;--terra-menu-fullscreen-header-title-margin: 0.5714rem 0 0.5714rem 0.3571rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.45rem;--terra-menu-fullscreen-header-buttons-margin: 0.3571rem 0;--terra-menu-fullscreen-header-buttons-padding: 4px;--terra-menu-list-padding: 6px 0}.Menu-module__orion-fusion-theme___4S\+kd{--terra-menu-divider-border-color: #c8cacb;--terra-menu-divider-margin-top: 0;--terra-menu-divider-after-border-color: transparent;--terra-menu-divider-after-border-width: 0;--terra-menu-divider-after-margin-bottom: 0;--terra-menu-submenu-divider-after-border-color: transparent;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-background-color: #f4f4f4;--terra-menu-submenu-header-border-bottom: 2px solid #9b9fa1;--terra-menu-submenu-header-button-outline-offset: -4px;--terra-menu-back-button-focus-outline: -webkit-focus-ring-color solid 2px;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-color: #1c1f21;--terra-menu-submenu-header-title-font-size: 1.16667rem;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.57143;--terra-menu-submenu-header-title-margin: 0.25rem 0.25rem 0.25rem 0;--terra-menu-submenu-header-buttons-icon-color: #1c1f21;--terra-menu-submenu-header-buttons-icon-font-size: 1.16667rem;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-submenu-header-buttons-hover-color: #004c76;--terra-menu-header-title-margin-left: 2.33333rem;--terra-menu-fullscreen-header-background-color: #f4f4f4;--terra-menu-fullscreen-header-border-bottom: 2px solid #9b9fa1;--terra-menu-fullscreen-header-title-color: #1c1f21;--terra-menu-fullscreen-header-title-font-size: 1.16667rem;--terra-menu-fullscreen-header-title-line-height: 1.57143;--terra-menu-fullscreen-header-title-margin: 0.5rem 0 0.416667rem 0.25rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.16667rem;--terra-menu-fullscreen-header-buttons-margin: 0;--terra-menu-fullscreen-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-list-padding: 0;--terra-menu-background-color: #fff;--terra-menu-background-image: none;--terra-menu-foreground-color: #1c1f21;--terra-menu-submenu-arrow-after-border-top-color: none;--terra-menu-submenu-background-color: #fff;--terra-menu-submenu-background-image: none;--terra-menu-submenu-foreground-color: #1c1f21}[dir] .Menu-module__submenu___pD8uM.Menu-module__arrow___qDX5\+[data-align-arrow=bottom]::after{border-top-color:#f9f9f9;border-top-color:var(--terra-menu-submenu-arrow-after-border-top-color, #f9f9f9)}.Menu-module__divider___2Yiip{width:100%}[dir] .Menu-module__divider___2Yiip{border-color:#dedfe0;border-color:var(--terra-menu-divider-border-color, #dedfe0);border-style:solid;border-width:1px 0 0;margin-top:2px;margin-top:var(--terra-menu-divider-margin-top, 2px)}.Menu-module__divider___2Yiip::after{content:"";display:block}[dir] .Menu-module__divider___2Yiip::after{border-color:#f9f9f9;border-color:var(--terra-menu-divider-after-border-color, #f9f9f9);border-style:solid;border-width:3px 0 0;border-width:var(--terra-menu-divider-after-border-width, 3px 0 0);margin-bottom:4px;margin-bottom:var(--terra-menu-divider-after-margin-bottom, 4px)}[dir] .Menu-module__submenu___pD8uM .Menu-module__divider___2Yiip::after{border-color:#fff;border-color:var(--terra-menu-submenu-divider-after-border-color, #fff);border-width:var(--terra-menu-submenu-divider-after-border-width);margin-bottom:var(--terra-menu-submenu-divider-after-margin-bottom)}.Menu-module__header___UGEhF{height:var(--terra-menu-submenu-header-height);width:100%}[dir] .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-submenu-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-submenu-header-border-bottom, 1px solid #dedfe0)}.Menu-module__header___UGEhF *[role=button]{outline-offset:-2px;outline-offset:var(--terra-menu-submenu-header-button-outline-offset, -2px)}.Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-title-color, #1c1f21);-ms-flex:1;flex:1;font-size:12px;font-size:var(--terra-menu-submenu-header-title-font-size, 12px);font-weight:normal;font-weight:var(--terra-menu-submenu-header-title-font-weight, normal);line-height:1.1667;line-height:var(--terra-menu-submenu-header-title-line-height, 1.1667);min-width:0;overflow:hidden;white-space:normal;word-break:normal;word-wrap:break-word}[dir] .Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{margin:7px 7px 7px 0;margin:var(--terra-menu-submenu-header-title-margin, 7px 7px 7px 0)}[dir=ltr] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-left:10px;margin-left:var(--terra-menu-header-title-margin-left, 10px)}[dir=rtl] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-right:10px;margin-right:var(--terra-menu-header-title-margin-left, 10px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-buttons-icon-color, #1c1f21);font-size:12px;font-size:var(--terra-menu-submenu-header-buttons-icon-font-size, 12px);font-weight:bold}[dir] .Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{background-color:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin:var(--terra-menu-submenu-header-buttons-margin, 0);padding:8px;padding:var(--terra-menu-submenu-header-buttons-padding, 8px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:hover{color:#111;color:var(--terra-menu-submenu-header-buttons-hover-color, #111)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:focus{outline:-webkit-focus-ring-color solid 2px;outline:var(--terra-menu-back-button-focus-outline, -webkit-focus-ring-color solid 2px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-fullscreen-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-fullscreen-header-border-bottom, 1px solid #dedfe0)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{color:#1c1f21;color:var(--terra-menu-fullscreen-header-title-color, #1c1f21);font-size:1rem;font-size:var(--terra-menu-fullscreen-header-title-font-size, 1rem);line-height:1.2;line-height:var(--terra-menu-fullscreen-header-title-line-height, 1.2)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{margin:0.5714rem 0 0.5714rem 0.3571rem;margin:var(--terra-menu-fullscreen-header-title-margin, 0.5714rem 0 0.5714rem 0.3571rem)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{font-size:1.45rem;font-size:var(--terra-menu-fullscreen-header-buttons-icon-font-size, 1.45rem)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{margin:0.3571rem 0;margin:var(--terra-menu-fullscreen-header-buttons-margin, 0.3571rem 0);padding:4px;padding:var(--terra-menu-fullscreen-header-buttons-padding, 4px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H:first-child{margin:0}[dir] .Menu-module__list___bRMML{padding:6px 0;padding:var(--terra-menu-list-padding, 6px 0)}.Menu-module__content___F0Uw5{color:#1c1f21;color:var(--terra-menu-foreground-color, #1c1f21);outline:0}[dir] .Menu-module__content___F0Uw5{background-color:#fff;background-color:var(--terra-menu-background-color, #fff);background-image:var(--terra-menu-background-image)}.Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{color:#1c1f21;color:var(--terra-menu-submenu-foreground-color, #1c1f21)}[dir] .Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{background-color:#f9f9f9;background-color:var(--terra-menu-submenu-background-color, #f9f9f9);background-image:var(--terra-menu-submenu-background-image)}.Menu-module__hidden-page___M4G7V{display:none}.Menu-module__header-container___KGuP2{display:-ms-flexbox;display:flex} +.MenuItemCommon-module__mimic-menu-container___vxRKf{list-style:none;width:238px}[dir] .MenuItemCommon-module__mimic-menu-container___vxRKf{padding:0}.MenuItemCommon-module__red-color___kgz2x{color:#e50000;color:var(--terra-framework-docs-menu-item-test-red-color, #e50000)}.MenuItemCommon-module__orion-fusion-theme___q04e2{--terra-framework-docs-menu-item-test-red-color: #e50000}.MenuItemCommon-module__clinical-lowlight-theme___iB4N8{--terra-framework-docs-menu-item-test-red-color: #fb4c4c} diff --git a/pull/1840/13588-a6a2ea5470700a66791a.js b/pull/1840/13588-a6a2ea5470700a66791a.js new file mode 100644 index 00000000000..e5d75d606d9 --- /dev/null +++ b/pull/1840/13588-a6a2ea5470700a66791a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[13588],{11082:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56690)),a=l(n(89728)),o=l(n(61655)),u=l(n(94993)),i=l(n(73808)),c=l(n(67294)),f=l(n(45697)),s=l(n(47166)),d=l(n(70419)),m=l(n(3343)),b=l(n(31532)),p=l(n(47341)),g=l(n(82347));function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,i.default)(e);if(t){var r=(0,i.default)(this).constructor;n=Reflect.construct(l,arguments,r)}else n=l.apply(this,arguments);return(0,u.default)(this,n)}}var _=s.default.bind(g.default),v={isSelectableMenu:f.default.bool},h=function(e){(0,o.default)(n,e);var t=y(n);function n(){return(0,r.default)(this,n),t.apply(this,arguments)}return(0,a.default)(n,[{key:"getChildContext",value:function(){return{isSelectableMenu:!0}}},{key:"render",value:function(){var e=this.context;return c.default.createElement("div",null,c.default.createElement("p",null,"default icon, themeable, isToggled, isToggleable, and isInstructionsForUse combinations"),c.default.createElement("br",null),c.default.createElement("ul",{className:_("mimic-menu-container"),role:"menu"},c.default.createElement(d.default.Item,{text:"Icon",key:"Icon",icon:c.default.createElement(m.default,null)}),c.default.createElement(d.default.Item,{text:"Icon, themeable",key:"Icon, themeable",icon:c.default.createElement(b.default,{className:_(["red-color",e.className])})}),c.default.createElement(d.default.Item,{text:"Icon, isToggleable",key:"Icon, isToggleable",icon:c.default.createElement(m.default,null),isSelectable:!0}),c.default.createElement(d.default.Item,{text:"Icon, isToggleable, and isToggled",key:"Icon, isToggleable, isToggled",icon:c.default.createElement(m.default,null),isSelectable:!0,isSelected:!0}),c.default.createElement(d.default.Item,{text:"Icon, isToggled, notToggleable",key:"Icon, isToggled, notToggleable",icon:c.default.createElement(m.default,null),isSelected:!0}),c.default.createElement(d.default.Item,{text:"isInstructionsForUse, icon",key:"isInstructionsForUse, icon",isSelected:!0,isSelectable:!0,icon:c.default.createElement(m.default,null),isInstructionsForUse:!0}),c.default.createElement(d.default.Item,{text:"MenuItem - Submenu",key:"MenuItem - Submenu",subMenuItems:[c.default.createElement(d.default.Item,{text:"Not Visible"})]})))}}]),n}(c.default.Component);h.childContextTypes=v,h.contextType=p.default;t.default=h},66633: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"}},82347:function(e,t,n){n.r(t),t.default={"mimic-menu-container":"MenuItemCommon-module__mimic-menu-container___vxRKf","red-color":"MenuItemCommon-module__red-color___kgz2x","orion-fusion-theme":"MenuItemCommon-module__orion-fusion-theme___q04e2","clinical-lowlight-theme":"MenuItemCommon-module__clinical-lowlight-theme___iB4N8"}},78490: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=c(n(67294)),a=c(n(45697)),o=c(n(47166)),u=c(n(66633)),i=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function c(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 p=o.default.bind(u.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},y=function(e){var t=e.fitStart,n=e.fill,l=e.fitEnd,a=e.align,o=e.alignFitStart,u=e.alignFill,c=e.alignFitEnd,s=e.fitStartAttributes,m=e.fillAttributes,g=e.fitEndAttributes,y=b(e,i),_=d({},s),v=d({},m),h=d({},g);return r.default.createElement("span",f({},y,{className:p("arrange",y.className)}),r.default.createElement("span",f({},_,{className:p("fit",a||o,_.className,"fit-block")}),t),r.default.createElement("span",f({},v,{className:p("fill",a||u,v.className,"fill-block")}),n),r.default.createElement("span",f({},h,{className:p("fit",a||c,h.className)}),l))};y.propTypes=g;var _=y;t.default=_},46379:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=o(n(67294)),r=o(n(99139)),a=n(25387);function o(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=t[r]);return n}(t,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(e=0;e=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}r.d(a,{Z:function(){return e}})}}]); \ No newline at end of file diff --git a/pull/1840/13e30f227d2d7c11cdb2385b7913b0c1.gif b/pull/1840/13e30f227d2d7c11cdb2385b7913b0c1.gif new file mode 100644 index 00000000000..97d2089a6ad Binary files /dev/null and b/pull/1840/13e30f227d2d7c11cdb2385b7913b0c1.gif differ diff --git a/pull/1840/14065-3232e9bd5bd7b9585131.css b/pull/1840/14065-3232e9bd5bd7b9585131.css new file mode 100644 index 00000000000..2601a657e65 --- /dev/null +++ b/pull/1840/14065-3232e9bd5bd7b9585131.css @@ -0,0 +1 @@ +[dir] .test-background-class{background-color:#fff} diff --git a/pull/1840/14065-3232e9bd5bd7b9585131.js b/pull/1840/14065-3232e9bd5bd7b9585131.js new file mode 100644 index 00000000000..ceb01d6643b --- /dev/null +++ b/pull/1840/14065-3232e9bd5bd7b9585131.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14065],{14065:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(56690)),u=a(l(89728)),o=a(l(66115)),r=a(l(61655)),d=a(l(94993)),c=a(l(73808)),s=a(l(67294)),f=a(l(31501));function i(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var l,a=(0,c.default)(e);if(t){var n=(0,c.default)(this).constructor;l=Reflect.construct(a,arguments,n)}else l=a.apply(this,arguments);return(0,d.default)(this,l)}}l(14200);var h=function(e){(0,r.default)(l,e);var t=i(l);function l(){var e;return(0,n.default)(this,l),(e=t.call(this)).state={isOpen:!0},e.handleOpenModal=e.handleOpenModal.bind((0,o.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,o.default)(e)),e}return(0,u.default)(l,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){return s.default.createElement("div",null,s.default.createElement(f.default,{ariaLabel:"Terra Modal",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,closeOnEsc:!1,classNameModal:"test-background-class"},s.default.createElement("div",null,s.default.createElement("h1",null,"Terra Modal"),s.default.createElement("h2",null,"Subtitle"),s.default.createElement("hr",null),s.default.createElement("p",null,"The Terra Modal is appended to the document body."),s.default.createElement("p",null,"Modal is assigned a role of 'document' for accessibility."),s.default.createElement("button",{id:"focus-button",type:"button",onClick:this.handleCloseModal},"Close Modal"))),s.default.createElement("button",{type:"button",className:"button-open-modal",onClick:this.handleOpenModal},"Open Modal"))}}]),l}(s.default.Component);t.default=h},14200:function(e,t,l){l.r(t),t.default={}}}]); \ No newline at end of file diff --git a/pull/1840/14152-197b4593ac519f3ee894.js b/pull/1840/14152-197b4593ac519f3ee894.js new file mode 100644 index 00000000000..3f14b88b5b9 --- /dev/null +++ b/pull/1840/14152-197b4593ac519f3ee894.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14152,75739],{22863:function(e,t,a){var l=a(64836);t.Z=void 0;var n=l(a(67294)),r=l(a(45697)),o=l(a(47166)),u=l(a(17422)),c=o.default.bind(u.default),i={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var t=e.src,a=e.name,l=e.url,r=e.version,o=n.default.createElement("a",{className:c("badge"),href:l||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},n.default.createElement("span",{className:c("badge-name")},l?"package":"npm"),n.default.createElement("span",{className:c("badge-version")},"v".concat(r))),u=t?n.default.createElement("a",{className:c("badge"),href:t},n.default.createElement("span",{className:c("badge-name")},"github"),n.default.createElement("span",{className:c("badge-version")},"source")):void 0;return n.default.createElement("div",{className:c("badge-container")},o,u)};d.propTypes=i;var s=d;t.Z=s},49271:function(e,t,a){var l=a(64836),n=a(18698);t.Z=void 0;var r=l(a(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var l={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(l,o,u):l[o]=e[o]}l.default=e,a&&a.set(e,l);return l}(a(67294)),u=l(a(45697)),c=l(a(47166)),i=a(21538),d=l(a(33864)),s=l(a(23399)),m=a(51051),_=l(a(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a:t})(e)}var p=c.default.bind(_.default),v={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,a=e.exampleSrc,l=e.exampleCssSrc,n=e.title,u=e.description,c=e.isExpanded,_=(0,o.useState)(c),f=(0,r.default)(_,2),v=f[0],h=f[1],E=(0,o.useState)(!1),y=(0,r.default)(E,2),N=y[0],x=y[1],O=o.default.useContext(i.ThemeContext),w=void 0!==l,T=function(){x(!N),v&&h(!v)},P=function(){h(!v),N&&x(!N)},j=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:p("template",O.className)},o.default.createElement("div",{className:p("header")},n&&o.default.createElement("h2",{className:p("title")},n)),o.default.createElement("div",{className:p("content")},u&&o.default.createElement("div",{className:p("description")},u),t),o.default.createElement("div",{className:p("footer")},a?o.default.createElement("div",{className:p("button-container")},w&&o.default.createElement("button",{type:"button",className:p("css-toggle","item",{"is-selected":N}),onClick:T,onKeyDown:function(e){return j(e,T)},onBlur:b,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:p("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:p("chevron")})),o.default.createElement("button",{type:"button",className:p("code-toggle","item",{"is-selected":v}),onClick:P,onKeyDown:function(e){return j(e,P)},onBlur:b,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:p("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:p("chevron")}))):null,o.default.createElement("div",null,N&&o.default.createElement("div",{className:p("css")},l),v&&o.default.createElement("div",{className:p("code")},a))))};h.propTypes=v,h.defaultProps={isExpanded:!1};var E=h;t.Z=E},40996:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=i(a(67294)),n=i(a(45697)),r=i(a(47166)),o=i(a(47341)),u=i(a(66983)),c=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var m=r.default.bind(u.default),_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},p={children:n.default.string},v=function(e){var t=e.children,a=s(e,c),n=l.default.useContext(o.default),u=(0,r.default)(m(["button",n.className]),a.className);return l.default.createElement("button",d({},a,{type:"button",className:u,onBlur:_,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};v.propTypes=p;var b=v;t.default=b},59278:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=c(a(67294)),n=c(a(45697)),r=c(a(47166)),o=c(a(47341)),u=c(a(30866));function c(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(u.default),d={ariaLevel:n.default.oneOf(["2","3","4","5","6"]),children:n.default.node,variant:n.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,a=e.variant,n=e.children,r=l.default.useContext(o.default);return l.default.createElement("div",{className:i("notice",a,r.className)},l.default.createElement("div",{className:i("accessory"),"aria-hidden":"true",focusable:"false"}),l.default.createElement("div",{role:"heading",className:i("title"),"aria-level":t},l.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(a))),l.default.createElement("div",{className:i("children")},function(e){return"not-supported"===e?l.default.createElement(l.default.Fragment,null,l.default.createElement("p",{className:i("paragraph")},"This component was designed and tested according to the documented implementation."),l.default.createElement("p",{className:i("paragraph")},"Using the component incorrectly:",l.default.createElement("ul",{className:i("list")},l.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),l.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),l.default.createElement("li",null,l.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),l.default.Children.map(n,(function(e){return"string"==typeof e?l.default.createElement("p",null,e):e}))))};s.propTypes=d,s.defaultProps={ariaLevel:"2",variant:"important"};var m=s;t.default=m},47306:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=d(a(67294)),n=d(a(45697)),r=d(a(94184)),o=d(a(47166)),u=d(a(47341)),c=d(a(42620)),i=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var _=o.default.bind(c.default),f={title:n.default.string},p=function(e){var t=e.title,a=m(e,i),n=l.default.useContext(u.default),o=(0,r.default)(_(["placeholder",n.className]),a.className),c=_(["inner"]);return l.default.createElement("div",s({},a,{className:o}),l.default.createElement("div",{className:c},l.default.createElement("p",{className:_("title")},t)))};p.propTypes=f,p.defaultProps={title:""};var v=p;t.default=v},34261:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return n.default}});var l=o(a(59278)),n=o(a(47306)),r=o(a(40996));function o(e){return e&&e.__esModule?e:{default:e}}},17422: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"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},66983:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/pull/1840/14194-69356d49f0b9832ead82.js b/pull/1840/14194-69356d49f0b9832ead82.js new file mode 100644 index 00000000000..3b80e3e457c --- /dev/null +++ b/pull/1840/14194-69356d49f0b9832ead82.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14194],{14194:function(e,t,a){var r=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),u=r(a(8787));t.default=function(){return n.default.createElement(u.default,{disabled:!0})}},8787:function(e,t,a){var r=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=r(a(10434)),l=r(a(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=u?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,a&&a.set(e,r),r}(a(67294)),f=r(a(45697)),o=r(a(44887)),d=r(a(77947));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}var p={value:f.default.string,initialTimeZone:f.default.string},s=function(e){var t=e.value,a=d.default.createSafeDate(t,e.initialTimeZone);a&&a.isValid()&&(t=a.format());var r=(0,i.useState)(t),n=(0,l.default)(r,2),f=n[0],c=n[1];return i.default.createElement("div",null,i.default.createElement("p",null,"Selected ISO Date Time:",i.default.createElement("span",{"data-date-time-value":!0},f)),i.default.createElement(o.default,(0,u.default)({name:"date-time-picker-example",onChange:function(e,t){c(t)},initialTimeZone:e.initialTimeZone},e)))};s.propTypes=p,s.defaultProps={value:""};t.default=s}}]); \ No newline at end of file diff --git a/pull/1840/14210-d0c277fbc02887a7ce5c.css b/pull/1840/14210-d0c277fbc02887a7ce5c.css new file mode 100644 index 00000000000..11f4a215b50 --- /dev/null +++ b/pull/1840/14210-d0c277fbc02887a7ce5c.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .DatePicker-test-module__content-wrapper___dH2Rb{margin:10px}.DatePicker-test-module__date-wrapper___c5yjd{display:inline-block} diff --git a/pull/1840/14210-d0c277fbc02887a7ce5c.js b/pull/1840/14210-d0c277fbc02887a7ce5c.js new file mode 100644 index 00000000000..4ebb2d9e59f --- /dev/null +++ b/pull/1840/14210-d0c277fbc02887a7ce5c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14210],{80188:function(e,t,r){var a=r(64836),n=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=a(r(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var a={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var f=u?Object.getOwnPropertyDescriptor(e,l):null;f&&(f.get||f.set)?Object.defineProperty(a,l,f):a[l]=e[l]}return a.default=e,r&&r.set(e,a),a}(r(67294)),f=a(r(47166)),o=a(r(28411)),c=a(r(94904));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}var p=f.default.bind(c.default);t.default=function(){var e=(0,l.useState)("2100-12-25"),t=(0,u.default)(e,2),r=t[0],a=t[1];return l.default.createElement("div",null,l.default.createElement("p",null,"Selected ISO Date:",l.default.createElement("span",{className:p("date-wrapper")},r)),l.default.createElement(o.default,{name:"date-input",selectedDate:"2100-12-25",onChange:function(e,t){a(t)},onChangeRaw:function(e,t,r){r.isValidValue||a(null)},minDate:"1899-05-20",maxDate:"2101-05-20"}))}},94904:function(e,t,r){r.r(t),t.default={"content-wrapper":"DatePicker-test-module__content-wrapper___dH2Rb","date-wrapper":"DatePicker-test-module__date-wrapper___c5yjd"}}}]); \ No newline at end of file diff --git a/pull/1840/14258-311115701e05ed4c669c.css b/pull/1840/14258-311115701e05ed4c669c.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/14258-311115701e05ed4c669c.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/14258-311115701e05ed4c669c.js b/pull/1840/14258-311115701e05ed4c669c.js new file mode 100644 index 00000000000..739dfc2d2b3 --- /dev/null +++ b/pull/1840/14258-311115701e05ed4c669c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14258],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),u=d(l(17422)),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;var x=p;a.Z=x},14258:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),r=l(89708),u=["components"],i={},t="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,u);return(0,n.mdx)(t,(0,d.Z)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"5820---october-17-2023"},"5.82.0 - (October 17, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5810---october-11-2023"},"5.81.0 - (October 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5800---october-3-2023"},"5.80.0 - (October 3, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5790---september-21-2023"},"5.79.0 - (September 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5780---august-31-2023"},"5.78.0 - (August 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5770---august-10-2023"},"5.77.0 - (August 10, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5761---august-4-2023"},"5.76.1 - (August 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5760---august-2-2023"},"5.76.0 - (August 2, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5750---july-31-2023"},"5.75.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5740---july-25-2023"},"5.74.0 - (July 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5730---july-19-2023"},"5.73.0 - (July 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5720---july-4-2023"},"5.72.0 - (July 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5710---june-12-2023"},"5.71.0 - (June 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5700---june-5-2023"},"5.70.0 - (June 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5690---may-11-2023"},"5.69.0 - (May 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5680---april-27-2023"},"5.68.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added programmatic context when slides are opened and closed.")))),(0,n.mdx)("h2",{id:"5670---april-12-2023"},"5.67.0 - (April 12, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5660---april-5-2023"},"5.66.0 - (April 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"level")," prop as a passthrough for the underlying ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-action-header"))))),(0,n.mdx)("h2",{id:"5650---march-29-2023"},"5.65.0 - (March 29, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update jest snapshot.")))),(0,n.mdx)("h2",{id:"5640---march-1-2023"},"5.64.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5630---february-14-2023"},"5.63.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"5621---february-1-2023"},"5.62.1 - (February 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-collapsible-menu-view"),".")))),(0,n.mdx)("h2",{id:"5620---march-15-2022"},"5.62.0 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"5610---november-16-2021"},"5.61.0 - (November 16, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5600---november-9-2021"},"5.60.0 - (November 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5590---october-14-2021"},"5.59.0 - (October 14, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5580---october-12-2021"},"5.58.0 - (October 12, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5570---september-20-2021"},"5.57.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"5560---july-21-2021"},"5.56.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5550---july-13-2021"},"5.55.0 - (July 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5540---june-8-2021"},"5.54.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5530---may-4-2021"},"5.53.0 - (May 4, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed the onMaximize and onMinimize defaulted implementation to prevent usability risk")))),(0,n.mdx)("h2",{id:"5520---april-6-2021"},"5.52.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"5510---march-9-2021"},"5.51.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,n.mdx)("h2",{id:"5500---february-9-2021"},"5.50.0 - (February 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5490---february-2-2021"},"5.49.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5480---january-26-2021"},"5.48.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5470---january-5-2021"},"5.47.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"5460---december-8-2020"},"5.46.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5450---november-24-2020"},"5.45.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5440---november-10-2020"},"5.44.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,n.mdx)("h2",{id:"5430---october-20-2020"},"5.43.0 - (October 20, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5420---october-13-2020"},"5.42.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5410---august-18-2020"},"5.41.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5400---august-11-2020"},"5.40.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5390---august-4-2020"},"5.39.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Disclosure Manager disclose API accepts a ",(0,n.mdx)("inlineCode",{parentName:"li"},"typeConfig")," property for custom properties."),(0,n.mdx)("li",{parentName:"ul"},"Currently setting ",(0,n.mdx)("inlineCode",{parentName:"li"},"typeConfig: { panelBehavior: 'squish' }")," allows to set/override panelBehavior prop."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"5380---july-14-2020"},"5.38.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"5370---june-16-2020"},"5.37.0 - (June 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5360---june-9-2020"},"5.36.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5350---june-2-2020"},"5.35.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5340---may-19-2020"},"5.34.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5330---april-28-2020"},"5.33.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Regenerate wdio fusion screenshots due to bottom border style changes in terra-action-header."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"5320---april-22-2020"},"5.32.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"5310---april-6-2020"},"5.31.0 - (April 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5300---march-31-2020"},"5.30.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"5290---march-17-2020"},"5.29.0 - (March 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshot for terra-slide-panel change")))),(0,n.mdx)("h2",{id:"5280---march-10-2020"},"5.28.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5270---march-3-2020"},"5.27.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,n.mdx)("h2",{id:"5260---february-25-2020"},"5.26.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5250---february-18-2020"},"5.25.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"5240---february-4-2020"},"5.24.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update link to docs for Disclosure Manager's API")))),(0,n.mdx)("h2",{id:"5230---january-28-2020"},"5.23.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"5220---january-7-2020"},"5.22.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5210---december-16-2019"},"5.21.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5200---december-10-2019"},"5.20.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"5190---november-20-2019"},"5.19.0 - (November 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for application-level panel content wrapping")))),(0,n.mdx)("h2",{id:"5180---november-18-2019"},"5.18.0 - (November 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"WDIO snapshot updates")))),(0,n.mdx)("h2",{id:"5170---november-7-2019"},"5.17.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5160---october-30-2019"},"5.16.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Duplicate IDs in examples changed."),(0,n.mdx)("li",{parentName:"ul"},"Jest snapshot updates.")))),(0,n.mdx)("h2",{id:"5150---october-21-2019"},"5.15.0 - (October 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5140---october-16-2019"},"5.14.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5130---october-3-2019"},"5.13.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5120---september-26-2019"},"5.12.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5110---september-19-2019"},"5.11.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"5100---september-6-2019"},"5.10.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"590---august-21-2019"},"5.9.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Disabled max-classes-per-file eslint rule in doc example")))),(0,n.mdx)("h2",{id:"580---august-14-2019"},"5.8.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"570---july-30-2019"},"5.7.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed linter issue in doc")))),(0,n.mdx)("h2",{id:"561---july-23-2019"},"5.6.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"560---july-23-2019"},"5.6.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for DisclosureManagerHeaderAdapter integration"),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"disclosureAccessory")," prop")))),(0,n.mdx)("h2",{id:"550---july-16-2019"},"5.5.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"540---july-10-2019"},"5.4.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure the disclosure discloses as a panel even if a modal manager is present.")))),(0,n.mdx)("h2",{id:"530---july-2-2019"},"5.3.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"520---june-19-2019"},"5.2.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"510---june-12-2019"},"5.1.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,n.mdx)("h2",{id:"500---may-13-2019"},"5.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed terra-disclosure-manager dependency"),(0,n.mdx)("li",{parentName:"ul"},"Added terra-disclosure-manager peer-dependency")))),(0,n.mdx)("h2",{id:"4130---may-7-2019"},"4.13.0 - (May 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4120---april-24-2019"},"4.12.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,n.mdx)("inlineCode",{parentName:"li"},"requestFocus")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," from Slide Panel Manager test files"),(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"4110---april-18-2019"},"4.11.0 - (April 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4100---april-16-2019"},"4.10.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"490---april-9-2019"},"4.9.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"480---april-2-2019"},"4.8.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Doc Updates")))),(0,n.mdx)("h2",{id:"470---march-26-2019"},"4.7.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"460---march-20-2019"},"4.6.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"450---march-12-2019"},"4.5.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated doc page to remove duplicate ID's")))),(0,n.mdx)("h2",{id:"440---march-5-2019"},"4.4.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated docs")))),(0,n.mdx)("h2",{id:"430---february-26-2019"},"4.3.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"420---february-13-2019"},"4.2.0 - (February 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"410---february-5-2019"},"4.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"400---january-25-2019"},"4.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"330---january-5-2019"},"3.3.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"320---january-2-2019"},"3.2.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"310---december-5-2018"},"3.1.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"300---december-3-2018"},"3.0.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Consumed DisclosureManager v3.0 - Updated to Context-provided consumer API vs. prop injection"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,n.mdx)("h2",{id:"2200---november-15-2018"},"2.20.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2190---october-24-2018"},"2.19.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2180---october-16-2018"},"2.18.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2170---october-8-2018"},"2.17.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,n.mdx)("h2",{id:"2160---september-25-2018"},"2.16.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2150---september-5-2018"},"2.15.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2140---august-30-2018"},"2.14.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"2130---august-13-2018"},"2.13.0 - (August 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,n.mdx)("h2",{id:"2120---july-25-2018"},"2.12.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2110---july-10-2018"},"2.11.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"2100---july-3-2018"},"2.10.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"290---june-29-2018"},"2.9.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"280---june-12-2018"},"2.8.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"270---may-30-2018"},"2.7.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,n.mdx)("h2",{id:"260---may-22-2018"},"2.6.0 - (May 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"250---may-8-2018"},"2.5.0 - (May 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"240---april-30-2018"},"2.4.0 - (April 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,n.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,n.mdx)("h2",{id:"230---april-13-2018"},"2.3.0 - (April 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Dependencies are now pointing to react 16 version.")))),(0,n.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"100---february-15-2018"},"1.0.0 - (February 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},89708:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.82.0",url:a})}},17422: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"}},87462:function(e,a,l){function d(){return d=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}l.d(a,{Z:function(){return d}})}}]); \ No newline at end of file diff --git a/pull/1840/14432-6e8d24b4803365cd83fb.css b/pull/1840/14432-6e8d24b4803365cd83fb.css new file mode 100644 index 00000000000..10909ec125a --- /dev/null +++ b/pull/1840/14432-6e8d24b4803365cd83fb.css @@ -0,0 +1 @@ +.SizeLargePopup-test-module__test-popup-area___Lme\+H{height:300px;width:1000px}[dir] .SizeLargePopup-test-module__test-popup-area___Lme\+H{background:#f0f8ff}.SizeLargePopup-test-module__content-wrapper___NhWp5{height:100%;overflow:scroll;position:relative;width:100%} diff --git a/pull/1840/14432-6e8d24b4803365cd83fb.js b/pull/1840/14432-6e8d24b4803365cd83fb.js new file mode 100644 index 00000000000..8a26dd3544d --- /dev/null +++ b/pull/1840/14432-6e8d24b4803365cd83fb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14432],{14432:function(e,t,n){var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=o(n(56690)),a=o(n(89728)),r=o(n(66115)),l=o(n(61655)),d=o(n(94993)),s=o(n(73808)),i=o(n(67294)),f=o(n(47166)),c=o(n(92306)),p=o(n(60598));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,s.default)(e);if(t){var u=(0,s.default)(this).constructor;n=Reflect.construct(o,arguments,u)}else n=o.apply(this,arguments);return(0,d.default)(this,n)}}var N=f.default.bind(p.default),v=function(e){(0,l.default)(n,e);var t=h(n);function n(e){var o;return(0,u.default)(this,n),(o=t.call(this,e)).handleButtonClick=o.handleButtonClick.bind((0,r.default)(o)),o.handleRequestClose=o.handleRequestClose.bind((0,r.default)(o)),o.setButtonNode=o.setButtonNode.bind((0,r.default)(o)),o.getButtonNode=o.getButtonNode.bind((0,r.default)(o)),o.setParentNode=o.setParentNode.bind((0,r.default)(o)),o.getParentNode=o.getParentNode.bind((0,r.default)(o)),o.state={open:!0},o}return(0,a.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){return i.default.createElement("div",{className:N("content-wrapper")},i.default.createElement("div",{id:"test-popup-area",className:N("test-popup-area"),ref:this.setParentNode},i.default.createElement(c.default,{boundingRef:this.getParentNode,classNameArrow:"test-arrow",classNameContent:"test-content",contentHeight:"240",contentWidth:"960",isOpen:this.state.open,onRequestClose:this.handleRequestClose,targetRef:this.getButtonNode},i.default.createElement("p",null,"This popup is 240h by 960w.")),i.default.createElement("button",{type:"button",id:"dimension-button",onClick:this.handleButtonClick,ref:this.setButtonNode},"Large Popup")))}}]),n}(i.default.Component);t.default=v},60598:function(e,t,n){n.r(t),t.default={"test-popup-area":"SizeLargePopup-test-module__test-popup-area___Lme+H","content-wrapper":"SizeLargePopup-test-module__content-wrapper___NhWp5"}}}]); \ No newline at end of file diff --git a/pull/1840/1450-d642f3faa99fa1becc7d.css b/pull/1840/1450-d642f3faa99fa1becc7d.css new file mode 100644 index 00000000000..9c63a07e3a4 --- /dev/null +++ b/pull/1840/1450-d642f3faa99fa1becc7d.css @@ -0,0 +1,3 @@ +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .TimeInput-test-module__content-wrapper___9EMnN{margin:10px} diff --git a/pull/1840/1450-d642f3faa99fa1becc7d.js b/pull/1840/1450-d642f3faa99fa1becc7d.js new file mode 100644 index 00000000000..bc6b7310975 --- /dev/null +++ b/pull/1840/1450-d642f3faa99fa1becc7d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[1450],{34505:function(e,t,r){var n=r(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(67294)),u=n(r(47166)),l=n(r(43671)),a=n(r(90592)),i=n(r(7009)),f=u.default.bind(i.default);t.default=function(){return o.default.createElement("div",{className:f("content-wrapper")},o.default.createElement(l.default,{id:"timeInput",name:"time-input",variant:a.default.FORMAT_12_HOUR,required:!0,isIncomplete:!0}))}},68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},7009:function(e,t,r){r.r(t),t.default={"content-wrapper":"TimeInput-test-module__content-wrapper___9EMnN"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(r(67294)),u=p(r(45697)),l=p(r(94184)),a=p(r(47166)),i=p(r(47341)),f=p(r(68586)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function p(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r.Fieldset-module__legend___aExR-:first-child::before{color:#e50000;color:var(--terra-form-fieldset-required-legend-before-color, #e50000);content:"*";display:inline-block}[dir=ltr] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-right:.357em}[dir=rtl] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-left:.357em}.Fieldset-module__legend___aExR-{color:var(--terra-form-fieldset-legend-color);display:block;font-weight:bold;font-weight:var(--terra-form-fieldset-legend-font-weight, bold);max-width:100%;width:auto}[dir] .Fieldset-module__legend___aExR-{border:0;margin-bottom:.357em;padding:0}.Fieldset-module__legend-visually-hidden___70GQh{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Fieldset-module__legend-visually-hidden___70GQh{border:0;margin:-1px;padding:0}.Fieldset-module__help-text___IuP4F{color:rgba(0, 0, 0, 0.8);color:var(--terra-form-fieldset-help-text-color, rgba(0, 0, 0, 0.8));display:block;font-size:0.857rem;font-size:var(--terra-form-fieldset-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-fieldset-help-text-font-weight, normal);line-height:1;outline:0}[dir] .Fieldset-module__help-text___IuP4F{margin-bottom:.357em}[dir] .Fieldset-module__fieldset-children___YkIkm{margin-top:.714em} +.TabsTemplate-module__content-wrapper-default___8tJaQ{height:auto;width:auto}.TabsTemplate-module__content-wrapper-600___FFMST{width:600px}.TabsTemplate-module__content-wrapper-400___\+UWwG{height:400px}.TabsTemplate-module__tab-content___oadEx{height:100%}[dir] .TabsTemplate-module__tab-content___oadEx{padding:20px} diff --git a/pull/1840/14818-a0e212e87ec7850350ef.js b/pull/1840/14818-a0e212e87ec7850350ef.js new file mode 100644 index 00000000000..2feb2762364 --- /dev/null +++ b/pull/1840/14818-a0e212e87ec7850350ef.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14818],{96574:function(e,t,a){var l=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var d=l(a(861)),r=l(a(27424)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=y(t);if(a&&a.has(e))return a.get(e);var l={__proto__:null},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var u=d?Object.getOwnPropertyDescriptor(e,r):null;u&&(u.get||u.set)?Object.defineProperty(l,r,u):l[r]=e[r]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(47166)),c=l(a(68766)),o=l(a(50826)),f=l(a(76414)),s=l(a(79029)),b=l(a(47717)),m=l(a(55142)),p=l(a(96388)),_=l(a(66815)),v=l(a(82967));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(y=function(e){return e?a:t})(e)}var T=i.default.bind(v.default),h=-1;t.default=function(){var e=[],t=(0,u.useState)(e),a=(0,r.default)(t,2),l=a[0],n=a[1],i=(0,u.useState)(),v=(0,r.default)(i,2),y=v[0],E=v[1];return e.push({label:"Patient Information",key:"AddCloseTabInteractiveLabelTab",content:"Patient Information",children:u.default.createElement(u.default.Fragment,null,u.default.createElement(s.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),u.default.createElement(s.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Add Patient",icon:u.default.createElement(c.default,null),isIconOnly:!0,key:"AddCloseTabInteractiveIconTab",content:"Add Patient",children:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",null,u.default.createElement(p.default,{type:"checkbox",legend:"Give your full name here",name:"children_present",value:"children_present",error:"All fields must be filled out",required:!0},u.default.createElement(b.default,{label:"First",isInline:!0,required:!0,htmlFor:"first"},u.default.createElement(m.default,{id:"first",type:"text",name:"first",defaultValue:""})),u.default.createElement(b.default,{label:"Middle",isInline:!0,required:!0,htmlFor:"middle"},u.default.createElement(m.default,{id:"middle",type:"text",name:"middle",defaultValue:""})),u.default.createElement(b.default,{label:"Last",isInline:!0,required:!0,htmlFor:"last"},u.default.createElement(m.default,{id:"last",type:"text",name:"last",defaultValue:""})))))}),e.push({label:"TPA & Insurance",customDisplay:u.default.createElement("div",{className:T("custom-display")},"TPA & Insurance"),key:"AddCloseTabInteractiveCustomTab",content:"TPA & Insurance"}),e.push({label:"Disabled Tab",key:"AddCloseTabInteractiveDisabledTab",icon:u.default.createElement(o.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddCloseTabInteractivelongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddCloseTabInteractivelastTab",content:"Ambulance Service"}),u.default.createElement("div",{className:T("content-wrapper-default"),id:"tabs-container"},u.default.createElement(f.default,{onChange:function(e,t){t!==y&&E(t)},activeKey:y,isClosable:!0,onSelectAddButton:function(){h+=1;var e=l;e.push({label:"Added New Tab_".concat(h),isIconOnly:!1,key:"AddCloseTabInteractiveTab_".concat(h),content:"Added New Tab_".concat(h),isActive:!0}),E("AddCloseTabInteractiveTab_".concat(h)),n(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,t){var a=(0,d.default)(l),r=a.findIndex((function(e){return e.key===t}));-1!==r&&(a.splice(r,1),n(a))}},l.map((function(e){return u.default.createElement(f.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},u.default.createElement(_.default,{label:e.content},e.children))}))))}},66815:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),d=l(a(47166)),r=l(a(45697)),u=l(a(82967)),i=d.default.bind(u.default),c={isLabelHidden:r.default.bool,label:r.default.string,children:r.default.node,id:r.default.string},o=function(e){var t=e.isLabelHidden,a=e.label,l=e.id,d=e.children;return n.default.createElement("div",{className:i("tab-content"),id:l},t?n.default.createElement("h3",{className:"truncationHeader"},a):null,d||n.default.createElement("div",null,"Content for"," ",n.default.createElement("i",null,a)))};o.propTypes=c;t.default=o},82967:function(e,t,a){a.r(t),t.default={"content-wrapper-default":"TabsTemplate-module__content-wrapper-default___8tJaQ","content-wrapper-600":"TabsTemplate-module__content-wrapper-600___FFMST","content-wrapper-400":"TabsTemplate-module__content-wrapper-400___+UWwG","tab-content":"TabsTemplate-module__tab-content___oadEx"}}}]); \ No newline at end of file diff --git a/pull/1840/14901-0a37c2982ad5ca31ee77.css b/pull/1840/14901-0a37c2982ad5ca31ee77.css new file mode 100644 index 00000000000..f2d67c8c79c --- /dev/null +++ b/pull/1840/14901-0a37c2982ad5ca31ee77.css @@ -0,0 +1 @@ +.TabsTemplate-module__content-wrapper-default___8tJaQ{height:auto;width:auto}.TabsTemplate-module__content-wrapper-600___FFMST{width:600px}.TabsTemplate-module__content-wrapper-400___\+UWwG{height:400px}.TabsTemplate-module__tab-content___oadEx{height:100%}[dir] .TabsTemplate-module__tab-content___oadEx{padding:20px} diff --git a/pull/1840/14901-0a37c2982ad5ca31ee77.js b/pull/1840/14901-0a37c2982ad5ca31ee77.js new file mode 100644 index 00000000000..ba23ccf09d3 --- /dev/null +++ b/pull/1840/14901-0a37c2982ad5ca31ee77.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[14901],{66815:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),d=l(a(47166)),u=l(a(45697)),r=l(a(82967)),f=d.default.bind(r.default),i={isLabelHidden:u.default.bool,label:u.default.string,children:u.default.node,id:u.default.string},o=function(e){var t=e.isLabelHidden,a=e.label,l=e.id,d=e.children;return n.default.createElement("div",{className:f("tab-content"),id:l},t?n.default.createElement("h3",{className:"truncationHeader"},a):null,d||n.default.createElement("div",null,"Content for"," ",n.default.createElement("i",null,a)))};o.propTypes=i;t.default=o},45390:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(56690)),d=l(a(89728)),u=l(a(66115)),r=l(a(61655)),f=l(a(94993)),i=l(a(73808)),o=l(a(67294)),c=l(a(37532));function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,l=(0,i.default)(e);if(t){var n=(0,i.default)(this).constructor;a=Reflect.construct(l,arguments,n)}else a=l.apply(this,arguments);return(0,f.default)(this,a)}}var s=function(e){(0,r.default)(a,e);var t=b(a);function a(e){var l;return(0,n.default)(this,a),(l=t.call(this,e)).handleOnButtonClick=l.handleOnButtonClick.bind((0,u.default)(l)),l.state={containerClassName:"content-wrapper"},l}return(0,d.default)(a,[{key:"handleOnButtonClick",value:function(){this.setState({containerClassName:"content-wrapper-600"})}},{key:"render",value:function(){return o.default.createElement("div",{id:"responsiveToParent"},o.default.createElement("button",{type:"button",onClick:this.handleOnButtonClick},"Set Container Width to 600 px"),o.default.createElement(c.default,{containerClassName:this.state.containerClassName}))}}]),a}(o.default.Component);t.default=s},37532:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),d=l(a(47166)),u=l(a(45697)),r=l(a(76414)),f=l(a(66815)),i=l(a(82967)),o=d.default.bind(i.default),c={id:u.default.string,containerClassName:u.default.string},b=function(e){return n.default.createElement("div",{className:o(e.containerClassName),id:"tabs-container"},n.default.createElement(r.default,{setFocusOnContent:!0,id:e.id},n.default.createElement(r.default.Pane,{label:"Tab 1",key:"Tab1",id:"tab1"},n.default.createElement(f.default,{label:"Tab 1",id:"tab1Content"})),n.default.createElement(r.default.Pane,{label:"Tab 2",key:"Tab2",id:"tab2"},n.default.createElement(f.default,{label:"Tab 2",id:"tab2Content"})),n.default.createElement(r.default.Pane,{label:"Disabled Tab",key:"disabled",id:"disabled",isDisabled:!0}),n.default.createElement(r.default.Pane,{label:"Tab 4",key:"Tab4",id:"tab4"},n.default.createElement(f.default,{label:"Tab 4",id:"tab4Content"})),n.default.createElement(r.default.Pane,{label:"Tab 5",key:"Tab5",id:"tab5"},n.default.createElement(f.default,{label:"Tab 5",id:"tab5Content"})),n.default.createElement(r.default.Pane,{label:"Tab 6",key:"Tab6",id:"tab6"},n.default.createElement(f.default,{label:"Tab 6",id:"tab6Content"})),n.default.createElement(r.default.Pane,{label:"Tab 7",key:"Tab7",id:"tab7"},n.default.createElement(f.default,{label:"Tab 7",id:"tab7Content"})),n.default.createElement(r.default.Pane,{label:"Tab 8 with longer text that should truncate",key:"Tab8",id:"tab8"},n.default.createElement(f.default,{label:"Tab 8",id:"tab8Content"})),n.default.createElement(r.default.Pane,{label:"Tab 9",key:"Tab9",id:"tab9"},n.default.createElement(f.default,{label:"Tab 9",id:"tab9Content"})),n.default.createElement(r.default.Pane,{label:"Tab 10",key:"Tab10",id:"tab10"},n.default.createElement(f.default,{label:"Tab 10",id:"tab10Content"})),n.default.createElement(r.default.Pane,{label:"Tab 11",key:"Tab11",id:"tab11"},n.default.createElement(f.default,{label:"Tab 11",id:"tab11Content"})),n.default.createElement(r.default.Pane,{label:"Tab 12",key:"Tab12",id:"tab12"},n.default.createElement(f.default,{label:"Tab 12",id:"tab12Content"}))))};b.propTypes=c,b.defaultProps={containerClassName:"content-wrapper-default"};t.default=b},82967:function(e,t,a){a.r(t),t.default={"content-wrapper-default":"TabsTemplate-module__content-wrapper-default___8tJaQ","content-wrapper-600":"TabsTemplate-module__content-wrapper-600___FFMST","content-wrapper-400":"TabsTemplate-module__content-wrapper-400___+UWwG","tab-content":"TabsTemplate-module__tab-content___oadEx"}},30217:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=d(a(67294)),n=d(a(99139));function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[e]=a[e]);return n}(a,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(a);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(a,e)&&(n[e]=a[e])}return n}e.d(t,{Z:function(){return r}})}}]); \ No newline at end of file diff --git a/pull/1840/15423-44d4915a6c3a90ee4866.css b/pull/1840/15423-44d4915a6c3a90ee4866.css new file mode 100644 index 00000000000..b1df3bbee3f --- /dev/null +++ b/pull/1840/15423-44d4915a6c3a90ee4866.css @@ -0,0 +1 @@ +.SlidePanel-module__clinical-lowlight-theme___NdNQF{--terra-slide-panel-panel-background-color: #222a2e;--terra-slide-panel-main-background-color: #222a2e;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 5px #181b1d;--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 5px #181b1d;--terra-slide-panel-main-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-border-right-color: #181b1d;--terra-slide-panel-panel-squish-border-left-color: #181b1d;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6}.SlidePanel-module__orion-fusion-theme___aBPYu{--terra-slide-panel-main-background-color: #fff;--terra-slide-panel-panel-background-color: #fff;--terra-slide-panel-main-squish-background-color: #fff;--terra-slide-panel-panel-squish-background-color: #fff;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6;--terra-slide-panel-panel-squish-border-right-color: #d3d4d5;--terra-slide-panel-panel-squish-border-left-color: #d3d4d5}.SlidePanel-module__slide-panel___5vKEK{overflow:hidden;position:relative}.SlidePanel-module__main___Jq40y,.SlidePanel-module__panel___N9gHx{box-sizing:border-box;height:100%;outline:none;-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%}.SlidePanel-module__main___Jq40y{position:relative;z-index:0}[dir] .SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-background-color, #fff)}.SlidePanel-module__panel___N9gHx{position:absolute;z-index:500}[dir] .SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-background-color, #fff)}.SlidePanel-module__slide-panel___5vKEK .SlidePanel-module__slide-panel___5vKEK>.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} diff --git a/pull/1840/15423-44d4915a6c3a90ee4866.js b/pull/1840/15423-44d4915a6c3a90ee4866.js new file mode 100644 index 00000000000..1f3b10e6b22 --- /dev/null +++ b/pull/1840/15423-44d4915a6c3a90ee4866.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[15423],{15423:function(e,l,t){var a=t(64836),n=t(18698);Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var i=a(t(67294)),u=function(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=o(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var r=i?Object.getOwnPropertyDescriptor(e,u):null;r&&(r.get||r.set)?Object.defineProperty(a,u,r):a[u]=e[u]}return a.default=e,t&&t.set(e,a),a}(t(27662)),r=a(t(22199)),d=a(t(46868));function o(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(o=function(e){return e?t:l})(e)}l.default=function(){return i.default.createElement(u.default,{mainContent:i.default.createElement(r.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:u.SlidePanelPositions.END,panelSize:"small",isOpen:!0})}},22199:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=a(t(67294));l.default=function(){return n.default.createElement("div",null,n.default.createElement("h3",null,"Main Content"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, mea te odio ludus adipiscing. Cu oporteat temporibus nam, aperiam adipisci mel et, mei no oportere salutatus. Iudico lucilius ei pri. Eleifend philosophia et ius."),n.default.createElement("p",null,"Id elit congue copiosae eam, elitr laboramus mediocritatem nam in, decore propriae et usu. An vix insolens dignissim, novum gloriatur delicatissimi mei ne, ne ancillae tincidunt nec. Iusto expetenda scriptorem mei cu, ne per prima nihil utinam. Cibo ocurreret no nam, nec euismod vivendum te."),n.default.createElement("ul",null,n.default.createElement("li",null,"Item 1"),n.default.createElement("li",null,"Item 2"),n.default.createElement("li",null,"Item 3"),n.default.createElement("li",null,"Item 4"),n.default.createElement("li",null,"Item 5"),n.default.createElement("li",null,"Item 6"),n.default.createElement("li",null,"Item 7"),n.default.createElement("li",null,"Item 8"),n.default.createElement("li",null,"Item 9"),n.default.createElement("li",null,"Item 10"),n.default.createElement("li",null,"Item 11"),n.default.createElement("li",null,"Item 12"),n.default.createElement("li",null,"Item 13"),n.default.createElement("li",null,"Item 14"),n.default.createElement("li",null,"Item 15")))}},46868:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=a(t(67294));l.default=function(){return n.default.createElement("div",null,n.default.createElement("h3",null,"Panel Content"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, mea te odio ludus adipiscing. Cu oporteat temporibus nam, aperiam adipisci mel et, mei no oportere salutatus. Iudico lucilius ei pri. Eleifend philosophia et ius."),n.default.createElement("p",null,"Id elit congue copiosae eam, elitr laboramus mediocritatem nam in, decore propriae et usu. An vix insolens dignissim, novum gloriatur delicatissimi mei ne, ne ancillae tincidunt nec. Iusto expetenda scriptorem mei cu, ne per prima nihil utinam. Cibo ocurreret no nam, nec euismod vivendum te."),n.default.createElement("ul",null,n.default.createElement("li",null,"Item 1"),n.default.createElement("li",null,"Item 2"),n.default.createElement("li",null,"Item 3"),n.default.createElement("li",null,"Item 4"),n.default.createElement("li",null,"Item 5"),n.default.createElement("li",null,"Item 6"),n.default.createElement("li",null,"Item 7"),n.default.createElement("li",null,"Item 8"),n.default.createElement("li",null,"Item 9"),n.default.createElement("li",null,"Item 10"),n.default.createElement("li",null,"Item 11"),n.default.createElement("li",null,"Item 12"),n.default.createElement("li",null,"Item 13"),n.default.createElement("li",null,"Item 14"),n.default.createElement("li",null,"Item 15")))}},27662:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=l.SlidePanelPositions=void 0;var n=a(t(10434)),i=a(t(70215)),u=a(t(56690)),r=a(t(89728)),d=a(t(66115)),o=a(t(61655)),s=a(t(94993)),f=a(t(73808)),c=a(t(67294)),m=a(t(45697)),p=a(t(94184)),v=a(t(47166)),h=a(t(47341)),E=a(t(29270)),_=t(25387),b=t(55877),P=a(t(1034)),I=["intl","isFullscreen","isOpen","fill","mainAriaLabel","mainContent","panelAriaLabel","panelContent","panelBehavior","panelPosition","panelSize","setSlidePanelRef"];function g(e){var l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,f.default)(e);if(l){var n=(0,f.default)(this).constructor;t=Reflect.construct(a,arguments,n)}else t=a.apply(this,arguments);return(0,s.default)(this,t)}}var y=v.default.bind(P.default),N=l.SlidePanelPositions={START:"start",END:"end"},C={panelAriaLabel:m.default.string,mainAriaLabel:m.default.string,mainContent:m.default.node,panelContent:m.default.node,panelBehavior:m.default.oneOf(["overlay","squish"]),panelPosition:m.default.oneOf(["start","end"]),panelSize:m.default.oneOf(["small","large"]),isFullscreen:m.default.bool,isOpen:m.default.bool,fill:m.default.bool,setSlidePanelRef:m.default.func,intl:m.default.shape({formatMessage:m.default.func,locale:m.default.string})},O={panelBehavior:"overlay",panelPosition:N.END,panelSize:"small"},k=function(e){(0,o.default)(t,e);var l=g(t);function t(e){var a;return(0,u.default)(this,t),(a=l.call(this,e)).setPanelNode=a.setPanelNode.bind((0,d.default)(a)),a.mainNode=c.default.createRef(),a.setLastClicked=a.setLastClicked.bind((0,d.default)(a)),a.setDisclosingNode=a.setDisclosingNode.bind((0,d.default)(a)),a.mainAriaDescribedByID="detail-panel-warning-".concat((0,b.v4)()),a}return(0,r.default)(t,[{key:"componentDidUpdate",value:function(e){if(this.props.isOpen&&this.props.isOpen!==e.isOpen)return this.setDisclosingNode(this.lastClicked),void this.panelNode.focus();if(!this.props.isOpen&&this.props.isOpen!==e.isOpen){var l;if(null!==(l=this.disclosingNode)&&void 0!==l&&l.focus)return this.disclosingNode.setAttribute("aria-expanded","false"),void this.disclosingNode.focus();this.mainNode.current.focus()}}},{key:"setPanelNode",value:function(e){this.props.setSlidePanelRef&&this.props.setSlidePanelRef(e),this.panelNode=e}},{key:"setLastClicked",value:function(e){this.lastClicked=e.target}},{key:"setDisclosingNode",value:function(e){e&&(e.setAttribute("aria-expanded","true"),this.disclosingNode=e)}},{key:"render",value:function(){var e=this.props,l=e.intl,t=e.isFullscreen,a=e.isOpen,u=e.fill,r=e.mainAriaLabel,d=e.mainContent,o=e.panelAriaLabel,s=e.panelContent,f=e.panelBehavior,m=e.panelPosition,v=e.panelSize,h=(e.setSlidePanelRef,(0,i.default)(e,I)),_=this.context,b=(0,p.default)(y("slide-panel",{"is-open":a},{"is-fullscreen":t},{fill:u},_.className),h.className),P=c.default.createElement("div",{className:y(["panel"]),key:"panel",tabIndex:"-1","aria-label":o||l.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"}),"aria-hidden":a?"false":"true",role:"region",ref:this.setPanelNode},c.default.createElement(E.default,{text:o||l.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"})}),s),g=c.default.createElement("div",{className:y("main"),key:"main",tabIndex:"-1","aria-label":r,"aria-describedby":this.mainAriaDescribedByID,"aria-hidden":a&&t?"true":"false",ref:this.mainNode,role:"main",onClick:this.setLastClicked,onKeyUp:this.setLastClicked},c.default.createElement(E.default,{tabIndex:"-1",id:this.mainAriaDescribedByID,text:l.formatMessage({id:"Terra.slidePanel.discloseWarning"})}),d),C=m===N.START?c.default.createElement(c.default.Fragment,null,P,g):c.default.createElement(c.default.Fragment,null,g,P);return c.default.createElement("div",(0,n.default)({},h,{className:b,"data-slide-panel-panel-behavior":f,"data-slide-panel-panel-position":m,"data-slide-panel-panel-size":v}),C)}}]),t}(c.default.Component);k.propTypes=C,k.defaultProps=O,k.contextType=h.default;l.default=(0,_.injectIntl)(k)},1034:function(e,l,t){t.r(l),l.default={"clinical-lowlight-theme":"SlidePanel-module__clinical-lowlight-theme___NdNQF","orion-fusion-theme":"SlidePanel-module__orion-fusion-theme___aBPYu","slide-panel":"SlidePanel-module__slide-panel___5vKEK",main:"SlidePanel-module__main___Jq40y",panel:"SlidePanel-module__panel___N9gHx","is-open":"SlidePanel-module__is-open___SU3q3","is-fullscreen":"SlidePanel-module__is-fullscreen___0BQTN",fill:"SlidePanel-module__fill___vHC0f"}}}]); \ No newline at end of file diff --git a/pull/1840/15465-26a031d5f357fd59a143.css b/pull/1840/15465-26a031d5f357fd59a143.css new file mode 100644 index 00000000000..11f4a215b50 --- /dev/null +++ b/pull/1840/15465-26a031d5f357fd59a143.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .DatePicker-test-module__content-wrapper___dH2Rb{margin:10px}.DatePicker-test-module__date-wrapper___c5yjd{display:inline-block} diff --git a/pull/1840/15465-26a031d5f357fd59a143.js b/pull/1840/15465-26a031d5f357fd59a143.js new file mode 100644 index 00000000000..633781ea341 --- /dev/null +++ b/pull/1840/15465-26a031d5f357fd59a143.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[15465],{64233:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(a(10434)),n=l(a(38416)),d=l(a(70215)),i=l(a(67294)),o=l(a(45697)),u=l(a(47717)),c=a(25387),s=l(a(51331)),f=l(a(28411)),b=["datePickerId","disabled","inputAttributes","error","errorIcon","excludeDates","filterDate","help","hideRequired","isIncomplete","isInvalid","isInline","isLabelHidden","includeDates","intl","label","labelAttrs","maxDate","minDate","maxWidth","name","onBlur","onChange","onChangeRaw","onClickOutside","onFocus","onRequestClose","onSelect","required","selectedDate","showOptional","value"];function p(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,l)}return a}function m(e){for(var t=1;t=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}r.d(a,{Z:function(){return n}})}}]); \ No newline at end of file diff --git a/pull/1840/1568-85705e05b714a3c13ac7.js b/pull/1840/1568-85705e05b714a3c13ac7.js new file mode 100644 index 00000000000..e9e341372e8 --- /dev/null +++ b/pull/1840/1568-85705e05b714a3c13ac7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[1568],{1568:function(e,t,r){var a=r(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(r(67294)),i=a(r(4418));t.default=function(){return n.default.createElement(i.default,{variant:"hazard-medium"})}},4418:function(e,t,r){var a=r(64836),n=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(r(10434)),o=a(r(70215)),u=a(r(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,r&&r.set(e,a),a}(r(67294)),f=a(r(55281)),c=a(r(45697)),d=a(r(850)),p=["variant"];function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}var v={variant:c.default.oneOf(["hazard-high","hazard-medium","hazard-low","error","custom"])},h=function(e){var t=(0,l.useState)(!1),r=(0,u.default)(t,2),a=r[0],n=r[1],c=function(){n(!1)},s=e.variant,v=(0,o.default)(e,p);return l.default.createElement(l.default.Fragment,null,a&&l.default.createElement(d.default,(0,i.default)({},v,{variant:s,dialogTitle:"The title relates directly to the choices.",startMessage:"The Main Instruction is text used to provide more detail or define terminology. Don’t repeat the title verbatim.",acceptAction:{text:"Confirm",onClick:c},rejectAction:{text:"Close",onClick:c},buttonOrder:"acceptFirst",emphasizedAction:"accept"})),l.default.createElement(f.default,{id:"trigger-notification-dialog",text:"Trigger NotificationDialog",onClick:function(){n(!0)}}))};h.propTypes=v;t.default=h}}]); \ No newline at end of file diff --git a/pull/1840/15961-2d4ae8907a8caf142787.css b/pull/1840/15961-2d4ae8907a8caf142787.css new file mode 100644 index 00000000000..04ff3e55eeb --- /dev/null +++ b/pull/1840/15961-2d4ae8907a8caf142787.css @@ -0,0 +1 @@ +.SizePopupCommon-module__content-wrapper___phf\+F{height:100%;overflow:auto;position:relative;width:100%}.SizePopupCommon-module__popup-area-small___du4g5{height:80px;width:210px}[dir] .SizePopupCommon-module__popup-area-small___du4g5{background:#f0f8ff}.SizePopupCommon-module__popup-area-medium___VhA2D{height:160px;width:350px}[dir] .SizePopupCommon-module__popup-area-medium___VhA2D{background:#f0f8ff}.SizePopupCommon-module__popup-area-invalid___bwGpY{height:300px;width:300px}[dir] .SizePopupCommon-module__popup-area-invalid___bwGpY{background:#f0f8ff} diff --git a/pull/1840/15961-2d4ae8907a8caf142787.js b/pull/1840/15961-2d4ae8907a8caf142787.js new file mode 100644 index 00000000000..abb53f64c56 --- /dev/null +++ b/pull/1840/15961-2d4ae8907a8caf142787.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[15961],{15961:function(e,t,n){var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=o(n(56690)),a=o(n(89728)),l=o(n(66115)),r=o(n(61655)),d=o(n(94993)),i=o(n(73808)),s=o(n(67294)),p=o(n(47166)),f=o(n(92306)),c=o(n(72773));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=(0,i.default)(e);if(t){var u=(0,i.default)(this).constructor;n=Reflect.construct(o,arguments,u)}else n=o.apply(this,arguments);return(0,d.default)(this,n)}}var m=p.default.bind(c.default),N=function(e){(0,r.default)(n,e);var t=h(n);function n(e){var o;return(0,u.default)(this,n),(o=t.call(this,e)).handleButtonClick=o.handleButtonClick.bind((0,l.default)(o)),o.handleRequestClose=o.handleRequestClose.bind((0,l.default)(o)),o.setButtonNode=o.setButtonNode.bind((0,l.default)(o)),o.getButtonNode=o.getButtonNode.bind((0,l.default)(o)),o.setParentNode=o.setParentNode.bind((0,l.default)(o)),o.getParentNode=o.getParentNode.bind((0,l.default)(o)),o.state={open:!0},o}return(0,a.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"setParentNode",value:function(e){this.parentNode=e}},{key:"getParentNode",value:function(){return this.parentNode}},{key:"render",value:function(){return s.default.createElement("div",{className:m("content-wrapper")},s.default.createElement("div",{id:"test-popup-area",className:m("popup-area-invalid"),ref:this.setParentNode},s.default.createElement(f.default,{boundingRef:this.getParentNode,classNameArrow:"test-arrow",classNameContent:"test-content",contentHeight:"test",contentWidth:"NaN",isOpen:this.state.open,onRequestClose:this.handleRequestClose,targetRef:this.getButtonNode},s.default.createElement("p",null,"This popup defaults its size.")),s.default.createElement("button",{type:"button",id:"dimension-button",onClick:this.handleButtonClick,ref:this.setButtonNode},"Invalid Popup")))}}]),n}(s.default.Component);t.default=N},72773:function(e,t,n){n.r(t),t.default={"content-wrapper":"SizePopupCommon-module__content-wrapper___phf+F","popup-area-small":"SizePopupCommon-module__popup-area-small___du4g5","popup-area-medium":"SizePopupCommon-module__popup-area-medium___VhA2D","popup-area-invalid":"SizePopupCommon-module__popup-area-invalid___bwGpY"}}}]); \ No newline at end of file diff --git a/pull/1840/16007-28a4fc737eb7b9c48a3c.js b/pull/1840/16007-28a4fc737eb7b9c48a3c.js new file mode 100644 index 00000000000..aa3257446ad --- /dev/null +++ b/pull/1840/16007-28a4fc737eb7b9c48a3c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[16007],{16007:function(e,t,a){var r=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),u=r(a(8787));t.default=function(){return n.default.createElement(u.default,{isIncomplete:!0,required:!0})}},8787:function(e,t,a){var r=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=r(a(10434)),l=r(a(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=u?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,a&&a.set(e,r),r}(a(67294)),f=r(a(45697)),o=r(a(44887)),d=r(a(77947));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}var p={value:f.default.string,initialTimeZone:f.default.string},s=function(e){var t=e.value,a=d.default.createSafeDate(t,e.initialTimeZone);a&&a.isValid()&&(t=a.format());var r=(0,i.useState)(t),n=(0,l.default)(r,2),f=n[0],c=n[1];return i.default.createElement("div",null,i.default.createElement("p",null,"Selected ISO Date Time:",i.default.createElement("span",{"data-date-time-value":!0},f)),i.default.createElement(o.default,(0,u.default)({name:"date-time-picker-example",onChange:function(e,t){c(t)},initialTimeZone:e.initialTimeZone},e)))};s.propTypes=p,s.defaultProps={value:""};t.default=s}}]); \ No newline at end of file diff --git a/pull/1840/16060-3569c513febe665b6b0c.css b/pull/1840/16060-3569c513febe665b6b0c.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/16060-3569c513febe665b6b0c.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/16060-3569c513febe665b6b0c.js b/pull/1840/16060-3569c513febe665b6b0c.js new file mode 100644 index 00000000000..ee1cc2ed798 --- /dev/null +++ b/pull/1840/16060-3569c513febe665b6b0c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[16060],{22863:function(e,a,l){var m=l(64836);a.Z=void 0;var d=m(l(67294)),n=m(l(45697)),r=m(l(47166)),t=m(l(17422)),i=r.default.bind(t.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},16060:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var m=l(87462),d=l(44925),n=(l(67294),l(81254)),r=l(41580),t=["components"],i={},u="wrapper";function p(e){var a=e.components,l=(0,d.Z)(e,t);return(0,n.mdx)(u,(0,m.Z)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"5410---july-31-2023"},"5.41.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5400---february-14-2023"},"5.40.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"5390---march-15-2022"},"5.39.0 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"5380---september-20-2021"},"5.38.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"5370---july-21-2021"},"5.37.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.7.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v4.4.0"),".")))),(0,n.mdx)("h2",{id:"5360---june-8-2021"},"5.36.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,n.mdx)("h2",{id:"5350---april-6-2021"},"5.35.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"5340---march-9-2021"},"5.34.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,n.mdx)("h2",{id:"5330---january-26-2021"},"5.33.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed error thrown on resizing the popup due to incorrect variables name.")))),(0,n.mdx)("h2",{id:"5320---december-8-2020"},"5.32.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"5310---november-10-2020"},"5.31.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,n.mdx)("h2",{id:"5300---august-11-2020"},"5.30.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from ^v2.3.0 to ^v3.7.0")))),(0,n.mdx)("h2",{id:"5290---august-4-2020"},"5.29.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"5280---july-14-2020"},"5.28.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,n.mdx)("li",{parentName:"ul"},"Replace some empty text with aria-label to comply with eslint")))),(0,n.mdx)("h2",{id:"5270---april-28-2020"},"5.27.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"5260---march-31-2020"},"5.26.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"5250---february-25-2020"},"5.25.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"5240---february-18-2020"},"5.24.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"5230---january-28-2020"},"5.23.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"5220---december-10-2019"},"5.22.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"5210---november-7-2019"},"5.21.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"5200---october-16-2019"},"5.20.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5190---october-3-2019"},"5.19.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5180---september-26-2019"},"5.18.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"5170---september-19-2019"},"5.17.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"5160---september-6-2019"},"5.16.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,n.mdx)("h2",{id:"5150---august-21-2019"},"5.15.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up lint in test files")))),(0,n.mdx)("h2",{id:"5140---august-14-2019"},"5.14.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed themeable variable for z-index")))),(0,n.mdx)("h2",{id:"5130---july-30-2019"},"5.13.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"5120---july-16-2019"},"5.12.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"5110---july-10-2019"},"5.11.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"5100---july-2-2019"},"5.10.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"590---june-19-2019"},"5.9.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"580---june-12-2019"},"5.8.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced classList shim with full polyfill to support d3"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"570---april-24-2019"},"5.7.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"560---april-16-2019"},"5.6.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the terra-dev-site documentation examples to use native select and Removed Dependency on terra-form-select.")))),(0,n.mdx)("h2",{id:"550---march-26-2019"},"5.5.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"540---march-12-2019"},"5.4.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"530---march-5-2019"},"5.3.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Disable outClickOutside if no callback function is passed.")))),(0,n.mdx)("h2",{id:"520---february-26-2019"},"5.2.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated test spec to scroll to bottom of test page before interacting with elements.")))),(0,n.mdx)("h2",{id:"510---february-5-2019"},"5.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Vestigial fixed styling removed and default to absolute.")))),(0,n.mdx)("h2",{id:"500---january-25-2019"},"5.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed usage of componentWillReceiveProps")))),(0,n.mdx)("h2",{id:"4170---january-5-2019"},"4.17.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4160---january-2-2019"},"4.16.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dev site examples to not have duplicate ids."),(0,n.mdx)("li",{parentName:"ul"},"Updated dev site examples to use terra-form-input and terra-form-select to improve accessability.")))),(0,n.mdx)("h2",{id:"4150---december-5-2018"},"4.15.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"4140---december-3-2018"},"4.14.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint error")))),(0,n.mdx)("h2",{id:"4131---november-15-2018"},"4.13.1 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added existence check for SVGElement, fixes issue with older version of jsdom")))),(0,n.mdx)("h2",{id:"4130---november-15-2018"},"4.13.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react-onclickoutside to ^6.7.1")))),(0,n.mdx)("h2",{id:"4120---september-25-2018"},"4.12.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Broken coordiantes example for setState.")))),(0,n.mdx)("h2",{id:"4110---september-5-2018"},"4.11.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"4100---august-30-2018"},"4.10.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"490---august-13-2018"},"4.9.0 - (August 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"480---july-25-2018"},"4.8.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"470---july-10-2018"},"4.7.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,n.mdx)("h2",{id:"460---july-3-2018"},"4.6.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"450---june-29-2018"},"4.5.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Introduce targetCoordinates to hookshot functionality."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,n.mdx)("h2",{id:"440---june-12-2018"},"4.4.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"430---may-30-2018"},"4.3.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,n.mdx)("h2",{id:"420---may-22-2018"},"4.2.0 - (May 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"410---april-30-2018"},"4.1.0 - (April 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,n.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,n.mdx)("h2",{id:"400---april-20-2018"},"4.0.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed the call to preventDefault in onOutsideClick")))),(0,n.mdx)("h2",{id:"310---april-13-2018"},"3.1.0 - (April 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"300---april-10-2018"},"3.0.0 - (April 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Attachment behavior ",(0,n.mdx)("inlineCode",{parentName:"li"},"none")," will no longer reposition content relative to a bounding rect. Content will remain statically positioned to the specified attachment target. Update the attachment behavior of ",(0,n.mdx)("inlineCode",{parentName:"li"},"none")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"push")," to regain previous bounded repositioning.")))),(0,n.mdx)("h2",{id:"230---april-3-2018"},"2.3.0 - (April 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-hookshot to terra-framework repo.")))),(0,n.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,n.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,n.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,n.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"180---february-1-2018"},"1.8.0 - (February 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,n.mdx)("h2",{id:"170---january-18-2018"},"1.7.0 - (January 18, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,n.mdx)("h2",{id:"160---january-5-2018"},"1.6.0 - (January 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,n.mdx)("h2",{id:"150---december-5-2017"},"1.5.0 - (December 5, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add preventDefault() to onOutsideClick")))),(0,n.mdx)("h2",{id:"140---november-28-2017"},"1.4.0 - (November 28, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,n.mdx)("h2",{id:"130---november-16-2017"},"1.3.0 - (November 16, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor version bump")))),(0,n.mdx)("h2",{id:"120---october-31-2017"},"1.2.0 - (October 31, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Height and Width rounding"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Content Resize callback")))),(0,n.mdx)("h2",{id:"110---october-24-2017"},"1.1.0 - (October 24, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Mobile zoom on safari"),(0,n.mdx)("li",{parentName:"ul"},"Half px value causing blurriness"),(0,n.mdx)("li",{parentName:"ul"},"Disable Listener dependency on target")))),(0,n.mdx)("h2",{id:"100---october-12-2017"},"1.0.0 - (October 12, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,d.Z)(e,x);return(0,n.mdx)(N,(0,m.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},41580:function(e,a,l){l.d(a,{C:function(){return n}});var m=l(67294),d=l(22863),n=function(e){var a=e.url;return m.createElement(d.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-hookshot",name:"terra-hookshot",version:"5.41.0",url:a})}},17422: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"}},87462:function(e,a,l){function m(){return m=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}l.d(a,{Z:function(){return m}})}}]); \ No newline at end of file diff --git a/pull/1840/16179-d76b80bc362f2064752f.css b/pull/1840/16179-d76b80bc362f2064752f.css new file mode 100644 index 00000000000..9c63a07e3a4 --- /dev/null +++ b/pull/1840/16179-d76b80bc362f2064752f.css @@ -0,0 +1,3 @@ +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .TimeInput-test-module__content-wrapper___9EMnN{margin:10px} diff --git a/pull/1840/16179-d76b80bc362f2064752f.js b/pull/1840/16179-d76b80bc362f2064752f.js new file mode 100644 index 00000000000..04a22f2d86e --- /dev/null +++ b/pull/1840/16179-d76b80bc362f2064752f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[16179],{21175:function(e,t,r){var n=r(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(67294)),u=n(r(47166)),a=n(r(43671)),l=n(r(90592)),i=n(r(7009)),f=u.default.bind(i.default);t.default=function(){return o.default.createElement("div",{className:f("content-wrapper")},o.default.createElement(a.default,{id:"timeInput",name:"time-input",variant:l.default.FORMAT_12_HOUR,isInvalidMeridiem:!0}))}},68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},7009:function(e,t,r){r.r(t),t.default={"content-wrapper":"TimeInput-test-module__content-wrapper___9EMnN"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(r(67294)),u=p(r(45697)),a=p(r(94184)),l=p(r(47166)),i=p(r(47341)),f=p(r(68586)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function p(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=r.default.bind(u.default),_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},p={children:l.default.string},h=function(e){var t=e.children,n=f(e,i),l=a.default.useContext(o.default),u=(0,r.default)(s(["button",l.className]),n.className);return a.default.createElement("button",d({},n,{type:"button",className:u,onBlur:_,onMouseDown:m,"data-focus-styles-enabled":!0}),t)};h.propTypes=p;var b=h;t.default=b},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),l=i(n(45697)),r=i(n(47166)),o=i(n(47341)),u=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(u.default),d={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},f=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,r=a.default.useContext(o.default);return a.default.createElement("div",{className:c("notice",n,r.className)},a.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:c("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(l,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};f.propTypes=d,f.defaultProps={ariaLevel:"2",variant:"important"};var s=f;t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),l=d(n(45697)),r=d(n(94184)),o=d(n(47166)),u=d(n(47341)),i=d(n(42620)),c=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var _=o.default.bind(i.default),m={title:l.default.string},p=function(e){var t=e.title,n=s(e,c),l=a.default.useContext(u.default),o=(0,r.default)(_(["placeholder",l.className]),n.className),i=_(["inner"]);return a.default.createElement("div",f({},n,{className:o}),a.default.createElement("div",{className:i},a.default.createElement("p",{className:_("title")},t)))};p.propTypes=m,p.defaultProps={title:""};var h=p;t.default=h},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var a=o(n(59278)),l=o(n(47306)),r=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},27152:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(67294)),r=a(n(62307)),o=n(34261),u=l.default.createElement(o.Placeholder,{title:"Test Hero"}),i={name:"Test Name",initials:"TN",detail:"Test Detail"};t.default=function(){return l.default.createElement(r.default,{hero:u,userConfig:i})}},66983: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"}},30866: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"}},42620: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"}}}]); \ No newline at end of file diff --git a/pull/1840/16839-642bd8637eed99cc19f7.css b/pull/1840/16839-642bd8637eed99cc19f7.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/16839-642bd8637eed99cc19f7.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/16839-642bd8637eed99cc19f7.js b/pull/1840/16839-642bd8637eed99cc19f7.js new file mode 100644 index 00000000000..94b31bc9807 --- /dev/null +++ b/pull/1840/16839-642bd8637eed99cc19f7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[16839],{22863:function(e,r,a){var n=a(64836);r.Z=void 0;var t=n(a(67294)),d=n(a(45697)),o=n(a(47166)),m=n(a(17422)),i=o.default.bind(m.default),l={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},s=function(e){var r=e.src,a=e.name,n=e.url,d=e.version,o=t.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},t.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(d))),m=r?t.default.createElement("a",{className:i("badge"),href:r},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")},o,m)};s.propTypes=l;var u=s;r.Z=u},16839:function(e,r,a){a.r(r),a.d(r,{default:function(){return s}});var n=a(87462),t=a(44925),d=(a(67294),a(81254)),o=a(81883),m=["components"],i={},l="wrapper";function s(e){var r=e.components,a=(0,t.Z)(e,m);return(0,d.mdx)(l,(0,n.Z)({},i,a,{components:r,mdxType:"MDXLayout"}),(0,d.mdx)(o.C,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-theme-provider-upgrade-guide"},"Terra Theme Provider Upgrade Guide"),(0,d.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,d.mdx)("h3",{id:"removed-props"},"Removed Props"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"isGlobalTheme"))),(0,d.mdx)("h3",{id:"changes-in-functionality"},"Changes in functionality"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"With the removal ",(0,d.mdx)("inlineCode",{parentName:"li"},"isGlobalTheme")," prop, the theme is now applied to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"html")," element instead of the wrapping ",(0,d.mdx)("inlineCode",{parentName:"li"},"div")," element."),(0,d.mdx)("li",{parentName:"ul"},"The ",(0,d.mdx)("inlineCode",{parentName:"li"},"div")," element wrapping the children has been removed.")),(0,d.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,d.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,d.mdx)("h4",{id:"renamed"},"Renamed"),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,d.mdx)("th",{parentName:"tr",align:null},"New"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"--terra-mock-background-color"),(0,d.mdx)("td",{parentName:"tr",align:null},"--terra-theme-provider-mock-background-color")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"--terra-mock-color"),(0,d.mdx)("td",{parentName:"tr",align:null},"--terra-theme-provider-mock-color")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"--terra-mock-display"),(0,d.mdx)("td",{parentName:"tr",align:null},"--terra-theme-provider-mock-display")))))}s.isMDXComponent=!0},81883:function(e,r,a){a.d(r,{C:function(){return d}});var n=a(67294),t=a(22863),d=function(e){var r=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-provider",name:"terra-theme-provider",version:"4.13.0",url:r})}},17422: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"}},87462:function(e,r,a){function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(t[a]=e[a]);return t}(e,r);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a.d(r,{Z:function(){return n}})}}]); \ No newline at end of file diff --git a/pull/1840/17358-08d80383991e74e60111.css b/pull/1840/17358-08d80383991e74e60111.css new file mode 100644 index 00000000000..28756af10ec --- /dev/null +++ b/pull/1840/17358-08d80383991e74e60111.css @@ -0,0 +1,3 @@ +.SlidePanel-module__clinical-lowlight-theme___NdNQF{--terra-slide-panel-panel-background-color: #222a2e;--terra-slide-panel-main-background-color: #222a2e;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 5px #181b1d;--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 5px #181b1d;--terra-slide-panel-main-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-border-right-color: #181b1d;--terra-slide-panel-panel-squish-border-left-color: #181b1d;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6}.SlidePanel-module__orion-fusion-theme___aBPYu{--terra-slide-panel-main-background-color: #fff;--terra-slide-panel-panel-background-color: #fff;--terra-slide-panel-main-squish-background-color: #fff;--terra-slide-panel-panel-squish-background-color: #fff;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6;--terra-slide-panel-panel-squish-border-right-color: #d3d4d5;--terra-slide-panel-panel-squish-border-left-color: #d3d4d5}.SlidePanel-module__slide-panel___5vKEK{overflow:hidden;position:relative}.SlidePanel-module__main___Jq40y,.SlidePanel-module__panel___N9gHx{box-sizing:border-box;height:100%;outline:none;-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%}.SlidePanel-module__main___Jq40y{position:relative;z-index:0}[dir] .SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-background-color, #fff)}.SlidePanel-module__panel___N9gHx{position:absolute;z-index:500}[dir] .SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-background-color, #fff)}.SlidePanel-module__slide-panel___5vKEK .SlidePanel-module__slide-panel___5vKEK>.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} +[dir] .DisclosureComponent-module__content-wrapper___bvpSZ{border-bottom:1px solid #000;margin:0}[dir] .DisclosureComponent-module__form-wrapper___96jEd{padding:.7rem} +.SlidePanelManagerDefault-test-module__content-wrapper___6BZ9g{height:100%}[dir] .SlidePanelManagerDefault-test-module__disclosure-accessory___OZMgv{background-color:#add8e6;padding:1rem}.SlidePanelManagerDefault-test-module__disclosure-container___-QHV0{height:100%}[dir] .SlidePanelManagerDefault-test-module__disclosure-container___-QHV0{background-color:#b899f0;padding:1rem} diff --git a/pull/1840/17358-08d80383991e74e60111.js b/pull/1840/17358-08d80383991e74e60111.js new file mode 100644 index 00000000000..a78e6948273 --- /dev/null +++ b/pull/1840/17358-08d80383991e74e60111.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[17358],{73887:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(38416)),s=l(n(56690)),i=l(n(89728)),r=l(n(66115)),o=l(n(61655)),u=l(n(94993)),c=l(n(73808)),d=l(n(67294)),m=l(n(45697)),f=l(n(57927)),p=l(n(10027)),h=n(56019),g=l(n(47166)),b=l(n(5768));function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,u.default)(this,n)}}var k=g.default.bind(b.default),v=Object.keys(h.availableDisclosureHeights),E=Object.keys(h.availableDisclosureWidths),_=function(e){(0,o.default)(n,e);var t=y(n);function n(e){var l;return(0,s.default)(this,n),(l=t.call(this,e)).disclose=l.disclose.bind((0,r.default)(l)),l.dismiss=l.dismiss.bind((0,r.default)(l)),l.closeDisclosure=l.closeDisclosure.bind((0,r.default)(l)),l.goBack=l.goBack.bind((0,r.default)(l)),l.maximize=l.maximize.bind((0,r.default)(l)),l.minimize=l.minimize.bind((0,r.default)(l)),l.generateOptions=l.generateOptions.bind((0,r.default)(l)),l.handleSelectChange=l.handleSelectChange.bind((0,r.default)(l)),l.renderFormButton=l.renderFormButton.bind((0,r.default)(l)),l.renderForm=l.renderForm.bind((0,r.default)(l)),l.getId=l.getId.bind((0,r.default)(l)),l.state={id:"disclosureDimensions",disclosureHeight:v[0],disclosureWidth:E[0]},l}return(0,i.default)(n,[{key:"handleSelectChange",value:function(e){this.setState((0,a.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return"".concat(this.state.id,"-").concat(e,"-").concat(this.props.nestedIndex)}},{key:"generateOptions",value:function(e,t){var n=this;return e.map((function(e,l){var a=l;return d.default.createElement("option",{id:"".concat(t,"-").concat(e,"-").concat(n.props.nestedIndex),key:a,value:e},e)}))}},{key:"disclose",value:function(e,t){var n=this,l=this.props,a=l.disclosureType,s=l.nestedIndex,i=l.renderHeaderAdapter,r=s+1;return function(){n.props.disclosureManager.disclose({preferredType:a,size:e,dimensions:t,content:{key:"DemoContainer-".concat(r),component:d.default.createElement(C,{identifier:"DemoContainer-".concat(r),nestedIndex:r,disclosureType:a,renderHeaderAdapter:i})}})}}},{key:"dismiss",value:function(){this.props.disclosureManager.dismiss()}},{key:"closeDisclosure",value:function(){this.props.disclosureManager.closeDisclosure()}},{key:"goBack",value:function(){this.props.disclosureManager.goBack()}},{key:"maximize",value:function(){this.props.disclosureManager.maximize()}},{key:"minimize",value:function(){this.props.disclosureManager.minimize()}},{key:"renderFormButton",value:function(){var e="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return d.default.createElement("button",{type:"button",id:"disclose-dimension-".concat(this.props.nestedIndex),onClick:this.disclose(void 0,{height:this.state.disclosureHeight,width:this.state.disclosureWidth})},e)}},{key:"renderForm",value:function(){return d.default.createElement("form",null,d.default.createElement("label",{htmlFor:this.getId("height")},"Pop Content Height"),d.default.createElement("select",{id:this.getId("height"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},this.generateOptions(v,"height")),d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("label",{htmlFor:this.getId("width")},"Pop Content Width"),d.default.createElement("select",{id:this.getId("width"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},this.generateOptions(E,"width")),d.default.createElement("br",null),d.default.createElement("br",null))}},{key:"render",value:function(){var e=this.props,t=e.disclosureManager,n=e.identifier,l=e.renderHeaderAdapter;return d.default.createElement(p.default,{id:n,className:"nested-component",fill:!0,header:d.default.createElement("h2",{className:k("content-wrapper")},"Content Component")},l?d.default.createElement(h.DisclosureManagerHeaderAdapter,{title:"Disclosure - ".concat(n),collapsibleMenuView:d.default.createElement(f.default,null,d.default.createElement(f.default.Item,{text:"Header Button 1",key:"button_1"}),d.default.createElement(f.default.Item,{text:"Header Button 2",key:"button_2"}))}):void 0,d.default.createElement("p",null,"id:"," ",n),d.default.createElement("button",{type:"button",className:"disclose",onClick:this.disclose()},"Disclose"),d.default.createElement("button",{type:"button",className:"disclose-tiny",onClick:this.disclose("tiny")},"Disclose Tiny"),d.default.createElement("button",{type:"button",className:"disclose-small",onClick:this.disclose("small")},"Disclose Small"),d.default.createElement("button",{type:"button",className:"disclose-medium",onClick:this.disclose("medium")},"Disclose Medium"),d.default.createElement("button",{type:"button",className:"disclose-large",onClick:this.disclose("large")},"Disclose Large"),d.default.createElement("button",{type:"button",className:"disclose-huge",onClick:this.disclose("huge")},"Disclose Huge"),d.default.createElement("button",{type:"button",className:"disclose-fullscreen",onClick:this.disclose("fullscreen")},"Disclose Fullscreen"),d.default.createElement("div",{className:k("form-wrapper")},this.renderForm(),this.renderFormButton()),t&&t.dismiss?d.default.createElement("button",{type:"button",className:"dismiss",onClick:this.dismiss},"Dismiss"):null,t&&t.closeDisclosure?d.default.createElement("button",{type:"button",className:"close-disclosure",onClick:this.closeDisclosure},"Close Disclosure"):null,t&&t.goBack?d.default.createElement("button",{type:"button",className:"go-back",onClick:this.goBack},"Go Back"):null,t&&t.maximize?d.default.createElement("button",{type:"button",className:"maximize",onClick:this.maximize},"Maximize"):null,t&&t.minimize?d.default.createElement("button",{type:"button",className:"minimize",onClick:this.minimize},"Minimize"):null)}}]),n}(d.default.Component);_.propTypes={disclosureManager:h.disclosureManagerShape,identifier:m.default.string,disclosureType:m.default.string,nestedIndex:m.default.number,renderHeaderAdapter:m.default.bool},_.defaultProps={nestedIndex:0};var C=(0,h.withDisclosureManager)(_);t.default=C},70496:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),s=l(n(47166)),i=l(n(34653)),r=l(n(73887)),o=l(n(74787)),u=s.default.bind(o.default);t.default=function(){return a.default.createElement("div",{role:"main",className:u("content-wrapper")},a.default.createElement(i.default,null,a.default.createElement(r.default,{identifier:"root-component",disclosureType:"panel",renderHeaderAdapter:!0})))}},5768:function(e,t,n){n.r(t),t.default={"content-wrapper":"DisclosureComponent-module__content-wrapper___bvpSZ","form-wrapper":"DisclosureComponent-module__form-wrapper___96jEd"}},74787:function(e,t,n){n.r(t),t.default={"content-wrapper":"SlidePanelManagerDefault-test-module__content-wrapper___6BZ9g","disclosure-accessory":"SlidePanelManagerDefault-test-module__disclosure-accessory___OZMgv","disclosure-container":"SlidePanelManagerDefault-test-module__disclosure-container___-QHV0"}}}]); \ No newline at end of file diff --git a/pull/1840/17555-d884ed0b4d41604c6c3f.css b/pull/1840/17555-d884ed0b4d41604c6c3f.css new file mode 100644 index 00000000000..576d24b53d2 --- /dev/null +++ b/pull/1840/17555-d884ed0b4d41604c6c3f.css @@ -0,0 +1,9 @@ +.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%} +.ColumnResizeHandle-module__orion-fusion-theme___fWbJv{--terra-data-grid-resize-handle-focus-border-color: #517ea5;--terra-data-grid-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___-v3QG{--terra-data-grid-resize-handle-focus-border-color: rgba(34, 42, 46, 1);--terra-data-grid-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___dm1As{display:block;position:absolute;top:0;width:24px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___dm1As{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___dm1As{border-right:2px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___dm1As{border-left:2px solid rgba(0,0,0,0);left:0}.ColumnResizeHandle-module__resize-handle___dm1As:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___dm1As:focus{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-data-grid-resize-handle-focus-border-color, rgb(34, 42, 46)) !important}[dir] .ColumnResizeHandle-module__resize-handle___dm1As:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-data-grid-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))} +.ColumnHeaderCell-module__orion-fusion-theme___LE92f{--terra-data-grid-column-header-text-color: #595f62;--terra-data-grid-column-header-background-color: #fff;--terra-data-grid-column-header-border-bottom: 1px solid #c8cacb;--terra-data-grid-column-header-border-right: 1px solid #c8cacb;--terra-data-grid-column-header-border-top: 1px solid #c8cacb;--terra-data-grid-pinned-columns-header-border: 1px solid #c8cacb;--terra-data-grid-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-data-grid-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__clinical-lowlight-theme___g1aZG{--terra-data-grid-column-header-text-color: #b2b5b6;--terra-data-grid-column-header-background-color: #151719;--terra-data-grid-column-header-border-bottom: 1px solid #181b1d;--terra-data-grid-column-header-border-right: 1px solid #181b1d;--terra-data-grid-column-header-border-top: 1px solid #181b1d;--terra-data-grid-pinned-columns-header-border: 1px solid #181b1d;--terra-data-grid-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-data-grid-pinned-columns-divider-background-color: #181b1d;--terra-data-grid-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-data-grid-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__column-header___ysMcI{color:var(--terra-data-grid-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___ysMcI{background-color:#dedfe0;background-color:var(--terra-data-grid-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-data-grid-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-data-grid-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI{border-right:1px solid #000;border-right:var(--terra-data-grid-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI{border-left:1px solid #000;border-left:var(--terra-data-grid-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI:first-child{border-left:1px solid #000;border-left:var(--terra-data-grid-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI:first-child{border-right:1px solid #000;border-right:var(--terra-data-grid-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__header-container___e9c9b{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__header-container___e9c9b{padding:5px;padding:var(--terra-data-grid-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__error-icon___9i6Pq{margin-right:5px;margin-right:var(--terra-data-grid-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__error-icon___9i6Pq{margin-left:5px;margin-left:var(--terra-data-grid-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___ysMcI span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___ysMcI span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___xOWr5:hover{background-color:#daecf6;background-color:var(--terra-data-grid-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___qsajY{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___qzHxN{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___qzHxN{background-color:#808080;background-color:var(--terra-data-grid-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-data-grid-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)} +.Row-module__orion-fusion-theme___RosFu{--terra-data-grid-row-striped-even-background-color: #f4f4f4;--terra-data-grid-row-selected-background-color: #cbe7fa;--terra-data-grid-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-data-grid-row-striped-odd-background-color: #fefffe}.Row-module__clinical-lowlight-theme___JpMl4{--terra-data-grid-row-striped-even-background-color: #2d3539;--terra-data-grid-row-striped-odd-background-color: #6e6f71;--terra-data-grid-row-selected-background-color: #1e3a49;--terra-data-grid-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-data-grid-row-hover-background-color: #232a2d;--terra-data-grid-row-highlight-border-top: 1px solid #004c76;--terra-data-grid-row-highlight-border-bottom: 1px solid #004c76}[dir] .Row-module__row___9KWBd.Row-module__selectable___wJSwb:hover{background-color:#e2f2fc;background-color:var(--terra-data-grid-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___9KWBd:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-data-grid-row-striped-even-background-color, #f0f0f0)}[dir] .Row-module__row___9KWBd:nth-child(odd){background-color:#fff;background-color:var(--terra-data-grid-row-striped-odd-background-color, #fff)}[dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv{background-color:#cbe7fa;background-color:var(--terra-data-grid-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___9KWBd.Row-module__selected___UL9Wv{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___9KWBd.Row-module__selected___UL9Wv{border-left:1px solid #0092e0}[dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv td, [dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-data-grid-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv:first-child td, [dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv:first-child th, [dir] .Row-module__row___9KWBd:not(.Row-module__selected___UL9Wv)+.Row-module__row___9KWBd.Row-module__selected___UL9Wv td, [dir] .Row-module__row___9KWBd:not(.Row-module__selected___UL9Wv)+.Row-module__row___9KWBd.Row-module__selected___UL9Wv th{border-top:1px solid #0092e0;border-top:var(--terra-data-grid-row-highlight-border-top, 1px solid #0092e0)} +.Cell-module__orion-fusion-theme___Fabt8{--terra-data-grid-cell-border-bottom: 1px solid #c8cacb;--terra-data-grid-cell-border-left: 1px solid #c8cacb;--terra-data-grid-cell-border-right: 1px solid #c8cacb;--terra-data-grid-cell-selected-background-color: #cbe7fa;--terra-data-grid-odd-row-hover-background-color: #e0f2fb;--terra-data-grid-even-row-hover-background-color: #d6e8f2;--terra-data-grid-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__clinical-lowlight-theme___GZmI3{--terra-data-grid-cell-border-bottom: 1px solid #181b1d;--terra-data-grid-cell-border-left: 1px solid #181b1d;--terra-data-grid-cell-border-right: 1px solid #181b1d;--terra-data-grid-cell-selected-background-color: #1e3a49;--terra-data-grid-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-data-grid-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-data-grid-odd-row-hover-background-color: #25282a;--terra-data-grid-even-row-hover-background-color: #1d2225;--terra-data-grid-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__cell___k\+LHp{font-weight:normal;position:relative}[dir] .Cell-module__cell___k\+LHp{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-data-grid-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-data-grid-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___k\+LHp{border-right:1px solid #dedfe0;border-right:var(--terra-data-grid-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___k\+LHp{border-left:1px solid #dedfe0;border-left:var(--terra-data-grid-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___k\+LHp:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-data-grid-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___k\+LHp:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-data-grid-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___2WAPd{background-color:#cbe7fa;background-color:var(--terra-data-grid-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___pQbeM{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-data-grid-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___pQbeM{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-data-grid-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___pQbeM.Cell-module__highlighted___Z-bjs{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-data-grid-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___pQbeM.Cell-module__highlighted___Z-bjs{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-data-grid-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___6UkjV{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___6UkjV{text-align:left}[dir=rtl] .Cell-module__cell-content___6UkjV{text-align:right}.Cell-module__cell-content___6UkjV .Cell-module__no-data-cell___lweXz{color:rgba(0,0,0,0)}.Cell-module__pinned___l24NX{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___l24NX:not(.Cell-module__selected___2WAPd){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___TMMd1:hover{background-color:#e0f2fb;background-color:var(--terra-data-grid-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___TMMd1:hover{background-color:#d3e5ee;background-color:var(--terra-data-grid-even-row-hover-background-color, #d3e5ee);cursor:pointer} +.RowSelectionCell-module__input___klaGY{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___klaGY{margin:auto} +.DataGrid-module__orion-fusion-theme___yhybH{--terra-data-grid-cell-focus-outline: 3px dashed #000;--terra-data-grid-cell-focus-outline-offset: -2px}.DataGrid-module__clinical-lowlight-theme___OufgK{--terra-data-grid-cell-focus-outline: 3px dashed #fff;--terra-data-grid-cell-focus-outline-offset: -2px}.DataGrid-module__data-grid-container___4LJj1{height:100%;overflow:auto;width:100%}.DataGrid-module__data-grid___mKnSC{border-collapse:separate;border-spacing:0;table-layout:fixed;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:1px}.DataGrid-module__data-grid___mKnSC :focus{outline:3px dashed #000;outline:var(--terra-data-grid-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-data-grid-cell-focus-outline-offset, -2px)} +.FlowsheetDataGrid-module__flowsheet-data-grid-container___O1y8B{height:100%;width:100%} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/pull/1840/17555-d884ed0b4d41604c6c3f.js b/pull/1840/17555-d884ed0b4d41604c6c3f.js new file mode 100644 index 00000000000..b1e8f0d5299 --- /dev/null +++ b/pull/1840/17555-d884ed0b4d41604c6c3f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[17555],{49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var o=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),d=a(n(47166)),c=n(21538),u=a(n(33864)),s=a(n(23399)),m=n(51051),p=a(n(53560));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 _=d.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},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,d=e.isExpanded,p=(0,r.useState)(d),f=(0,o.default)(p,2),y=f[0],h=f[1],g=(0,r.useState)(!1),E=(0,o.default)(g,2),x=E[0],w=E[1],N=r.default.useContext(c.ThemeContext),C=void 0!==a,O=function(){w(!x),y&&h(!y)},k=function(){h(!y),x&&w(!x)},D=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",N.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},i&&r.default.createElement("div",{className:_("description")},i),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},C&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":x}),onClick:O,onKeyDown:function(e){return D(e,O)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(u.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(s.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":y}),onClick:k,onKeyDown:function(e){return D(e,k)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(u.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(s.default,{className:_("chevron")}))):null,r.default.createElement("div",null,x&&r.default.createElement("div",{className:_("css")},a),y&&r.default.createElement("div",{className:_("code")},n))))};h.propTypes=y,h.defaultProps={isExpanded:!1};var g=h;t.Z=g},73542:function(e,t,n){n.r(t),n.d(t,{default:function(){return u}});var a=n(87462),l=n(44925),o=(n(67294),n(81254)),r=n(97254),i=["components"],d={},c="wrapper";function u(e){var t=e.components,n=(0,l.Z)(e,i);return(0,o.mdx)(c,(0,a.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(r.Z,{title:"Default Worklist Data Grid",mdxType:"DefaultWorklistDataGrid"}))}u.isMDXComponent=!0},97254:function(e,t,n){n.d(t,{Z:function(){return m}});var a=n(67294),l=n(97400),o=n(87462),r=n(44925),i=n(81254),d=["components"],c={};function u(e){var t=e.components,n=(0,r.Z)(e,d);return(0,i.mdx)("wrapper",(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { WorklistDataGrid } from 'terra-data-grid';\n\nconst gridDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n ],\n};\n\nconst DefaultWorklistDataGrid = () => {\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n\n return (\n \n );\n};\n\nexport default DefaultWorklistDataGrid;\n\n")))}u.isMDXComponent=!0;var s=n(49271),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(s.Z,{title:t||"Default Worklist Data Grid",description:n,example:a.createElement(l.Z,null),exampleSrc:a.createElement(u,null),isExpanded:o})}},97400:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=n(55730),r=[{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}],i=[{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.Z=function(){var e=r,t=i;return l.default.createElement(o.WorklistDataGrid,{id:"default-terra-worklist-data-grid",overflowColumns:e,rows:t,rowHeaderIndex:0,ariaLabel:"Worklist Data Grid"})}},53560: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"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),l=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/1840/17627-5cf223c5c50b282f8652.css b/pull/1840/17627-5cf223c5c50b282f8652.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/17627-5cf223c5c50b282f8652.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/17627-5cf223c5c50b282f8652.js b/pull/1840/17627-5cf223c5c50b282f8652.js new file mode 100644 index 00000000000..8a86f44c4dd --- /dev/null +++ b/pull/1840/17627-5cf223c5c50b282f8652.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[17627],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),r=d(l(17422)),u=t.default.bind(r.default),i={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,t=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},t,r)};p.propTypes=i;var x=p;a.Z=x},17627:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),t=l(45968),r=["components"],u={},i="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,r);return(0,n.mdx)(i,(0,d.Z)({},u,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3390---july-31-2023"},"3.39.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3380---february-14-2023"},"3.38.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"3370---december-6-2022"},"3.37.0 - (December 6, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Moved "Skip to Content" button to render first at smallest breakpoint.')))),(0,n.mdx)("h2",{id:"3361---march-15-2022"},"3.36.1 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3360---september-20-2021"},"3.36.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"3350---june-8-2021"},"3.35.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3340---april-6-2021"},"3.34.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"3330---march-9-2021"},"3.33.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,n.mdx)("h2",{id:"3320---january-5-2021"},"3.32.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"intlShape")," import"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"3310---november-24-2020"},"3.31.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3300---august-4-2020"},"3.30.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"3290---july-14-2020"},"3.29.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,n.mdx)("h2",{id:"3280---may-26-2020"},"3.28.0 - (May 26, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"3270---april-28-2020"},"3.27.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"3260---march-31-2020"},"3.26.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"3250---february-18-2020"},"3.25.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"3240---february-4-2020"},"3.24.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,n.mdx)("h2",{id:"3230---january-28-2020"},"3.23.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"3220---december-10-2019"},"3.22.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"3210---november-7-2019"},"3.21.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3200---october-16-2019"},"3.20.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3190---october-3-2019"},"3.19.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3180---september-26-2019"},"3.18.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3170---september-19-2019"},"3.17.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,n.mdx)("h2",{id:"3160---september-6-2019"},"3.16.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"3150---august-14-2019"},"3.15.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"3140---july-30-2019"},"3.14.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"3130---july-16-2019"},"3.13.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation for 'Skip to Content' button."),(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"3120---july-10-2019"},"3.12.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3110---july-2-2019"},"3.11.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"3100---june-19-2019"},"3.10.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-responsive-element v5"),(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"390---june-12-2019"},"3.9.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ARIA landmark roles"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"380---may-21-2019"},"3.8.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.should.validateElement()"))))),(0,n.mdx)("h2",{id:"370---may-15-2019"},"3.7.0 - (May 15, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed tabindex on main element to prevent keyboard page scroll bug")))),(0,n.mdx)("h2",{id:"360---april-24-2019"},"3.6.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"350---april-16-2019"},"3.5.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed alignment of the header content.")))),(0,n.mdx)("h2",{id:"340---march-26-2019"},"3.4.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"330---march-20-2019"},"3.3.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed styling of the header content in IE11.")))),(0,n.mdx)("h2",{id:"320---february-26-2019"},"3.2.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-AU translations.")))),(0,n.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"300---january-25-2019"},"3.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"2240---january-5-2019"},"2.24.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2230---january-2-2019"},"2.23.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2220---december-5-2018"},"2.22.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2210---december-3-2018"},"2.21.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2200---november-15-2018"},"2.20.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2190---october-24-2018"},"2.19.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import ",(0,n.mdx)("inlineCode",{parentName:"li"},"injectIntl")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"intlShape")," from react-intl instead of terra-base")))),(0,n.mdx)("h2",{id:"2180---october-16-2018"},"2.18.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added skip to content button")))),(0,n.mdx)("h2",{id:"2170---october-8-2018"},"2.17.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,n.mdx)("h2",{id:"2160---september-25-2018"},"2.16.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2150---september-5-2018"},"2.15.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2140---august-30-2018"},"2.14.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"2130---august-14-2018"},"2.13.0 - (August 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,n.mdx)("h2",{id:"2120---july-26-2018"},"2.12.0 - (July 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"2110---july-25-2018"},"2.11.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"2100---july-10-2018"},"2.10.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Clean up dependencies")))),(0,n.mdx)("h2",{id:"290---july-6-2018"},"2.9.0 - (July 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"280---july-3-2018"},"2.8.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"270---june-12-2018"},"2.7.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"260---june-12-2018"},"2.6.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"250---may-30-2018"},"2.5.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,n.mdx)("h2",{id:"240---may-22-2018"},"2.4.0 - (May 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"230---april-30-2018"},"2.3.0 - (April 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,n.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,n.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated screenshots"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Css for the application header layout logo's min width")))),(0,n.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Css rule to hide overflow in the case of large content."),(0,n.mdx)("li",{parentName:"ul"},"Added npmrc file with package-lock set to false.")))),(0,n.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"120---february-15-2018"},"1.2.0 - (February 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"110---january-23-2018"},"1.1.0 - (January 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"100---january-8-2018"},"1.0.0 - (January 8, 2018)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},45968:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-application-header-layout",name:"terra-application-header-layout",version:"3.39.0",url:a})}},17422: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"}},87462:function(e,a,l){function d(){return d=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}l.d(a,{Z:function(){return d}})}}]); \ No newline at end of file diff --git a/pull/1840/17790-53792b3a3805f0a7ba0e.css b/pull/1840/17790-53792b3a3805f0a7ba0e.css new file mode 100644 index 00000000000..67e59e5e097 --- /dev/null +++ b/pull/1840/17790-53792b3a3805f0a7ba0e.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.DateInputField-module__orion-fusion-theme___6WeUI{--terra-date-input-field-margin-bottom: 0.5rem;--terra-date-input-field-inline-margin-right: 0.5rem;--terra-date-input-field-legend-font-size: 1rem;--terra-date-input-field-legend-margin-bottom: 0.5em;--terra-date-input-field-legend-color: #1c1f21;--terra-date-input-field-legend-font-weight: bold;--terra-date-input-field-legend-error-icon-display: none;--terra-date-input-field-legend-error-icon-padding-right: 0.25em;--terra-date-input-field-legend-required-color: #e50000;--terra-date-input-field-legend-required-padding-right: 0.25em;--terra-date-input-field-legend-optional-font-style: italic;--terra-date-input-field-legend-optional-padding-left: 0.25em;--terra-date-input-field-help-text-color: rgba(28, 31, 33, 0.65);--terra-date-input-field-help-text-font-size: 0.85rem;--terra-date-input-field-help-text-font-weight: normal;--terra-date-input-field-help-text-margin-top: 0.25em;--terra-date-input-field-error-text-color: #e50000;--terra-date-input-field-error-text-font-size: 0.85rem;--terra-date-input-field-error-text-font-weight: normal;--terra-date-input-field-error-text-margin-top: 0.25em}.DateInputField-module__clinical-lowlight-theme___ZPdZB{--terra-date-input-field-error-text-color: #fb4c4c;--terra-date-input-field-help-text-color: #6f7477;--terra-date-input-field-legend-color: #b2b5b6;--terra-date-input-field-legend-required-color: #fb4c4c;--terra-date-input-field-margin-bottom: 1.428em;--terra-date-input-field-inline-margin-right: 0.7143em;--terra-date-input-field-legend-font-size: 1rem;--terra-date-input-field-legend-margin-bottom: 0.357em;--terra-date-input-field-legend-font-weight: bold;--terra-date-input-field-legend-error-icon-display: none;--terra-date-input-field-legend-error-icon-padding-right: 0;--terra-date-input-field-legend-required-padding-right: 0.357em;--terra-date-input-field-legend-optional-font-style: italic;--terra-date-input-field-legend-optional-padding-left: 0.357em;--terra-date-input-field-help-text-font-size: 0.857rem;--terra-date-input-field-help-text-font-weight: normal;--terra-date-input-field-help-text-margin-top: 0.357em;--terra-date-input-field-error-text-font-size: 0.857rem;--terra-date-input-field-error-text-font-weight: normal;--terra-date-input-field-error-text-margin-top: 0.357em}.DateInputField-module__date-input-field___y3E0d{max-width:72.857rem}[dir] .DateInputField-module__date-input-field___y3E0d{border:0;margin-bottom:1.428em;margin-bottom:var(--terra-date-input-field-margin-bottom, 1.428em);padding:0}.DateInputField-module__date-input-field___y3E0d>div{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.DateInputField-module__is-inline___Y5zYN{display:inline-block;vertical-align:top}[dir=ltr] .DateInputField-module__is-inline___Y5zYN{margin-right:0.7143em;margin-right:var(--terra-date-input-field-inline-margin-right, 0.7143em)}[dir=rtl] .DateInputField-module__is-inline___Y5zYN{margin-left:0.7143em;margin-left:var(--terra-date-input-field-inline-margin-right, 0.7143em)}.DateInputField-module__legend-group___Y8qQh{font-size:1rem;font-size:var(--terra-date-input-field-legend-font-size, 1rem);line-height:1.29}[dir] .DateInputField-module__legend-group___Y8qQh{margin-bottom:0.357em;margin-bottom:var(--terra-date-input-field-legend-margin-bottom, 0.357em)}[dir=ltr] .DateInputField-module__legend-group___Y8qQh{text-align:left}[dir=rtl] .DateInputField-module__legend-group___Y8qQh{text-align:right}.DateInputField-module__legend-group-hidden___NubE\+{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}[dir=ltr] .DateInputField-module__legend-group-hidden___NubE\+{left:-10000px}[dir=rtl] .DateInputField-module__legend-group-hidden___NubE\+{right:-10000px}.DateInputField-module__legend___8v6Uw{color:rgba(0, 0, 0, 0.8);color:var(--terra-date-input-field-legend-color, rgba(0, 0, 0, 0.8));font-weight:bold;font-weight:var(--terra-date-input-field-legend-font-weight, bold)}.DateInputField-module__error-icon___9jalk,.DateInputField-module__error-icon-hidden___7yXqb{display:none;display:var(--terra-date-input-field-legend-error-icon-display, none)}[dir=ltr] .DateInputField-module__error-icon___9jalk, [dir=ltr] .DateInputField-module__error-icon-hidden___7yXqb{padding-right:var(--terra-date-input-field-legend-error-icon-padding-right)}[dir=rtl] .DateInputField-module__error-icon___9jalk, [dir=rtl] .DateInputField-module__error-icon-hidden___7yXqb{padding-left:var(--terra-date-input-field-legend-error-icon-padding-right)}.DateInputField-module__required___c\+zgG,.DateInputField-module__required-hidden___udcsO{color:#e50000;color:var(--terra-date-input-field-legend-required-color, #e50000);display:inline-block}[dir=ltr] .DateInputField-module__required___c\+zgG, [dir=ltr] .DateInputField-module__required-hidden___udcsO{padding-right:0.357em;padding-right:var(--terra-date-input-field-legend-required-padding-right, 0.357em)}[dir=rtl] .DateInputField-module__required___c\+zgG, [dir=rtl] .DateInputField-module__required-hidden___udcsO{padding-left:0.357em;padding-left:var(--terra-date-input-field-legend-required-padding-right, 0.357em)}.DateInputField-module__error-icon-hidden___7yXqb,.DateInputField-module__required-hidden___udcsO{visibility:hidden}.DateInputField-module__optional___Jtg7S{display:inline-block;font-style:italic;font-style:var(--terra-date-input-field-legend-optional-font-style, italic)}[dir=ltr] .DateInputField-module__optional___Jtg7S{padding-left:0.357em;padding-left:var(--terra-date-input-field-legend-optional-padding-left, 0.357em)}[dir=rtl] .DateInputField-module__optional___Jtg7S{padding-right:0.357em;padding-right:var(--terra-date-input-field-legend-optional-padding-left, 0.357em)}.DateInputField-module__help-text___zQnVy{color:rgba(0, 0, 0, 0.55);color:var(--terra-date-input-field-help-text-color, rgba(0, 0, 0, 0.55));font-size:0.857rem;font-size:var(--terra-date-input-field-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-field-help-text-font-weight, normal);line-height:1.25}[dir] .DateInputField-module__help-text___zQnVy{margin-top:0.357em;margin-top:var(--terra-date-input-field-help-text-margin-top, 0.357em)}[dir=ltr] .DateInputField-module__help-text___zQnVy{text-align:left}[dir=rtl] .DateInputField-module__help-text___zQnVy{text-align:right}.DateInputField-module__error-text___D5gK6{color:#e50000;color:var(--terra-date-input-field-error-text-color, #e50000);font-size:0.857rem;font-size:var(--terra-date-input-field-error-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-field-error-text-font-weight, normal);line-height:1.25}[dir] .DateInputField-module__error-text___D5gK6{margin-top:0.357em;margin-top:var(--terra-date-input-field-error-text-margin-top, 0.357em)}[dir=ltr] .DateInputField-module__error-text___D5gK6{text-align:left}[dir=rtl] .DateInputField-module__error-text___D5gK6{text-align:right} diff --git a/pull/1840/17790-53792b3a3805f0a7ba0e.js b/pull/1840/17790-53792b3a3805f0a7ba0e.js new file mode 100644 index 00000000000..d0ecb0b5795 --- /dev/null +++ b/pull/1840/17790-53792b3a3805f0a7ba0e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[17790],{76313:function(e,t,r){var n=r(64836),a=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(38416)),l=n(r(10434)),i=n(r(70215)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var r=O(t);if(r&&r.has(e))return r.get(e);var n={__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(n,l,i):n[l]=e[l]}return n.default=e,r&&r.set(e,n),n}(r(67294)),d=n(r(45697)),c=r(25387),f=n(r(94184)),s=n(r(47166)),p=n(r(47341)),b=r(55877),m=n(r(51331)),y=n(r(29270)),_=n(r(91986)),h=n(r(91417)),v=n(r(40873)),g=["dayAttributes","disabled","displayFormat","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLegendHidden","intl","legend","legendAttributes","monthAttributes","maxWidth","name","onBlur","onChange","onFocus","required","showOptional","value","yearAttributes"];function O(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(O=function(e){return e?r:t})(e)}function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function y(e,t){for(var r=0;r.LayoutSlidePanel-module__panel___xUrqy{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{right:0}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-tiny___9Oz70{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-small___JXknd{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__content___Qa4PX{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___xUrqy[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___xHsZe{display:block;height:100%} +.TestHeader-module__content-wrapper1___cB2aB{display:-ms-flexbox;display:flex;height:60px;position:relative;width:calc(100% - 10px)}[dir] .TestHeader-module__content-wrapper1___cB2aB{border:4px dashed #d3d3d3;margin:5px}.TestHeader-module__content-wrapper2___jQXA-{color:gray;position:absolute;top:15px}[dir=ltr] .TestHeader-module__content-wrapper2___jQXA-{left:50%;transform:translateX(-50%)}[dir=rtl] .TestHeader-module__content-wrapper2___jQXA-{right:50%;transform:translateX(50%)}.TestHeader-module__content-text___Q36xi{display:inline}[dir] .TestHeader-module__content-text___Q36xi{margin:0}.TestHeader-module__test-header-toggle___VMQEj{display:inline;height:25px}[dir] .TestHeader-module__test-header-toggle___VMQEj{border:1px dashed #d3d3d3}[dir=ltr] .TestHeader-module__test-header-toggle___VMQEj{margin-left:5px}[dir=rtl] .TestHeader-module__test-header-toggle___VMQEj{margin-right:5px} +.LayoutTestCommon-module__content-wrapper1___Bg5D6{height:calc(100% - 10px);position:relative;width:calc(100% - 10px)}[dir] .LayoutTestCommon-module__content-wrapper1___Bg5D6{border:4px dashed #d3d3d3;margin:5px}.LayoutTestCommon-module__content-wrapper2___MLV9d{color:gray;position:absolute;top:50%}[dir=ltr] .LayoutTestCommon-module__content-wrapper2___MLV9d{left:50%;transform:translateX(-50%)}[dir=rtl] .LayoutTestCommon-module__content-wrapper2___MLV9d{right:50%;transform:translateX(50%)}[dir] .LayoutTestCommon-module__content-text___aUCzs{margin:0}.LayoutTestCommon-module__test-content-toggle___dqiBK,.LayoutTestCommon-module__test-menu-toggle___KH3eQ{display:inline;height:25px}[dir] .LayoutTestCommon-module__test-content-toggle___dqiBK, [dir] .LayoutTestCommon-module__test-menu-toggle___KH3eQ{border:1px dashed #d3d3d3}[dir=ltr] .LayoutTestCommon-module__test-content-toggle___dqiBK, [dir=ltr] .LayoutTestCommon-module__test-menu-toggle___KH3eQ{margin-left:5px}[dir=rtl] .LayoutTestCommon-module__test-content-toggle___dqiBK, [dir=rtl] .LayoutTestCommon-module__test-menu-toggle___KH3eQ{margin-right:5px} +.TestLayoutCommon-module__panel-content___11P0K,.TestLayoutCommon-module__layout-slide-panel-content___005M-,.TestLayoutCommon-module__content-wrapper___rNhg8{position:relative;width:100%}.TestLayoutCommon-module__panel-content___11P0K{height:100%}[dir] .TestLayoutCommon-module__panel-content___11P0K{background-color:red}.TestLayoutCommon-module__layout-slide-panel-content___005M-{height:100%}[dir] .TestLayoutCommon-module__layout-slide-panel-content___005M-{background-color:blue}.TestLayoutCommon-module__layout-test___vmcFP,.TestLayoutCommon-module__content-wrapper___rNhg8{height:768px} diff --git a/pull/1840/1841-3f824dac0600bd8172ec.js b/pull/1840/1841-3f824dac0600bd8172ec.js new file mode 100644 index 00000000000..d242059ee07 --- /dev/null +++ b/pull/1840/1841-3f824dac0600bd8172ec.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[1841],{40320:function(e,t,n){"use strict";var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(47166)),u=o(n(4546)),l=o(n(50393)),c=o(n(84104)),d=o(n(41643)),i=r.default.bind(d.default);t.default=function(){return a.default.createElement(u.default,{className:i("layout-test"),key:"layout-no-menu",header:a.default.createElement(l.default,null),id:"test-root"},a.default.createElement(c.default,null))}},84104:function(e,t,n){"use strict";var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(45697)),u=o(n(47166)),l=o(n(46186)),c=u.default.bind(l.default),d={layoutConfig:r.default.object},i=function(e){var t=e.layoutConfig;return a.default.createElement("div",{id:"test-content",className:c("content-wrapper1")},a.default.createElement("div",{className:c("content-wrapper2")},a.default.createElement("h2",{className:c("content-text")},"Content"),t.toggleMenu&&a.default.createElement("button",{type:"button",className:c("test-content-toggle"),onClick:t.toggleMenu},"Toggle Menu")))};i.propTypes=d;t.default=i},50393:function(e,t,n){"use strict";var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(45697)),u=o(n(47166)),l=o(n(56199)),c=u.default.bind(l.default),d={layoutConfig:r.default.object},i=function(e){var t=e.layoutConfig;return a.default.createElement("div",{id:"test-header",className:c("content-wrapper1")},a.default.createElement("div",{className:c("content-wrapper2")},a.default.createElement("h2",{className:c("content-text")},"Header"),t.toggleMenu&&a.default.createElement("button",{type:"button",className:c("test-header-toggle"),onClick:t.toggleMenu},"Toggle Menu")))};i.propTypes=d;t.default=i},41643:function(e,t,n){"use strict";n.r(t),t.default={"panel-content":"TestLayoutCommon-module__panel-content___11P0K","layout-slide-panel-content":"TestLayoutCommon-module__layout-slide-panel-content___005M-","content-wrapper":"TestLayoutCommon-module__content-wrapper___rNhg8","layout-test":"TestLayoutCommon-module__layout-test___vmcFP"}},46186:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper1":"LayoutTestCommon-module__content-wrapper1___Bg5D6","content-wrapper2":"LayoutTestCommon-module__content-wrapper2___MLV9d","content-text":"LayoutTestCommon-module__content-text___aUCzs","test-content-toggle":"LayoutTestCommon-module__test-content-toggle___dqiBK","test-menu-toggle":"LayoutTestCommon-module__test-menu-toggle___KH3eQ"}},56199:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper1":"TestHeader-module__content-wrapper1___cB2aB","content-wrapper2":"TestHeader-module__content-wrapper2___jQXA-","content-text":"TestHeader-module__content-text___Q36xi","test-header-toggle":"TestHeader-module__test-header-toggle___VMQEj"}},15059:function(e){var t=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],n=t.join(","),o="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function a(e,t){t=t||{};var a,u,l,i=[],s=[],f=e.querySelectorAll(n);for(t.includeContainer&&o.call(e,n)&&(f=Array.prototype.slice.apply(f)).unshift(e),a=0;a=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}a.d(t,{Z:function(){return n}})}}]); \ No newline at end of file diff --git a/pull/1840/18865-79ed137d20303617b0bc.css b/pull/1840/18865-79ed137d20303617b0bc.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/18865-79ed137d20303617b0bc.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/18865-79ed137d20303617b0bc.js b/pull/1840/18865-79ed137d20303617b0bc.js new file mode 100644 index 00000000000..ad2eb06352d --- /dev/null +++ b/pull/1840/18865-79ed137d20303617b0bc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[18865],{22863:function(e,t,r){var n=r(64836);t.Z=void 0;var a=n(r(67294)),i=n(r(45697)),m=n(r(47166)),d=n(r(17422)),l=m.default.bind(d.default),o={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,r=e.name,n=e.url,i=e.version,m=a.default.createElement("a",{className:l("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(i)},a.default.createElement("span",{className:l("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:l("badge-version")},"v".concat(i))),d=t?a.default.createElement("a",{className:l("badge"),href:t},a.default.createElement("span",{className:l("badge-name")},"github"),a.default.createElement("span",{className:l("badge-version")},"source")):void 0;return a.default.createElement("div",{className:l("badge-container")},m,d)};u.propTypes=o;var p=u;t.Z=p},18865:function(e,t,r){r.r(t),r.d(t,{default:function(){return u}});var n=r(87462),a=r(44925),i=(r(67294),r(81254)),m=r(99257),d=["components"],l={},o="wrapper";function u(e){var t=e.components,r=(0,a.Z)(e,d);return(0,i.mdx)(o,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(m.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-time-input-upgrade-guide"},"Terra Time Input Upgrade Guide"),(0,i.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,i.mdx)("h3",{id:"new-props"},"New props"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Added ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")),(0,i.mdx)("li",{parentName:"ul"},"Added ",(0,i.mdx)("inlineCode",{parentName:"li"},"refCallback"))),(0,i.mdx)("h3",{id:"changes-to-onblur-and-onfocus"},"Changes to onBlur and onFocus"),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop previously could be passed down as a custom prop. This prop now becomes a first-class prop. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop used to be triggered when focus is moved from the hour input to the minute input or any other elements in the same time-input component. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," prop will still be triggered if the time-input component did not have focus and now just gained focus. However, if the focus is then moved from one time-input element to another time-input element, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback now would not be triggered because the focus is still within the time-input container. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback now behaves similar to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"onFocus")," callback where ",(0,i.mdx)("inlineCode",{parentName:"p"},"onBlur")," would not be triggered when focus is transfered from one time-input element to another time-input element of the same time-input component. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"onBlur")," callback would be triggered only when focus is lost from the entire time-input component."),(0,i.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,i.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,i.mdx)("h4",{id:"renamed"},"Renamed"),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,i.mdx)("th",{parentName:"tr",align:null},"New"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-color"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-color")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-style"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-style")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-border-width"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-border-width")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-opacity"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-opacity")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-color")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-animation-background"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-image")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-start"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-background-size")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-animation-size"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-background-size")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-ltr"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-ltr-box-shadow")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-keyboard-box-shadow-rtl"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-focus-rtl-box-shadow")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-width-input"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-min-width")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-bottom"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-bottom")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-left"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-left")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-right"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-right")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-input-padding-top"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-padding-top")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-focused-input-background-color")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-input-margin-top"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-time-spacer-margin-top")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-size"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-label-font-size")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-border-radius"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-desktop-input-border-radius")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-left-margin"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-meridiem-display-margin-left")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-line-height"),(0,i.mdx)("td",{parentName:"tr",align:null},"--terra-time-input-mobile-line-height")))),(0,i.mdx)("h4",{id:"added"},"Added"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-line-height"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-border"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-hover-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-focus-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-hour-margin-right"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-minute-margin-left"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-caret-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-mobile-spacer-margin-top"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-group-margin-left"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-desktop-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-background-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-border-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-selected-hover-color"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-meridiem-button-font-size")),(0,i.mdx)("h4",{id:"removed"},"Removed"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-left"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-time-input-group-margin-right"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-style"),(0,i.mdx)("li",{parentName:"ul"},"--terra-time-input-keyboard-border-width")))}u.isMDXComponent=!0},99257:function(e,t,r){r.d(t,{C:function(){return i}});var n=r(67294),a=r(22863),i=function(e){var t=e.url;return n.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-time-input",name:"terra-time-input",version:"4.58.0",url:t})}},17422: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"}},87462:function(e,t,r){function n(){return n=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 i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}r.d(t,{Z:function(){return n}})}}]); \ No newline at end of file diff --git a/pull/1840/18933-119e578bb37557d05cb0.js b/pull/1840/18933-119e578bb37557d05cb0.js new file mode 100644 index 00000000000..633e04c44b5 --- /dev/null +++ b/pull/1840/18933-119e578bb37557d05cb0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[18933],{18933:function(e,t,a){var r=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),u=r(a(77947)),l=r(a(8787));t.default=function(){return n.default.createElement(l.default,{timeInputAttributes:{className:"time-input-example",readOnly:!0},timeVariant:u.default.FORMAT_12_HOUR})}},8787:function(e,t,a){var r=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=r(a(10434)),l=r(a(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=u?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,a&&a.set(e,r),r}(a(67294)),f=r(a(45697)),o=r(a(44887)),d=r(a(77947));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}var p={value:f.default.string,initialTimeZone:f.default.string},s=function(e){var t=e.value,a=d.default.createSafeDate(t,e.initialTimeZone);a&&a.isValid()&&(t=a.format());var r=(0,i.useState)(t),n=(0,l.default)(r,2),f=n[0],c=n[1];return i.default.createElement("div",null,i.default.createElement("p",null,"Selected ISO Date Time:",i.default.createElement("span",{"data-date-time-value":!0},f)),i.default.createElement(o.default,(0,u.default)({name:"date-time-picker-example",onChange:function(e,t){c(t)},initialTimeZone:e.initialTimeZone},e)))};s.propTypes=p,s.defaultProps={value:""};t.default=s}}]); \ No newline at end of file diff --git a/pull/1840/18974-dc6e229113c83a7ec0cd.css b/pull/1840/18974-dc6e229113c83a7ec0cd.css new file mode 100644 index 00000000000..9f674a3a0ea --- /dev/null +++ b/pull/1840/18974-dc6e229113c83a7ec0cd.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.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/pull/1840/18974-dc6e229113c83a7ec0cd.js b/pull/1840/18974-dc6e229113c83a7ec0cd.js new file mode 100644 index 00000000000..97f703dfe9c --- /dev/null +++ b/pull/1840/18974-dc6e229113c83a7ec0cd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[18974,77883,22020],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),u=a(n(17422)),i=o.default.bind(u.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=t?r.default.createElement("a",{className:i("badge"),href:t},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},o,u)};d.propTypes=c;var f=d;t.Z=f},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),u=a(n(45697)),i=a(n(47166)),c=n(21538),d=a(n(33864)),f=a(n(23399)),s=n(51051),p=a(n(53560));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var _=i.default.bind(p.default),b={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,u=e.description,i=e.isExpanded,p=(0,o.useState)(i),m=(0,l.default)(p,2),b=m[0],g=m[1],h=(0,o.useState)(!1),E=(0,l.default)(h,2),O=E[0],w=E[1],j=o.default.useContext(c.ThemeContext),x=void 0!==a,P=function(){w(!O),b&&g(!b)},T=function(){g(!b),O&&w(!O)},N=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",j.className)},o.default.createElement("div",{className:_("header")},r&&o.default.createElement("h2",{className:_("title")},r)),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")},x&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":O}),onClick:P,onKeyDown:function(e){return N(e,P)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(f.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(f.default,{className:_("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:_("css")},a),b&&o.default.createElement("div",{className:_("code")},n))))};g.propTypes=b,g.defaultProps={isExpanded:!1};var h=g;t.Z=h},17422: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"}},53560: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"}},68586:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=f(n(67294)),l=f(n(45697)),o=f(n(94184)),u=f(n(47166)),i=f(n(47341)),c=f(n(68586)),d=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function f(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function b(e,t){for(var n=0;n")))),(0,m.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,m.mdx)(d.O,{mdxType:"PropNameCell"},"themeName"),(0,m.mdx)(d.Di,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,m.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,m.mdx)("p",null,"none")),(0,m.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Name of class for specified theme")))))}c.isMDXComponent=!0;var p=n(49699),f=["components"],h={};function v(e){var t=e.components,n=(0,l.Z)(e,f);return(0,m.mdx)("wrapper",(0,a.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ThemeProvider from 'terra-theme-provider';\nimport MockThemeComponent from './MockThemeComponent';\nimport styles from './DefaultThemeProvider.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass DefaultThemeProvider extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n theme: '',\n };\n this.handleThemeChange = this.handleThemeChange.bind(this);\n }\n\n handleThemeChange(e) {\n this.setState({ theme: e.target.value });\n }\n\n render() {\n let themeSwitcher;\n\n function supportsCSSVars() {\n // This eslint rule complains of the lack of .CSS support in IE, which is exactly what this line is intended to detect.\n // eslint-disable-next-line compat/compat\n return window.CSS && window.CSS.supports && window.CSS.supports('(--fake-var: 0)');\n }\n\n if (supportsCSSVars()) {\n themeSwitcher = (\n
\n \n \n
\n );\n } else {\n themeSwitcher = (\n
\n );\n }\n\n return (\n
\n
{themeSwitcher}
\n \n
\n Themable component\n
\n \n
\n );\n }\n}\n\nexport default DefaultThemeProvider;\n\n")))}v.isMDXComponent=!0;var x=n(49271),_=["components"],g={};function T(e){var t=e.components,n=(0,l.Z)(e,_);return(0,m.mdx)("wrapper",(0,a.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .theme-switcher-wrapper {\n margin-bottom: 1rem;\n }\n}\n\n")))}T.isMDXComponent=!0;var b=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(x.Z,{title:t||"Default Theme Provider",description:n,example:r.createElement(p.Z,null),exampleCssSrc:r.createElement(T,null),exampleSrc:r.createElement(v,null),isExpanded:a})},y=["components"],E={},N="wrapper";function w(e){var t=e.components,n=(0,l.Z)(e,y);return(0,m.mdx)(N,(0,a.Z)({},E,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)(o.C,{mdxType:"Badge"}),(0,m.mdx)("h1",{id:"terra-theme-provider"},"Terra Theme Provider"),(0,m.mdx)("p",null,"The theme provider component provides a theme to Terra UI components via CSS custom properties a.k.a CSS variables. This is accomplished by setting a CSS class, generated from the ",(0,m.mdx)("inlineCode",{parentName:"p"},"themeName")," prop, which contains defined CSS custom properties for the specified theme on the ",(0,m.mdx)("inlineCode",{parentName:"p"},"html")," element."),(0,m.mdx)("p",null,(0,m.mdx)("strong",{parentName:"p"},"Note:")),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"The CSS custom properties applied via the theme provided only works in browsers which have native support for CSS custom properties.")),(0,m.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Install with ",(0,m.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"npm install terra-theme-provider"))))),(0,m.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,m.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,m.mdx)("table",null,(0,m.mdx)("thead",{parentName:"table"},(0,m.mdx)("tr",{parentName:"thead"},(0,m.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,m.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,m.mdx)("tbody",{parentName:"table"},(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"react"),(0,m.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,m.mdx)("tr",{parentName:"tbody"},(0,m.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,m.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,m.mdx)("h2",{id:"usage"},"Usage"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-js"},"import ThemeProvider from 'terra-theme-provider';\n")),(0,m.mdx)("h2",{id:"examples"},"Examples"),(0,m.mdx)(b,{title:"Example Theme Provider",mdxType:"DefaultThemeProvider"}),(0,m.mdx)("h2",{id:"theme-provider-props-table"},"Theme Provider Props Table"),(0,m.mdx)(c,{mdxType:"ThemeProviderPropsTable"}))}w.isMDXComponent=!0},81883:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),l=n(22863),r=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-provider",name:"terra-theme-provider",version:"4.13.0",url:t})}},49699:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(56690)),r=a(n(89728)),m=a(n(66115)),o=a(n(61655)),d=a(n(94993)),i=a(n(73808)),u=a(n(67294)),s=a(n(47166)),c=a(n(43666)),p=a(n(99104)),f=a(n(68651));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,i.default)(e);if(t){var l=(0,i.default)(this).constructor;n=Reflect.construct(a,arguments,l)}else n=a.apply(this,arguments);return(0,d.default)(this,n)}}var v=s.default.bind(f.default),x=function(e){(0,o.default)(n,e);var t=h(n);function n(e){var a;return(0,l.default)(this,n),(a=t.call(this,e)).state={theme:""},a.handleThemeChange=a.handleThemeChange.bind((0,m.default)(a)),a}return(0,r.default)(n,[{key:"handleThemeChange",value:function(e){this.setState({theme:e.target.value})}},{key:"render",value:function(){var e;return e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--fake-var: 0)")?u.default.createElement("div",{className:v("theme-switcher-wrapper")},u.default.createElement("label",{htmlFor:"theme"}," Theme: "),u.default.createElement("select",{id:"theme",value:this.state.theme,onChange:this.handleThemeChange},u.default.createElement("option",{value:""},"Default"),u.default.createElement("option",{value:"cerner-mock-theme"},"Mock Theme"))):u.default.createElement("div",null),u.default.createElement("div",null,u.default.createElement("div",null,e),u.default.createElement(c.default,{themeName:this.state.theme},u.default.createElement("div",null,u.default.createElement(p.default,null,"Themable component"))))}}]),n}(u.default.Component);t.Z=x},99104:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(10434)),r=a(n(70215)),m=a(n(67294)),o=a(n(45697)),d=a(n(47166)),i=a(n(38536));n(2890);var u=["children"],s=d.default.bind(i.default),c={children:o.default.node.isRequired},p=function(e){var t=e.children,n=(0,r.default)(e,u);return m.default.createElement("div",(0,l.default)({},n,{className:s("mock-theme-component",n.className)}),t)};p.propTypes=c;t.default=p},17422: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"}},53560: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"}},68651:function(e,t,n){n.r(t),t.default={"theme-switcher-wrapper":"DefaultThemeProvider-module__theme-switcher-wrapper___mXLjt"}},38536:function(e,t,n){n.r(t),t.default={"mock-theme-component":"MockThemeComponent-module__mock-theme-component___42Z5g"}},2890:function(e,t,n){n.r(t),t.default={}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),l=r(n(99139));function r(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t {\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n\n const [rowData, setRowData] = useState(rows);\n\n const onCellSelect = useCallback((rowId, columnId) => {\n if (rowId && columnId) {\n const rowIndex = rowData.findIndex(row => row.id === rowId);\n const columnIndex = cols.findIndex(column => column.id === columnId);\n\n // Remove current selections\n const newRowData = [...rowData];\n for (let row = 0; row < rowData.length; row += 1) {\n for (let cell = 0; cell < rowData[row].cells.length; cell += 1) {\n const currentCell = rowData[row].cells[cell];\n if (currentCell.isSelected && !(row === rowIndex && cell === columnIndex)) {\n currentCell.isSelected = false;\n }\n }\n }\n\n // Toggle selection state of selected cell\n newRowData[rowIndex].cells[columnIndex].isSelected = !rowData[rowIndex].cells[columnIndex].isSelected;\n setRowData(newRowData);\n }\n }, [cols, rowData]);\n\n const onClearSelectedCells = useCallback(() => {\n // Remove current selections\n const newRowData = [...rowData];\n for (let row = 0; row < rowData.length; row += 1) {\n for (let cell = 0; cell < rowData[row].cells.length; cell += 1) {\n newRowData[row].cells[cell].isSelected = false;\n }\n }\n\n setRowData(newRowData);\n }, [rowData]);\n\n return (\n \n );\n};\n\nexport default PinnedColumns;\n\n")))}d.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return o.createElement(u.Z,{title:t||"Pinned Columns",description:n,example:o.createElement(c.Z,null),exampleSrc:o.createElement(d,null),isExpanded:l})},f=["components"],p={},_="wrapper";function w(e){var t=e.components,n=(0,a.Z)(e,f);return(0,r.mdx)(_,(0,l.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(m,{title:"Worklist Data Grid with Pinned Columns",mdxType:"PinnedColumns"}))}w.isMDXComponent=!0},96216:function(e,t,n){var l=n(64836),a=n(18698);t.Z=void 0;var o=l(n(861)),r=l(n(27424)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var c=o?Object.getOwnPropertyDescriptor(e,r):null;c&&(c.get||c.set)?Object.defineProperty(l,r,c):l[r]=e[r]}return l.default=e,n&&n.set(e,l),l}(n(67294)),i=n(55730);function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}var d=[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"},{id:"Column-10",displayName:"Not Selectable",isSelectable:!1}],u=[{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.Z=function(){var e=d,t=u,n=(0,c.useState)(t),l=(0,r.default)(n,2),a=l[0],s=l[1],m=(0,c.useCallback)((function(t,n){if(t&&n){for(var l=a.findIndex((function(e){return e.id===t})),r=e.findIndex((function(e){return e.id===n})),c=(0,o.default)(a),i=0;i=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,{Z:function(){return l}})}}]); \ No newline at end of file diff --git a/pull/1840/19888-60743c7a8b9b7370ceca.css b/pull/1840/19888-60743c7a8b9b7370ceca.css new file mode 100644 index 00000000000..b1df3bbee3f --- /dev/null +++ b/pull/1840/19888-60743c7a8b9b7370ceca.css @@ -0,0 +1 @@ +.SlidePanel-module__clinical-lowlight-theme___NdNQF{--terra-slide-panel-panel-background-color: #222a2e;--terra-slide-panel-main-background-color: #222a2e;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 5px #181b1d;--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 5px #181b1d;--terra-slide-panel-main-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-border-right-color: #181b1d;--terra-slide-panel-panel-squish-border-left-color: #181b1d;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6}.SlidePanel-module__orion-fusion-theme___aBPYu{--terra-slide-panel-main-background-color: #fff;--terra-slide-panel-panel-background-color: #fff;--terra-slide-panel-main-squish-background-color: #fff;--terra-slide-panel-panel-squish-background-color: #fff;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6;--terra-slide-panel-panel-squish-border-right-color: #d3d4d5;--terra-slide-panel-panel-squish-border-left-color: #d3d4d5}.SlidePanel-module__slide-panel___5vKEK{overflow:hidden;position:relative}.SlidePanel-module__main___Jq40y,.SlidePanel-module__panel___N9gHx{box-sizing:border-box;height:100%;outline:none;-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%}.SlidePanel-module__main___Jq40y{position:relative;z-index:0}[dir] .SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-background-color, #fff)}.SlidePanel-module__panel___N9gHx{position:absolute;z-index:500}[dir] .SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-background-color, #fff)}.SlidePanel-module__slide-panel___5vKEK .SlidePanel-module__slide-panel___5vKEK>.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} diff --git a/pull/1840/19888-60743c7a8b9b7370ceca.js b/pull/1840/19888-60743c7a8b9b7370ceca.js new file mode 100644 index 00000000000..e5dab1935ea --- /dev/null +++ b/pull/1840/19888-60743c7a8b9b7370ceca.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[19888],{19888:function(e,l,t){var a=t(64836),n=t(18698);Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var i=a(t(67294)),u=function(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=o(l);if(t&&t.has(e))return t.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var r=i?Object.getOwnPropertyDescriptor(e,u):null;r&&(r.get||r.set)?Object.defineProperty(a,u,r):a[u]=e[u]}return a.default=e,t&&t.set(e,a),a}(t(27662)),r=a(t(22199)),d=a(t(46868));function o(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,t=new WeakMap;return(o=function(e){return e?t:l})(e)}l.default=function(){return i.default.createElement("div",null,i.default.createElement(u.default,{mainContent:i.default.createElement(r.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:u.SlidePanelPositions.START,panelSize:"small",isOpen:!0}),i.default.createElement(u.default,{mainContent:i.default.createElement(r.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:u.SlidePanelPositions.END,panelSize:"small",isOpen:!0}))}},22199:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=a(t(67294));l.default=function(){return n.default.createElement("div",null,n.default.createElement("h3",null,"Main Content"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, mea te odio ludus adipiscing. Cu oporteat temporibus nam, aperiam adipisci mel et, mei no oportere salutatus. Iudico lucilius ei pri. Eleifend philosophia et ius."),n.default.createElement("p",null,"Id elit congue copiosae eam, elitr laboramus mediocritatem nam in, decore propriae et usu. An vix insolens dignissim, novum gloriatur delicatissimi mei ne, ne ancillae tincidunt nec. Iusto expetenda scriptorem mei cu, ne per prima nihil utinam. Cibo ocurreret no nam, nec euismod vivendum te."),n.default.createElement("ul",null,n.default.createElement("li",null,"Item 1"),n.default.createElement("li",null,"Item 2"),n.default.createElement("li",null,"Item 3"),n.default.createElement("li",null,"Item 4"),n.default.createElement("li",null,"Item 5"),n.default.createElement("li",null,"Item 6"),n.default.createElement("li",null,"Item 7"),n.default.createElement("li",null,"Item 8"),n.default.createElement("li",null,"Item 9"),n.default.createElement("li",null,"Item 10"),n.default.createElement("li",null,"Item 11"),n.default.createElement("li",null,"Item 12"),n.default.createElement("li",null,"Item 13"),n.default.createElement("li",null,"Item 14"),n.default.createElement("li",null,"Item 15")))}},46868:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=a(t(67294));l.default=function(){return n.default.createElement("div",null,n.default.createElement("h3",null,"Panel Content"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, mea te odio ludus adipiscing. Cu oporteat temporibus nam, aperiam adipisci mel et, mei no oportere salutatus. Iudico lucilius ei pri. Eleifend philosophia et ius."),n.default.createElement("p",null,"Id elit congue copiosae eam, elitr laboramus mediocritatem nam in, decore propriae et usu. An vix insolens dignissim, novum gloriatur delicatissimi mei ne, ne ancillae tincidunt nec. Iusto expetenda scriptorem mei cu, ne per prima nihil utinam. Cibo ocurreret no nam, nec euismod vivendum te."),n.default.createElement("ul",null,n.default.createElement("li",null,"Item 1"),n.default.createElement("li",null,"Item 2"),n.default.createElement("li",null,"Item 3"),n.default.createElement("li",null,"Item 4"),n.default.createElement("li",null,"Item 5"),n.default.createElement("li",null,"Item 6"),n.default.createElement("li",null,"Item 7"),n.default.createElement("li",null,"Item 8"),n.default.createElement("li",null,"Item 9"),n.default.createElement("li",null,"Item 10"),n.default.createElement("li",null,"Item 11"),n.default.createElement("li",null,"Item 12"),n.default.createElement("li",null,"Item 13"),n.default.createElement("li",null,"Item 14"),n.default.createElement("li",null,"Item 15")))}},27662:function(e,l,t){var a=t(64836);Object.defineProperty(l,"__esModule",{value:!0}),l.default=l.SlidePanelPositions=void 0;var n=a(t(10434)),i=a(t(70215)),u=a(t(56690)),r=a(t(89728)),d=a(t(66115)),o=a(t(61655)),s=a(t(94993)),f=a(t(73808)),c=a(t(67294)),m=a(t(45697)),p=a(t(94184)),v=a(t(47166)),h=a(t(47341)),E=a(t(29270)),_=t(25387),P=t(55877),b=a(t(1034)),I=["intl","isFullscreen","isOpen","fill","mainAriaLabel","mainContent","panelAriaLabel","panelContent","panelBehavior","panelPosition","panelSize","setSlidePanelRef"];function g(e){var l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,f.default)(e);if(l){var n=(0,f.default)(this).constructor;t=Reflect.construct(a,arguments,n)}else t=a.apply(this,arguments);return(0,s.default)(this,t)}}var y=v.default.bind(b.default),N=l.SlidePanelPositions={START:"start",END:"end"},C={panelAriaLabel:m.default.string,mainAriaLabel:m.default.string,mainContent:m.default.node,panelContent:m.default.node,panelBehavior:m.default.oneOf(["overlay","squish"]),panelPosition:m.default.oneOf(["start","end"]),panelSize:m.default.oneOf(["small","large"]),isFullscreen:m.default.bool,isOpen:m.default.bool,fill:m.default.bool,setSlidePanelRef:m.default.func,intl:m.default.shape({formatMessage:m.default.func,locale:m.default.string})},O={panelBehavior:"overlay",panelPosition:N.END,panelSize:"small"},S=function(e){(0,o.default)(t,e);var l=g(t);function t(e){var a;return(0,u.default)(this,t),(a=l.call(this,e)).setPanelNode=a.setPanelNode.bind((0,d.default)(a)),a.mainNode=c.default.createRef(),a.setLastClicked=a.setLastClicked.bind((0,d.default)(a)),a.setDisclosingNode=a.setDisclosingNode.bind((0,d.default)(a)),a.mainAriaDescribedByID="detail-panel-warning-".concat((0,P.v4)()),a}return(0,r.default)(t,[{key:"componentDidUpdate",value:function(e){if(this.props.isOpen&&this.props.isOpen!==e.isOpen)return this.setDisclosingNode(this.lastClicked),void this.panelNode.focus();if(!this.props.isOpen&&this.props.isOpen!==e.isOpen){var l;if(null!==(l=this.disclosingNode)&&void 0!==l&&l.focus)return this.disclosingNode.setAttribute("aria-expanded","false"),void this.disclosingNode.focus();this.mainNode.current.focus()}}},{key:"setPanelNode",value:function(e){this.props.setSlidePanelRef&&this.props.setSlidePanelRef(e),this.panelNode=e}},{key:"setLastClicked",value:function(e){this.lastClicked=e.target}},{key:"setDisclosingNode",value:function(e){e&&(e.setAttribute("aria-expanded","true"),this.disclosingNode=e)}},{key:"render",value:function(){var e=this.props,l=e.intl,t=e.isFullscreen,a=e.isOpen,u=e.fill,r=e.mainAriaLabel,d=e.mainContent,o=e.panelAriaLabel,s=e.panelContent,f=e.panelBehavior,m=e.panelPosition,v=e.panelSize,h=(e.setSlidePanelRef,(0,i.default)(e,I)),_=this.context,P=(0,p.default)(y("slide-panel",{"is-open":a},{"is-fullscreen":t},{fill:u},_.className),h.className),b=c.default.createElement("div",{className:y(["panel"]),key:"panel",tabIndex:"-1","aria-label":o||l.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"}),"aria-hidden":a?"false":"true",role:"region",ref:this.setPanelNode},c.default.createElement(E.default,{text:o||l.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"})}),s),g=c.default.createElement("div",{className:y("main"),key:"main",tabIndex:"-1","aria-label":r,"aria-describedby":this.mainAriaDescribedByID,"aria-hidden":a&&t?"true":"false",ref:this.mainNode,role:"main",onClick:this.setLastClicked,onKeyUp:this.setLastClicked},c.default.createElement(E.default,{tabIndex:"-1",id:this.mainAriaDescribedByID,text:l.formatMessage({id:"Terra.slidePanel.discloseWarning"})}),d),C=m===N.START?c.default.createElement(c.default.Fragment,null,b,g):c.default.createElement(c.default.Fragment,null,g,b);return c.default.createElement("div",(0,n.default)({},h,{className:P,"data-slide-panel-panel-behavior":f,"data-slide-panel-panel-position":m,"data-slide-panel-panel-size":v}),C)}}]),t}(c.default.Component);S.propTypes=C,S.defaultProps=O,S.contextType=h.default;l.default=(0,_.injectIntl)(S)},1034:function(e,l,t){t.r(l),l.default={"clinical-lowlight-theme":"SlidePanel-module__clinical-lowlight-theme___NdNQF","orion-fusion-theme":"SlidePanel-module__orion-fusion-theme___aBPYu","slide-panel":"SlidePanel-module__slide-panel___5vKEK",main:"SlidePanel-module__main___Jq40y",panel:"SlidePanel-module__panel___N9gHx","is-open":"SlidePanel-module__is-open___SU3q3","is-fullscreen":"SlidePanel-module__is-fullscreen___0BQTN",fill:"SlidePanel-module__fill___vHC0f"}}}]); \ No newline at end of file diff --git a/pull/1840/19998-833bce07a97ef0e3713d.css b/pull/1840/19998-833bce07a97ef0e3713d.css new file mode 100644 index 00000000000..0c82fde0649 --- /dev/null +++ b/pull/1840/19998-833bce07a97ef0e3713d.css @@ -0,0 +1 @@ +.TabPane-test-module__content-wrapper___o3y1w{display:-ms-flexbox;display:flex}[dir=ltr] .TabPane-test-module__custom-display-content___KPU3P{margin-right:15px}[dir=rtl] .TabPane-test-module__custom-display-content___KPU3P{margin-left:15px} diff --git a/pull/1840/19998-833bce07a97ef0e3713d.js b/pull/1840/19998-833bce07a97ef0e3713d.js new file mode 100644 index 00000000000..2964e21a61d --- /dev/null +++ b/pull/1840/19998-833bce07a97ef0e3713d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[19998],{19998:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),u=l(a(47166)),s=l(a(50826)),r=l(a(14091)),o=l(a(81186)),c=u.default.bind(o.default);t.default=function(){return n.default.createElement("div",{role:"tablist",className:c("content-wrapper")},n.default.createElement(r.default,{label:"Custom Display",id:"customDisplay",customDisplay:n.default.createElement("div",{id:"customDisplayContent"},n.default.createElement("span",{className:c("custom-display-content")},"Custom Display"),n.default.createElement(s.default,null))}))}},81186:function(e,t,a){a.r(t),t.default={"content-wrapper":"TabPane-test-module__content-wrapper___o3y1w","custom-display-content":"TabPane-test-module__custom-display-content___KPU3P"}}}]); \ No newline at end of file diff --git a/pull/1840/20039-de731a94f0d502d8c6be.css b/pull/1840/20039-de731a94f0d502d8c6be.css new file mode 100644 index 00000000000..43e9c9a36c4 --- /dev/null +++ b/pull/1840/20039-de731a94f0d502d8c6be.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .DateInput-test-module__content-wrapper___dgGlU{margin:10px} diff --git a/pull/1840/20039-de731a94f0d502d8c6be.js b/pull/1840/20039-de731a94f0d502d8c6be.js new file mode 100644 index 00000000000..c9853fff103 --- /dev/null +++ b/pull/1840/20039-de731a94f0d502d8c6be.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[20039],{38997:function(e,t,r){var n=r(64836),o=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=n(r(27424)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=u?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}(r(67294)),l=n(r(91986)),i=n(r(47166)),f=n(r(29405));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}var p=i.default.bind(f.default);t.default=function(){var e=(0,a.useState)(""),t=(0,u.default)(e,2),r=t[0],n=t[1];return a.default.createElement("div",{className:p("content-wrapper")},a.default.createElement(l.default,{id:"dateInput",name:"date-input",value:r,onChange:function(e,t){return n(t)}}),a.default.createElement("p",null,"DateInput Value: ".concat(r)))}},68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},29405:function(e,t,r){r.r(t),t.default={"content-wrapper":"DateInput-test-module__content-wrapper___dgGlU"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(r(67294)),u=p(r(45697)),a=p(r(94184)),l=p(r(47166)),i=p(r(47341)),f=p(r(68586)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function p(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleCloseModal = () => {\n setIsOpen(false);\n };\n\n const handleOpenModal = () => {\n setIsOpen(true);\n };\n\n return (\n <>\n {isOpen && (\n \n )}\n \n \n
\n

\n This is the main content area of the slide panel.\n The overall height of the SlidePanel is determined by\n the intrinsic height of the content in this container.\n

\n

\n {'Focus is moved to the toggle button in the panel container when the panel is opened via the componentDidUpdate lifecycle hook in '}\n the example code\n .\n

\n
    \n
  • Item 1
    • \n
  • Item 2
    • \n
  • Item 3
    • \n
  • Item 4
    • \n
  • Item 5
    • \n
  • Item 6
    • \n
  • Item 7
    • \n
  • Item 8
    • \n
\n
\n
\n);\n\nconst panelContentForSlidePanel = (togglePanelHandler, toggleFullscreenHandler) => (\n
\n
\n

Panel Content

\n \n \n
\n
\n

This is the panel content area of the slide panel.

\n

\n {'Focus is moved to the toggle button in the main container when the panel is closed via the componentDidUpdate lifecycle hook in '}\n the example code\n .\n

\n
    \n
  • Item 1
    • \n
  • Item 2
    • \n
  • Item 3
    • \n
  • Item 4
    • \n
  • Item 5
    • \n
  • Item 6
    • \n
  • Item 7
    • \n
  • Item 8
    • \n
  • Item 9
    • \n
  • Item 10
    • \n
  • Item 11
    • \n
  • Item 12
    • \n
  • Item 13
    • \n
  • Item 14
    • \n
  • Item 15
    • \n
\n
\n
\n);\n\nclass DefaultSlidePanel extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n panelIsOpen: props.isOpen || false,\n panelIsFullscreen: props.isFullscreen || false,\n };\n\n this.handlePanelToggle = this.handlePanelToggle.bind(this);\n this.handleFullscreenToggle = this.handleFullscreenToggle.bind(this);\n }\n\n handlePanelToggle() {\n this.setState(prevState => ({\n panelIsOpen: !prevState.panelIsOpen,\n panelIsFullscreen: prevState.panelIsOpen,\n }));\n }\n\n handleFullscreenToggle() {\n const newState = this.state;\n\n newState.panelIsFullscreen = !this.state.panelIsFullscreen;\n\n this.setState(newState);\n }\n\n render() {\n return (\n
\n
\n \n
\n
\n );\n }\n}\n\nDefaultSlidePanel.propTypes = {\n panelBehavior: PropTypes.oneOf(['overlay', 'squish']),\n panelPosition: PropTypes.oneOf(['start', 'end']),\n panelSize: PropTypes.oneOf(['small', 'large']),\n isFullscreen: PropTypes.bool,\n isOpen: PropTypes.bool,\n fill: PropTypes.bool,\n};\n\nexport default DefaultSlidePanel;\n\n")))}P.isMDXComponent=!0;var h=t(49271),v=["components"],y={};function g(e){var n=e.components,t=(0,a.Z)(e,v);return(0,r.mdx)("wrapper",(0,l.Z)({},y,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .header-content {\n background-color: #d3d3d3;\n }\n\n .header-content h3 {\n display: inline-block;\n margin: 0;\n padding: 5px;\n }\n\n .content-wrapper {\n margin: 5px;\n }\n \n .custom-button {\n display: inline-block;\n }\n\n .container {\n padding: 5px;\n }\n\n .container-attributes {\n border: 1px #d3d3d3 solid; \n }\n}\n\n")))}g.isMDXComponent=!0;var S=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Default Slide Panel",description:t,example:i.createElement(c.Z,null),exampleCssSrc:i.createElement(g,null),exampleSrc:i.createElement(P,null),isExpanded:l})},_=t(72297),b=["components"],E={};function C(e){var n=e.components,t=(0,a.Z)(e,b);return(0,r.mdx)("wrapper",(0,l.Z)({},E,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelOverlay = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelOverlay;\n\n")))}C.isMDXComponent=!0;var N=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel Overlay Test",description:t,example:i.createElement(_.default,null),exampleSrc:i.createElement(C,null),isExpanded:l})},T=t(43680),O=["components"],w={};function D(e){var n=e.components,t=(0,a.Z)(e,O);return(0,r.mdx)("wrapper",(0,l.Z)({},w,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelSquish = () => (\n }\n panelContent={}\n panelBehavior=\"squish\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelSquish;\n\n")))}D.isMDXComponent=!0;var M=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel Squish Test",description:t,example:i.createElement(T.default,null),exampleSrc:i.createElement(D,null),isExpanded:l})},I=t(58530),j=["components"],k={};function R(e){var n=e.components,t=(0,a.Z)(e,j);return(0,r.mdx)("wrapper",(0,l.Z)({},k,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelStart = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.START}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelStart;\n\n")))}R.isMDXComponent=!0;var F=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel Start Test",description:t,example:i.createElement(I.default,null),exampleSrc:i.createElement(R,null),isExpanded:l})},B=t(45817),W=["components"],Z={};function q(e){var n=e.components,t=(0,a.Z)(e,W);return(0,r.mdx)("wrapper",(0,l.Z)({},Z,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelEnd = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelEnd;\n\n")))}q.isMDXComponent=!0;var z=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel End Test",description:t,example:i.createElement(B.default,null),exampleSrc:i.createElement(q,null),isExpanded:l})},L=t(15423),X=["components"],A={};function V(e){var n=e.components,t=(0,a.Z)(e,X);return(0,r.mdx)("wrapper",(0,l.Z)({},A,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelSmall = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n);\n\nexport default SlidePanelSmall;\n\n")))}V.isMDXComponent=!0;var U=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel Small Test",description:t,example:i.createElement(L.default,null),exampleSrc:i.createElement(V,null),isExpanded:l})},K=t(91342),H=["components"],G={};function Y(e){var n=e.components,t=(0,a.Z)(e,H);return(0,r.mdx)("wrapper",(0,l.Z)({},G,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelLarge = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"large\"\n isOpen\n />\n);\n\nexport default SlidePanelLarge;\n\n")))}Y.isMDXComponent=!0;var J=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel Large Test",description:t,example:i.createElement(K.default,null),exampleSrc:i.createElement(Y,null),isExpanded:l})},Q=t(85638),$=["components"],ee={};function ne(e){var n=e.components,t=(0,a.Z)(e,$);return(0,r.mdx)("wrapper",(0,l.Z)({},ee,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\n\nconst SlidePanelFullscreen = () => (\n }\n panelContent={}\n panelBehavior=\"overlay\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n isFullscreen\n />\n);\n\nexport default SlidePanelFullscreen;\n\n")))}ne.isMDXComponent=!0;var te=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel Fullscreen Test",description:t,example:i.createElement(Q.default,null),exampleSrc:i.createElement(ne,null),isExpanded:l})},le=t(32962),ae=["components"],ie={};function re(e){var n=e.components,t=(0,a.Z)(e,ae);return(0,r.mdx)("wrapper",(0,l.Z)({},ie,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\nimport styles from './SlidePanelDocCommon.test.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst SlidePanelFill = () => (\n
\n }\n panelContent={}\n panelBehavior=\"squish\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n fill\n />\n
\n);\n\nexport default SlidePanelFill;\n\n")))}re.isMDXComponent=!0;var oe=["components"],de={};function ue(e){var n=e.components,t=(0,a.Z)(e,oe);return(0,r.mdx)("wrapper",(0,l.Z)({},de,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n height: 200px;\n overflow: auto;\n }\n\n .content-wrapper-large {\n height: 100vh;\n }\n\n .main-content {\n background-color: #f04769;\n height: 100%;\n width: 100%;\n }\n\n .panel-content {\n background-color: #00f;\n height: 100%;\n width: 100%;\n }\n\n .content-wrapper-toggle {\n border: 1px #d3d3d3 solid;\n height: 768px;\n position: relative;\n width: 100%;\n }\n\n .button {\n background-color: #008a00;\n }\n\n .circle-svg {\n overflow: visible;\n\n :hover {\n cursor: pointer;\n }\n }\n\n .p-clickable:hover {\n cursor: pointer;\n }\n}\n\n")))}ue.isMDXComponent=!0;var se=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel Fill Test",description:t,example:i.createElement(le.default,null),exampleCssSrc:i.createElement(ue,null),exampleSrc:i.createElement(re,null),isExpanded:l})},me=t(32517),pe=["components"],ce={};function fe(e){var n=e.components,t=(0,a.Z)(e,pe);return(0,r.mdx)("wrapper",(0,l.Z)({},ce,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport SlidePanel, { SlidePanelPositions } from 'terra-slide-panel';\nimport SlidePanelMainContent from './common/SlidePanelMainContent';\nimport SlidePanelPanelContent from './common/SlidePanelPanelContent';\nimport styles from './SlidePanelDocCommon.test.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst SlidePanelNoFill = () => (\n
\n }\n panelContent={}\n panelBehavior=\"squish\"\n panelPosition={SlidePanelPositions.END}\n panelSize=\"small\"\n isOpen\n />\n
\n);\n\nexport default SlidePanelNoFill;\n\n")))}fe.isMDXComponent=!0;var xe=function(e){var n=e.title,t=e.description,l=e.isExpanded;return i.createElement(h.Z,{title:n||"Slide Panel No Fill Test",description:t,example:i.createElement(me.default,null),exampleCssSrc:i.createElement(ue,null),exampleSrc:i.createElement(fe,null),isExpanded:l})},Pe=["components"],he={},ve="wrapper";function ye(e){var n=e.components,t=(0,a.Z)(e,Pe);return(0,r.mdx)(ve,(0,l.Z)({},he,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(o.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slide-panel"},"Terra Slide Panel"),(0,r.mdx)("p",null,"The Terra SlidePanel component is a progressive disclosure mechanism that allows additional content to be shown and hidden in a variety of ways."),(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-slide-panel"))))),(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 SlidePanel from 'terra-slide-panel';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(S,{title:"SlidePanel - Controlled Demo",mdxType:"DefaultSlidePanel"}),(0,r.mdx)(N,{title:"SlidePanel - Behavior - Overlay",mdxType:"SlidePanelOverlay"}),(0,r.mdx)(M,{title:"SlidePanel - Behavior - Squish",mdxType:"SlidePanelSquish"}),(0,r.mdx)(F,{title:"SlidePanel - Position - Start",mdxType:"SlidePanelStart"}),(0,r.mdx)(z,{title:"SlidePanel - Position - End",mdxType:"SlidePanelEnd"}),(0,r.mdx)(U,{title:"SlidePanel - Size - Small",mdxType:"SlidePanelSmall"}),(0,r.mdx)(J,{title:"SlidePanel - Size - Large",mdxType:"SlidePanelLarge"}),(0,r.mdx)(te,{title:"SlidePanel - Fullscreen",mdxType:"SlidePanelFullscreen"}),(0,r.mdx)(se,{title:"SlidePanel - Fill",mdxType:"SlidePanelFill"}),(0,r.mdx)(xe,{title:"SlidePanel - Fill Off",mdxType:"SlidePanelNoFill"}),(0,r.mdx)("h2",{id:"slide-panel-props-table"},"Slide Panel Props Table"),(0,r.mdx)(p,{mdxType:"SlidePanelPropsTable"}),(0,r.mdx)("h2",{id:"testing"},"Testing"),(0,r.mdx)("p",null,"Terra Slide Panel uses ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," to dynamically generate the component's description id. To mock the return value with the Jest testing library, ",(0,r.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,r.mdx)("p",null,"If Enzyme ",(0,r.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. But if the tests use ",(0,r.mdx)("inlineCode",{parentName:"p"},"mount"),", then the teams must use the mock as given below."),(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")))}ye.isMDXComponent=!0},63865:function(e,n,t){t.d(n,{C:function(){return i}});var l=t(67294),a=t(22863),i=function(e){var n=e.url;return l.createElement(a.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.46.0",url:n})}},5951:function(e,n,t){var l=t(64836);n.Z=void 0;var a=l(t(56690)),i=l(t(89728)),r=l(t(66115)),o=l(t(61655)),d=l(t(94993)),u=l(t(73808)),s=l(t(67294)),m=l(t(45697)),p=l(t(27662)),c=l(t(47166)),f=l(t(49546));function x(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,l=(0,u.default)(e);if(n){var a=(0,u.default)(this).constructor;t=Reflect.construct(l,arguments,a)}else t=l.apply(this,arguments);return(0,d.default)(this,t)}}var P=c.default.bind(f.default),h=function(e,n){return s.default.createElement("div",null,s.default.createElement("header",{className:P("header-content")},s.default.createElement("h3",{className:P("heading")},"Panel Content"),s.default.createElement("button",{id:"panelToggleBtn",type:"button",onClick:e,className:P("extension-button")},"Panel Toggle Panel"),s.default.createElement("button",{type:"button",onClick:n,className:P("extension-button")},"Toggle Fullscreen")),s.default.createElement("div",{className:P("content-wrapper")},s.default.createElement("p",null,"This is the panel content area of the slide panel."),s.default.createElement("p",null,"Focus is moved to the toggle button in the main container when the panel is closed via the componentDidUpdate lifecycle hook in ",s.default.createElement("a",{href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-slide-panel/src/terra-dev-site/doc/example/DefaultSlidePanel.jsx"},"the example code"),"."),s.default.createElement("ul",null,s.default.createElement("li",null,"Item 1"),s.default.createElement("li",null,"Item 2"),s.default.createElement("li",null,"Item 3"),s.default.createElement("li",null,"Item 4"),s.default.createElement("li",null,"Item 5"),s.default.createElement("li",null,"Item 6"),s.default.createElement("li",null,"Item 7"),s.default.createElement("li",null,"Item 8"),s.default.createElement("li",null,"Item 9"),s.default.createElement("li",null,"Item 10"),s.default.createElement("li",null,"Item 11"),s.default.createElement("li",null,"Item 12"),s.default.createElement("li",null,"Item 13"),s.default.createElement("li",null,"Item 14"),s.default.createElement("li",null,"Item 15"))))},v=function(e){(0,o.default)(t,e);var n=x(t);function t(e){var l;return(0,a.default)(this,t),(l=n.call(this,e)).state={panelIsOpen:e.isOpen||!1,panelIsFullscreen:e.isFullscreen||!1},l.handlePanelToggle=l.handlePanelToggle.bind((0,r.default)(l)),l.handleFullscreenToggle=l.handleFullscreenToggle.bind((0,r.default)(l)),l}return(0,i.default)(t,[{key:"handlePanelToggle",value:function(){this.setState((function(e){return{panelIsOpen:!e.panelIsOpen,panelIsFullscreen:e.panelIsOpen}}))}},{key:"handleFullscreenToggle",value:function(){var e=this.state;e.panelIsFullscreen=!this.state.panelIsFullscreen,this.setState(e)}},{key:"render",value:function(){return s.default.createElement("div",{className:P("container")},s.default.createElement("div",{className:P("container-attributes")},s.default.createElement(p.default,{mainContent:(e=this.handlePanelToggle,s.default.createElement("div",null,s.default.createElement("header",{className:P("header-content")},s.default.createElement("h3",null,"Main Content"),s.default.createElement("button",{id:"mainToggleBtn",type:"button",onClick:e,className:P("custom-button")},"Main Toggle Panel")),s.default.createElement("div",{className:P("content-wrapper")},s.default.createElement("p",null,"This is the main content area of the slide panel. The overall height of the SlidePanel is determined by the intrinsic height of the content in this container."),s.default.createElement("p",null,"Focus is moved to the toggle button in the panel container when the panel is opened via the componentDidUpdate lifecycle hook in ",s.default.createElement("a",{href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-slide-panel/src/terra-dev-site/doc/example/DefaultSlidePanel.jsx"},"the example code"),"."),s.default.createElement("ul",null,s.default.createElement("li",null,"Item 1"),s.default.createElement("li",null,"Item 2"),s.default.createElement("li",null,"Item 3"),s.default.createElement("li",null,"Item 4"),s.default.createElement("li",null,"Item 5"),s.default.createElement("li",null,"Item 6"),s.default.createElement("li",null,"Item 7"),s.default.createElement("li",null,"Item 8"))))),panelContent:h(this.handlePanelToggle,this.handleFullscreenToggle),panelSize:this.props.panelSize,panelBehavior:this.props.panelBehavior,panelPosition:this.props.panelPosition,isOpen:this.state.panelIsOpen,isFullscreen:this.state.panelIsFullscreen,fill:this.props.fill})));var e}}]),t}(s.default.Component);v.propTypes={panelBehavior:m.default.oneOf(["overlay","squish"]),panelPosition:m.default.oneOf(["start","end"]),panelSize:m.default.oneOf(["small","large"]),isFullscreen:m.default.bool,isOpen:m.default.bool,fill:m.default.bool};n.Z=v},45817:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=u(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),o=l(t(22199)),d=l(t(46868));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}n.default=function(){return i.default.createElement(r.default,{mainContent:i.default.createElement(o.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:r.SlidePanelPositions.END,panelSize:"small",isOpen:!0})}},32962:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=l(t(47166)),o=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=m(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),d=l(t(22199)),u=l(t(46868)),s=l(t(69967));function m(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(m=function(e){return e?t:n})(e)}var p=r.default.bind(s.default);n.default=function(){return i.default.createElement("div",{className:p("content-wrapper")},i.default.createElement(o.default,{mainContent:i.default.createElement(d.default,null),panelContent:i.default.createElement(u.default,null),panelBehavior:"squish",panelPosition:o.SlidePanelPositions.END,panelSize:"small",isOpen:!0,fill:!0}))}},85638:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=u(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),o=l(t(22199)),d=l(t(46868));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}n.default=function(){return i.default.createElement(r.default,{mainContent:i.default.createElement(o.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:r.SlidePanelPositions.END,panelSize:"small",isOpen:!0,isFullscreen:!0})}},91342:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=u(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),o=l(t(22199)),d=l(t(46868));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}n.default=function(){return i.default.createElement(r.default,{mainContent:i.default.createElement(o.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:r.SlidePanelPositions.END,panelSize:"large",isOpen:!0})}},32517:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=l(t(47166)),o=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=m(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),d=l(t(22199)),u=l(t(46868)),s=l(t(69967));function m(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(m=function(e){return e?t:n})(e)}var p=r.default.bind(s.default);n.default=function(){return i.default.createElement("div",{className:p("content-wrapper")},i.default.createElement(o.default,{mainContent:i.default.createElement(d.default,null),panelContent:i.default.createElement(u.default,null),panelBehavior:"squish",panelPosition:o.SlidePanelPositions.END,panelSize:"small",isOpen:!0}))}},72297:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=u(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),o=l(t(22199)),d=l(t(46868));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}n.default=function(){return i.default.createElement(r.default,{mainContent:i.default.createElement(o.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:r.SlidePanelPositions.END,panelSize:"small",isOpen:!0})}},15423:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=u(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),o=l(t(22199)),d=l(t(46868));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}n.default=function(){return i.default.createElement(r.default,{mainContent:i.default.createElement(o.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:r.SlidePanelPositions.END,panelSize:"small",isOpen:!0})}},43680:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=u(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),o=l(t(22199)),d=l(t(46868));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}n.default=function(){return i.default.createElement(r.default,{mainContent:i.default.createElement(o.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"squish",panelPosition:r.SlidePanelPositions.END,panelSize:"small",isOpen:!0})}},58530:function(e,n,t){var l=t(64836),a=t(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=l(t(67294)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var t=u(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,t&&t.set(e,l),l}(t(27662)),o=l(t(22199)),d=l(t(46868));function u(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}n.default=function(){return i.default.createElement(r.default,{mainContent:i.default.createElement(o.default,null),panelContent:i.default.createElement(d.default,null),panelBehavior:"overlay",panelPosition:r.SlidePanelPositions.START,panelSize:"small",isOpen:!0})}},22199:function(e,n,t){var l=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=l(t(67294));n.default=function(){return a.default.createElement("div",null,a.default.createElement("h3",null,"Main Content"),a.default.createElement("p",null,"Lorem ipsum dolor sit amet, mea te odio ludus adipiscing. Cu oporteat temporibus nam, aperiam adipisci mel et, mei no oportere salutatus. Iudico lucilius ei pri. Eleifend philosophia et ius."),a.default.createElement("p",null,"Id elit congue copiosae eam, elitr laboramus mediocritatem nam in, decore propriae et usu. An vix insolens dignissim, novum gloriatur delicatissimi mei ne, ne ancillae tincidunt nec. Iusto expetenda scriptorem mei cu, ne per prima nihil utinam. Cibo ocurreret no nam, nec euismod vivendum te."),a.default.createElement("ul",null,a.default.createElement("li",null,"Item 1"),a.default.createElement("li",null,"Item 2"),a.default.createElement("li",null,"Item 3"),a.default.createElement("li",null,"Item 4"),a.default.createElement("li",null,"Item 5"),a.default.createElement("li",null,"Item 6"),a.default.createElement("li",null,"Item 7"),a.default.createElement("li",null,"Item 8"),a.default.createElement("li",null,"Item 9"),a.default.createElement("li",null,"Item 10"),a.default.createElement("li",null,"Item 11"),a.default.createElement("li",null,"Item 12"),a.default.createElement("li",null,"Item 13"),a.default.createElement("li",null,"Item 14"),a.default.createElement("li",null,"Item 15")))}},46868:function(e,n,t){var l=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=l(t(67294));n.default=function(){return a.default.createElement("div",null,a.default.createElement("h3",null,"Panel Content"),a.default.createElement("p",null,"Lorem ipsum dolor sit amet, mea te odio ludus adipiscing. Cu oporteat temporibus nam, aperiam adipisci mel et, mei no oportere salutatus. Iudico lucilius ei pri. Eleifend philosophia et ius."),a.default.createElement("p",null,"Id elit congue copiosae eam, elitr laboramus mediocritatem nam in, decore propriae et usu. An vix insolens dignissim, novum gloriatur delicatissimi mei ne, ne ancillae tincidunt nec. Iusto expetenda scriptorem mei cu, ne per prima nihil utinam. Cibo ocurreret no nam, nec euismod vivendum te."),a.default.createElement("ul",null,a.default.createElement("li",null,"Item 1"),a.default.createElement("li",null,"Item 2"),a.default.createElement("li",null,"Item 3"),a.default.createElement("li",null,"Item 4"),a.default.createElement("li",null,"Item 5"),a.default.createElement("li",null,"Item 6"),a.default.createElement("li",null,"Item 7"),a.default.createElement("li",null,"Item 8"),a.default.createElement("li",null,"Item 9"),a.default.createElement("li",null,"Item 10"),a.default.createElement("li",null,"Item 11"),a.default.createElement("li",null,"Item 12"),a.default.createElement("li",null,"Item 13"),a.default.createElement("li",null,"Item 14"),a.default.createElement("li",null,"Item 15")))}},27662:function(e,n,t){var l=t(64836);Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.SlidePanelPositions=void 0;var a=l(t(10434)),i=l(t(70215)),r=l(t(56690)),o=l(t(89728)),d=l(t(66115)),u=l(t(61655)),s=l(t(94993)),m=l(t(73808)),p=l(t(67294)),c=l(t(45697)),f=l(t(94184)),x=l(t(47166)),P=l(t(47341)),h=l(t(29270)),v=t(25387),y=t(55877),g=l(t(1034)),S=["intl","isFullscreen","isOpen","fill","mainAriaLabel","mainContent","panelAriaLabel","panelContent","panelBehavior","panelPosition","panelSize","setSlidePanelRef"];function _(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,l=(0,m.default)(e);if(n){var a=(0,m.default)(this).constructor;t=Reflect.construct(l,arguments,a)}else t=l.apply(this,arguments);return(0,s.default)(this,t)}}var b=x.default.bind(g.default),E=n.SlidePanelPositions={START:"start",END:"end"},C={panelAriaLabel:c.default.string,mainAriaLabel:c.default.string,mainContent:c.default.node,panelContent:c.default.node,panelBehavior:c.default.oneOf(["overlay","squish"]),panelPosition:c.default.oneOf(["start","end"]),panelSize:c.default.oneOf(["small","large"]),isFullscreen:c.default.bool,isOpen:c.default.bool,fill:c.default.bool,setSlidePanelRef:c.default.func,intl:c.default.shape({formatMessage:c.default.func,locale:c.default.string})},N={panelBehavior:"overlay",panelPosition:E.END,panelSize:"small"},T=function(e){(0,u.default)(t,e);var n=_(t);function t(e){var l;return(0,r.default)(this,t),(l=n.call(this,e)).setPanelNode=l.setPanelNode.bind((0,d.default)(l)),l.mainNode=p.default.createRef(),l.setLastClicked=l.setLastClicked.bind((0,d.default)(l)),l.setDisclosingNode=l.setDisclosingNode.bind((0,d.default)(l)),l.mainAriaDescribedByID="detail-panel-warning-".concat((0,y.v4)()),l}return(0,o.default)(t,[{key:"componentDidUpdate",value:function(e){if(this.props.isOpen&&this.props.isOpen!==e.isOpen)return this.setDisclosingNode(this.lastClicked),void this.panelNode.focus();if(!this.props.isOpen&&this.props.isOpen!==e.isOpen){var n;if(null!==(n=this.disclosingNode)&&void 0!==n&&n.focus)return this.disclosingNode.setAttribute("aria-expanded","false"),void this.disclosingNode.focus();this.mainNode.current.focus()}}},{key:"setPanelNode",value:function(e){this.props.setSlidePanelRef&&this.props.setSlidePanelRef(e),this.panelNode=e}},{key:"setLastClicked",value:function(e){this.lastClicked=e.target}},{key:"setDisclosingNode",value:function(e){e&&(e.setAttribute("aria-expanded","true"),this.disclosingNode=e)}},{key:"render",value:function(){var e=this.props,n=e.intl,t=e.isFullscreen,l=e.isOpen,r=e.fill,o=e.mainAriaLabel,d=e.mainContent,u=e.panelAriaLabel,s=e.panelContent,m=e.panelBehavior,c=e.panelPosition,x=e.panelSize,P=(e.setSlidePanelRef,(0,i.default)(e,S)),v=this.context,y=(0,f.default)(b("slide-panel",{"is-open":l},{"is-fullscreen":t},{fill:r},v.className),P.className),g=p.default.createElement("div",{className:b(["panel"]),key:"panel",tabIndex:"-1","aria-label":u||n.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"}),"aria-hidden":l?"false":"true",role:"region",ref:this.setPanelNode},p.default.createElement(h.default,{text:u||n.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"})}),s),_=p.default.createElement("div",{className:b("main"),key:"main",tabIndex:"-1","aria-label":o,"aria-describedby":this.mainAriaDescribedByID,"aria-hidden":l&&t?"true":"false",ref:this.mainNode,role:"main",onClick:this.setLastClicked,onKeyUp:this.setLastClicked},p.default.createElement(h.default,{tabIndex:"-1",id:this.mainAriaDescribedByID,text:n.formatMessage({id:"Terra.slidePanel.discloseWarning"})}),d),C=c===E.START?p.default.createElement(p.default.Fragment,null,g,_):p.default.createElement(p.default.Fragment,null,_,g);return p.default.createElement("div",(0,a.default)({},P,{className:y,"data-slide-panel-panel-behavior":m,"data-slide-panel-panel-position":c,"data-slide-panel-panel-size":x}),C)}}]),t}(p.default.Component);T.propTypes=C,T.defaultProps=N,T.contextType=P.default;n.default=(0,v.injectIntl)(T)},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},49546:function(e,n,t){t.r(n),n.default={"header-content":"DefaultSlidePanel-module__header-content___XND5F","content-wrapper":"DefaultSlidePanel-module__content-wrapper___DVbNM","custom-button":"DefaultSlidePanel-module__custom-button___oci5i",container:"DefaultSlidePanel-module__container___9Nf1m","container-attributes":"DefaultSlidePanel-module__container-attributes___LCq9h"}},69967:function(e,n,t){t.r(n),n.default={"content-wrapper":"SlidePanelDocCommon-test-module__content-wrapper___+5Bqw","content-wrapper-large":"SlidePanelDocCommon-test-module__content-wrapper-large___4O5B9","main-content":"SlidePanelDocCommon-test-module__main-content___KgtfP","panel-content":"SlidePanelDocCommon-test-module__panel-content___mRK+i","content-wrapper-toggle":"SlidePanelDocCommon-test-module__content-wrapper-toggle___eOcKz",button:"SlidePanelDocCommon-test-module__button___hxSzl","circle-svg":"SlidePanelDocCommon-test-module__circle-svg___BFboR","p-clickable":"SlidePanelDocCommon-test-module__p-clickable___yicz1"}},1034:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"SlidePanel-module__clinical-lowlight-theme___NdNQF","orion-fusion-theme":"SlidePanel-module__orion-fusion-theme___aBPYu","slide-panel":"SlidePanel-module__slide-panel___5vKEK",main:"SlidePanel-module__main___Jq40y",panel:"SlidePanel-module__panel___N9gHx","is-open":"SlidePanel-module__is-open___SU3q3","is-fullscreen":"SlidePanel-module__is-fullscreen___0BQTN",fill:"SlidePanel-module__fill___vHC0f"}},33864:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=i(t(67294)),a=i(t(99139));function i(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(m[d]=e[d]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(m[d]=e[d])}return m}d.d(a,{Z:function(){return l}})}}]); \ No newline at end of file diff --git a/pull/1840/21633-11e20ef6471a0843b44d.js b/pull/1840/21633-11e20ef6471a0843b44d.js new file mode 100644 index 00000000000..da8cd9334da --- /dev/null +++ b/pull/1840/21633-11e20ef6471a0843b44d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[21633],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(67294)),r=n(a(45697)),o=n(a(47166)),u=n(a(17422)),i=o.default.bind(u.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},s=function(e){var t=e.src,a=e.name,n=e.url,r=e.version,o=l.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(r))),u=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,u)};s.propTypes=c;var d=s;t.Z=d},49271:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=_(t);if(a&&a.has(e))return a.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,a&&a.set(e,n);return n}(a(67294)),u=n(a(45697)),i=n(a(47166)),c=a(21538),s=n(a(33864)),d=n(a(23399)),f=a(51051),m=n(a(53560));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(_=function(e){return e?a:t})(e)}var p=i.default.bind(m.default),b={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,u=e.description,i=e.isExpanded,m=(0,o.useState)(i),_=(0,r.default)(m,2),b=_[0],y=_[1],E=(0,o.useState)(!1),h=(0,r.default)(E,2),O=h[0],w=h[1],j=o.default.useContext(c.ThemeContext),N=void 0!==n,x=function(){w(!O),b&&y(!b)},T=function(){y(!b),O&&w(!O)},S=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:p("template",j.className)},o.default.createElement("div",{className:p("header")},l&&o.default.createElement("h2",{className:p("title")},l)),o.default.createElement("div",{className:p("content")},u&&o.default.createElement("div",{className:p("description")},u),t),o.default.createElement("div",{className:p("footer")},a?o.default.createElement("div",{className:p("button-container")},N&&o.default.createElement("button",{type:"button",className:p("css-toggle","item",{"is-selected":O}),onClick:x,onKeyDown:function(e){return S(e,x)},onBlur:g,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:p("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(d.default,{className:p("chevron")})),o.default.createElement("button",{type:"button",className:p("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return S(e,T)},onBlur:g,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:p("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(d.default,{className:p("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:p("css")},n),b&&o.default.createElement("div",{className:p("code")},a))))};y.propTypes=b,y.defaultProps={isExpanded:!1};var E=y;t.Z=E},17422: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"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},66633:function(e,t,a){a.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},78490:function(e,t,a){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var l=c(a(67294)),r=c(a(45697)),o=c(a(47166)),u=c(a(66633)),i=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var p=o.default.bind(u.default),b={fitStart:r.default.element,fill:r.default.element.isRequired,fitEnd:r.default.element,align:r.default.oneOf(["center","bottom","stretch"]),alignFitStart:r.default.oneOf(["center","bottom","stretch"]),alignFitEnd:r.default.oneOf(["center","bottom","stretch"]),alignFill:r.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:r.default.object,fillAttributes:r.default.object,fitEndAttributes:r.default.object},g=function(e){var t=e.fitStart,a=e.fill,n=e.fitEnd,r=e.align,o=e.alignFitStart,u=e.alignFill,c=e.alignFitEnd,d=e.fitStartAttributes,m=e.fillAttributes,b=e.fitEndAttributes,g=_(e,i),v=f({},d),y=f({},m),E=f({},b);return l.default.createElement("span",s({},g,{className:p("arrange",g.className)}),l.default.createElement("span",s({},v,{className:p("fit",r||o,v.className,"fit-block")}),t),l.default.createElement("span",s({},y,{className:p("fill",r||u,y.className,"fill-block")}),a),l.default.createElement("span",s({},E,{className:p("fit",r||c,E.className)}),n))};g.propTypes=b;var v=g;t.default=v},91021:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var m=r.default.bind(l.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:i.default.string},_=function(e){var t=e.children,n=d(e,u),i=a.default.useContext(o.default),l=(0,r.default)(m(["button",i.className]),n.className);return a.default.createElement("button",s({},n,{type:"button",className:l,onBlur:f,onMouseDown:p,"data-focus-styles-enabled":!0}),t)};_.propTypes=h;var y=_;t.default=y},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),i=u(n(45697)),r=u(n(47166)),o=u(n(47341)),l=u(n(30866));function u(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(l.default),s={ariaLevel:i.default.oneOf(["2","3","4","5","6"]),children:i.default.node,variant:i.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},d=function(e){var t=e.ariaLevel,n=e.variant,i=e.children,r=a.default.useContext(o.default);return a.default.createElement("div",{className:c("notice",n,r.className)},a.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:c("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(i,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};d.propTypes=s,d.defaultProps={ariaLevel:"2",variant:"important"};var m=d;t.default=m},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),i=s(n(45697)),r=s(n(94184)),o=s(n(47166)),l=s(n(47341)),u=s(n(42620)),c=["title"];function s(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var f=o.default.bind(u.default),p={title:i.default.string},h=function(e){var t=e.title,n=m(e,c),i=a.default.useContext(l.default),o=(0,r.default)(f(["placeholder",i.className]),n.className),u=f(["inner"]);return a.default.createElement("div",d({},n,{className:o}),a.default.createElement("div",{className:u},a.default.createElement("p",{className:f("title")},t)))};h.propTypes=p,h.defaultProps={title:""};var _=h;t.default=_},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return i.default}});var a=o(n(59278)),i=o(n(47306)),r=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},67242:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});var a=n(87462),i=n(44925),r=(n(67294),n(81254)),o=n(55838),l=n(34261),u=n(77404),c=["components"],s={},d="wrapper";function m(e){var t=e.components,n=(0,i.Z)(e,c);return(0,r.mdx)(d,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.C,{mdxType:"Badge"}),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,r.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,r.mdx)("h1",{id:"terra-infinite-list--subsections"},"Terra Infinite List — Subsections"),(0,r.mdx)(l.Notice,{variant:"deprecation",mdxType:"Notice"},(0,r.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,r.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,r.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,r.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,r.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,r.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,r.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,r.mdx)("p",null,"To achieve sections within the InfiniteList the only supported implementation is directly consuming the static variant of the ",(0,r.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"SubsectionHeader")," component. Expand/collapse functionality is not supported within the infinite list. "),(0,r.mdx)("h2",{id:"map-section-structure"},"Map Section Structure"),(0,r.mdx)("p",null,"So in our first step a ",(0,r.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in the following steps."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n return section;\n };\n")),(0,r.mdx)("p",null,"Next we'll create an array with the first item being our section header, and then loop through the associated child sub sections for the section appending them to the initial array."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n sectionData.childItems.forEach(childItem => section.push(createSection(childItem)));\n return section;\n };\n")),(0,r.mdx)("h2",{id:"map-subsection-structure"},"Map Subsection Structure"),(0,r.mdx)("p",null,"So in our first step a ",(0,r.mdx)("inlineCode",{parentName:"p"},"SubsectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in following steps."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createSubSection = (subsectionData) => {\n const section = [\n ,\n ];\n return section;\n};\n")),(0,r.mdx)("p",null,"Next we'll create an array with the first item being our subsection header, and then loop through the associated child items for the section appending them to the initial array."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createSubSection = (subsectionData) => {\n const section = [\n ,\n ];\n subsectionData.childItems.forEach(childItem => section.push(createListItem(childItem)));\n return section;\n};\n")),(0,r.mdx)("h2",{id:"unpack-data"},"Unpack Data"),(0,r.mdx)("p",null,"We can then implement the unpack of our data into our list items."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createListItem = itemData => (\n \n \n \n);\n\nconst createSections = data => data.map(section => createSection(section));\n")),(0,r.mdx)("p",null,"Then we can implement a method to loop through our data and create the section with our methods and call it from our render method."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'const InfiniteListSection = () => (\n \n \n {createSections(mockData)}\n \n \n);\n')),(0,r.mdx)("p",null,"Using these steps we get the following example:"),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(u.Z,{title:"Sections Header Infinite List",mdxType:"InfiniteListSubsection"}))}m.isMDXComponent=!0},55838:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),i=n(22863),r=function(e){var t=e.url;return a.createElement(i.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-infinite-list",name:"terra-infinite-list",version:"3.42.0",url:t})}},66635:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(67294)),r=a(n(47166)),o=a(n(63190)),l=r.default.bind(o.default);t.default=function(e){var t=e.children;return i.default.createElement("div",{className:l("main-content")},t)}},77404:function(e,t,n){var a=n(64836),i=n(18698);t.Z=void 0;var r=a(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(a,o,l):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(45186)),l=n(34261),u=a(n(47166)),c=a(n(48616)),s=a(n(66635)),d=a(n(63190));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 f=u.default.bind(d.default),p=function(e){var t=[r.default.createElement(o.SubsectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push((n=e,r.default.createElement(o.Item,{key:n.key},r.default.createElement(l.Placeholder,{title:n.title,className:f("placeholder")}))));var n})),t},h=function(e){return e.map((function(e){return function(e){var t=[r.default.createElement(o.SectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push(p(e))})),t}(e)}))};t.Z=function(){return r.default.createElement(s.default,null,r.default.createElement(o.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Subsection"},h(c.default)))}},48616:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Section 0",key:"unique-key-0",childItems:[{title:"Subsection 0-0",key:"unique-key-0-0",childItems:[{title:"Item 0-0-0",key:"unique-0-0-0"},{title:"Item 0-0-1",key:"unique-0-0-1"},{title:"Item 0-0-2",key:"unique-0-0-2"},{title:"Item 0-0-3",key:"unique-0-0-3"},{title:"Item 0-0-4",key:"unique-0-0-4"},{title:"Item 0-0-5",key:"unique-0-0-5"}]},{title:"Subsection 0-1",key:"unique-key-0-1",childItems:[{title:"Item 0-1-0",key:"unique-0-1-0"},{title:"Item 0-1-1",key:"unique-0-1-1"},{title:"Item 0-1-2",key:"unique-0-1-2"},{title:"Item 0-1-3",key:"unique-0-1-3"},{title:"Item 0-1-4",key:"unique-0-1-4"},{title:"Item 0-1-5",key:"unique-0-1-5"}]}]},{title:"Section 1",key:"unique-key-1",childItems:[{title:"Subsection 1-0",key:"unique-key-1-0",childItems:[{title:"Item 1-0-0",key:"unique-1-0-0"},{title:"Item 1-0-1",key:"unique-1-0-1"},{title:"Item 1-0-2",key:"unique-1-0-2"},{title:"Item 1-0-3",key:"unique-1-0-3"},{title:"Item 1-0-4",key:"unique-1-0-4"},{title:"Item 1-0-5",key:"unique-1-0-5"}]},{title:"Subsection 1-1",key:"unique-key-1-1",childItems:[{title:"Item 1-1-0",key:"unique-1-1-0"},{title:"Item 1-1-1",key:"unique-1-1-1"},{title:"Item 1-1-2",key:"unique-1-1-2"},{title:"Item 1-1-3",key:"unique-1-1-3"},{title:"Item 1-1-4",key:"unique-1-1-4"},{title:"Item 1-1-5",key:"unique-1-1-5"}]}]},{title:"Section 2",key:"unique-key-2",childItems:[{title:"Subsection 2-0",key:"unique-key-2-0",childItems:[{title:"Item 2-0-0",key:"unique-2-0-0"},{title:"Item 2-0-1",key:"unique-2-0-1"},{title:"Item 2-0-2",key:"unique-2-0-2"},{title:"Item 2-0-3",key:"unique-2-0-3"},{title:"Item 2-0-4",key:"unique-2-0-4"},{title:"Item 2-0-5",key:"unique-2-0-5"}]},{title:"Subsection 2-1",key:"unique-key-2-1",childItems:[{title:"Item 2-1-0",key:"unique-2-1-0"},{title:"Item 2-1-1",key:"unique-2-1-1"},{title:"Item 2-1-2",key:"unique-2-1-2"},{title:"Item 2-1-3",key:"unique-2-1-3"},{title:"Item 2-1-4",key:"unique-2-1-4"},{title:"Item 2-1-5",key:"unique-2-1-5"}]}]}]},17422: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"}},66983: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"}},30866: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"}},42620: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"}},63190:function(e,t,n){n.r(t),t.default={placeholder:"InfiniteListDocExampleCommon-module__placeholder___+p5qG","item-content":"InfiniteListDocExampleCommon-module__item-content___wVR4Q","main-content":"InfiniteListDocExampleCommon-module__main-content___b5X2e"}},87462:function(e,t,n){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}n.d(t,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/1840/21983-f2071868ddcc449f6016.js b/pull/1840/21983-f2071868ddcc449f6016.js new file mode 100644 index 00000000000..1d7c9e51826 --- /dev/null +++ b/pull/1840/21983-f2071868ddcc449f6016.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[21983],{21983:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(67294)),l=n(a(50826)),u=n(a(76895)),o=n(a(75852)),c=n(a(59552)),i=n(a(62307)),f=[{icon:r.default.createElement(l.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:r.default.createElement(u.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:r.default.createElement(o.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:r.default.createElement(c.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],d=function(e,t){alert("itemKey: ".concat(e,", metaData: ").concat(t.test))};t.default=function(){return r.default.createElement(i.default,{onSelectSettings:function(){return alert("Settings Selected")},onSelectHelp:function(){return alert("Help Selected")},onSelectLogout:function(){return alert("Logout Selected")},utilityItems:f,onSelectUtilityItem:d})}},59552:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),r=l(a(99139));function l(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function b(e,t){for(var n=0;n=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r (\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: 'modal',\n content: {\n key: 'MY-MODAL-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")))}d.isMDXComponent=!0},557:function(e,n,a){a.d(n,{C:function(){return o}});var r=a(67294),t=a(22863),o=function(e){var n=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-disclosure-manager",name:"terra-disclosure-manager",version:"4.43.0",url:n})}},17422: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"}},87462:function(e,n,a){function r(){return r=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}a.d(n,{Z:function(){return r}})}}]); \ No newline at end of file diff --git a/pull/1840/23531-2dbe73d6f0607726419d.css b/pull/1840/23531-2dbe73d6f0607726419d.css new file mode 100644 index 00000000000..0fe5a6d7b2f --- /dev/null +++ b/pull/1840/23531-2dbe73d6f0607726419d.css @@ -0,0 +1,2 @@ +.LayoutSlidePanel-module__clinical-lowlight-theme___q2naq{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #181b1d;--terra-layout-slide-panel-squish-panel-background-color: #383f42;--terra-layout-slide-panel-squish-panel-border-right-color: #383f42;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__orion-fusion-theme___2KWcp{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-border-right-color: #d3d4d5;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__content-container___vB31H{outline:none}.LayoutSlidePanel-module__layout-slide-panel___6Ra3S{height:100%;overflow:hidden;position:relative;width:100%}.LayoutSlidePanel-module__content___Qa4PX,.LayoutSlidePanel-module__panel___xUrqy{box-sizing:border-box;height:100%;overflow:hidden;transition:none}[dir=ltr] .LayoutSlidePanel-module__is-animated___1uvdg{transition:left .15s ease}[dir=rtl] .LayoutSlidePanel-module__is-animated___1uvdg{transition:right .15s ease}.LayoutSlidePanel-module__content___Qa4PX{position:relative;width:100%;z-index:0}[dir=ltr] .LayoutSlidePanel-module__content___Qa4PX{float:right}[dir=rtl] .LayoutSlidePanel-module__content___Qa4PX{float:left}.LayoutSlidePanel-module__panel___xUrqy{position:absolute;width:18.571rem;width:var(--terra-layout-slide-panel-panel-width, 18.571rem);z-index:5000}[dir] .LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__panel___xUrqy{left:-100%}[dir=rtl] .LayoutSlidePanel-module__panel___xUrqy{right:-100%}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{right:0}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-tiny___9Oz70{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-small___JXknd{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__content___Qa4PX{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___xUrqy[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___xHsZe{display:block;height:100%} +.TestLayoutCommon-module__panel-content___11P0K,.TestLayoutCommon-module__layout-slide-panel-content___005M-,.TestLayoutCommon-module__content-wrapper___rNhg8{position:relative;width:100%}.TestLayoutCommon-module__panel-content___11P0K{height:100%}[dir] .TestLayoutCommon-module__panel-content___11P0K{background-color:red}.TestLayoutCommon-module__layout-slide-panel-content___005M-{height:100%}[dir] .TestLayoutCommon-module__layout-slide-panel-content___005M-{background-color:blue}.TestLayoutCommon-module__layout-test___vmcFP,.TestLayoutCommon-module__content-wrapper___rNhg8{height:768px} diff --git a/pull/1840/23531-2dbe73d6f0607726419d.js b/pull/1840/23531-2dbe73d6f0607726419d.js new file mode 100644 index 00000000000..beac2bed42d --- /dev/null +++ b/pull/1840/23531-2dbe73d6f0607726419d.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[23531],{23531:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(56690)),l=a(n(89728)),i=a(n(66115)),r=a(n(61655)),u=a(n(94993)),d=a(n(73808)),s=a(n(67294)),c=a(n(47166)),f=a(n(96667)),p=a(n(41643));function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,d.default)(e);if(t){var o=(0,d.default)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return(0,u.default)(this,n)}}var _=c.default.bind(p.default),h=function(e){(0,r.default)(n,e);var t=m(n);function n(e){var a;return(0,o.default)(this,n),(a=t.call(this,e)).toggleMenu=a.toggleMenu.bind((0,i.default)(a)),a.state={isOpen:!1},a}return(0,l.default)(n,[{key:"toggleMenu",value:function(){this.setState((function(e){return{isOpen:!e.isOpen}}))}},{key:"render",value:function(){return s.default.createElement("div",{className:_("content-wrapper")},s.default.createElement(f.default,{panelContent:s.default.createElement("div",{className:_("panel-content")},s.default.createElement("button",{type:"button",id:"test-toggle-2",onClick:this.toggleMenu},"toggle")),panelBehavior:"overlay",size:"medium",isOpen:this.state.isOpen,isToggleEnabled:!0,isAnimated:!0,onToggle:function(){},toggleText:"toggle text"},s.default.createElement("div",{className:_("layout-slide-panel-content")},s.default.createElement("button",{type:"button",id:"test-toggle-1",onClick:this.toggleMenu},"toggle"))))}}]),n}(s.default.Component);t.default=h},96667:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(10434)),l=a(n(70215)),i=a(n(56690)),r=a(n(89728)),u=a(n(66115)),d=a(n(61655)),s=a(n(94993)),c=a(n(73808)),f=a(n(67294)),p=a(n(45697)),m=a(n(94184)),_=a(n(47166)),h=a(n(47341)),y=a(n(9220)),v=a(n(40693)),g=a(n(15059)),b=a(n(11686)),T=["isAnimated","isOpen","isToggleEnabled","children","panelBehavior","panelContent","size","onToggle","toggleText"];function E(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,c.default)(e);if(t){var o=(0,c.default)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return(0,s.default)(this,n)}}var N=_.default.bind(b.default),P={isAnimated:p.default.bool,isOpen:p.default.bool,isToggleEnabled:p.default.bool,children:p.default.element,panelBehavior:p.default.oneOf(["overlay","squish"]),panelContent:p.default.node,size:p.default.string.isRequired,onToggle:p.default.func,toggleText:p.default.string},S=function(e){(0,d.default)(n,e);var t=E(n);function n(e){var a;return(0,i.default)(this,n),(a=t.call(this,e)).setPanelNode=a.setPanelNode.bind((0,u.default)(a)),a.handleTransitionEnd=a.handleTransitionEnd.bind((0,u.default)(a)),a.preparePanelForTransition=a.preparePanelForTransition.bind((0,u.default)(a)),a.isHidden=!e.isOpen,a}return(0,r.default)(n,[{key:"componentDidMount",value:function(){document.createElement("main"),this.panelNode&&this.panelNode.addEventListener("transitionend",this.handleTransitionEnd)}},{key:"componentDidUpdate",value:function(){this.lastIsOpen=this.props.isOpen}},{key:"componentWillUnmount",value:function(){this.panelNode&&this.panelNode.removeEventListener("transitionend",this.handleTransitionEnd)}},{key:"handleTransitionEnd",value:function(){!this.props.isOpen&&this.panelNode&&(this.panelNode.setAttribute("aria-hidden","true"),this.isHidden=!0,document.querySelector("button[data-application-header-toggle]")?document.querySelector("button[data-application-header-toggle]").focus():(0,g.default)(document.querySelector("[data-terra-layout-main]"))[0]&&(0,g.default)(document.querySelector("[data-terra-layout-main]"))[0].focus())}},{key:"setPanelNode",value:function(e){this.panelNode=e}},{key:"preparePanelForTransition",value:function(){this.props.isOpen&&!this.lastIsOpen&&this.panelNode&&(this.panelNode.setAttribute("aria-hidden","false"),this.isHidden=!1,(0,g.default)(this.panelNode)[0]&&(0,g.default)(this.panelNode)[0].focus())}},{key:"render",value:function(){var e=this.props,t=e.isAnimated,n=e.isOpen,a=(e.isToggleEnabled,e.children),i=e.panelBehavior,r=e.panelContent,u=e.size,d=e.onToggle,s=(e.toggleText,(0,l.default)(e,T));this.preparePanelForTransition();var c="tiny"===u,p="small"===u,_=c||p,h=!!_||"overlay"===i,g=n&&h,b=_?"dark":"clear",E=this.context,P=(0,m.default)(N("layout-slide-panel",{"is-open":n},{"is-overlay":h},{"is-squish":!h},E.className),s.className),S=N("panel",{"is-tiny":c},{"is-small":p},{"is-animated":t&&h&&!!r});return f.default.createElement("div",(0,o.default)({},s,{className:P}),f.default.createElement("div",{className:S,"aria-hidden":this.isHidden?"true":"false",ref:this.setPanelNode},r),f.default.createElement(v.default,{className:N("content")},f.default.createElement(y.default,{isRelativeToContainer:!0,onRequestClose:d,isOpen:g,backgroundStyle:b,zIndex:"6000"}),f.default.createElement("main",{role:"main","data-terra-layout-main":!0,className:N("main-container")},a)))}}]),n}(f.default.Component);S.propTypes=P,S.defaultProps={isAnimated:!1,isOpen:!1,isToggleEnabled:!1,panelBehavior:"overlay"},S.contextType=h.default;t.default=S},41643:function(e,t,n){"use strict";n.r(t),t.default={"panel-content":"TestLayoutCommon-module__panel-content___11P0K","layout-slide-panel-content":"TestLayoutCommon-module__layout-slide-panel-content___005M-","content-wrapper":"TestLayoutCommon-module__content-wrapper___rNhg8","layout-test":"TestLayoutCommon-module__layout-test___vmcFP"}},11686:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"LayoutSlidePanel-module__clinical-lowlight-theme___q2naq","orion-fusion-theme":"LayoutSlidePanel-module__orion-fusion-theme___2KWcp","content-container":"LayoutSlidePanel-module__content-container___vB31H","layout-slide-panel":"LayoutSlidePanel-module__layout-slide-panel___6Ra3S",content:"LayoutSlidePanel-module__content___Qa4PX",panel:"LayoutSlidePanel-module__panel___xUrqy","is-animated":"LayoutSlidePanel-module__is-animated___1uvdg","is-open":"LayoutSlidePanel-module__is-open___eTmJC","is-tiny":"LayoutSlidePanel-module__is-tiny___9Oz70","is-small":"LayoutSlidePanel-module__is-small___JXknd","is-overlay":"LayoutSlidePanel-module__is-overlay___s9u4z","is-squish":"LayoutSlidePanel-module__is-squish___c1HSt","main-container":"LayoutSlidePanel-module__main-container___xHsZe"}},15059:function(e){var t=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],n=t.join(","),a="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function o(e,t){t=t||{};var o,i,r,s=[],c=[],f=e.querySelectorAll(n);for(t.includeContainer&&a.call(e,n)&&(f=Array.prototype.slice.apply(f)).unshift(e),o=0;o=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}l.d(a,{Z:function(){return m}})}}]); \ No newline at end of file diff --git a/pull/1840/2406-4b4078ce87f26079fad4.css b/pull/1840/2406-4b4078ce87f26079fad4.css new file mode 100644 index 00000000000..099847cea1d --- /dev/null +++ b/pull/1840/2406-4b4078ce87f26079fad4.css @@ -0,0 +1,4 @@ +.ApplicationHeaderName-module__clinical-lowlight-theme___cDdoY{--terra-application-name-header-color: #b2b5b6;--terra-application-name-header-title-text-shadow: none;--terra-application-name-header-align-items: center;--terra-application-name-header-font-size: 1.0714285714rem;--terra-application-name-header-letter-spacing: normal;--terra-application-name-header-line-height: 1.53061429rem;--terra-application-name-header-padding-bottom: 0.35714rem;--terra-application-name-header-padding-left: 0.35714rem;--terra-application-name-header-padding-right: 0.35714rem;--terra-application-name-header-padding-top: 0.35714rem;--terra-application-name-header-accessory-display: block;--terra-application-name-header-accessory-padding-right: 0.35714rem;--terra-application-name-header-title-font-weight: bold;--terra-application-name-header-title-overflow: hidden;--terra-application-name-header-title-padding-left: 0;--terra-application-name-header-title-padding-right: 0;--terra-application-name-header-title-text-overflow: ellipsis;--terra-application-name-header-title-white-space: nowrap;--terra-application-name-header-title-word-break: normal;--terra-application-name-header-title-word-wrap: normal}.ApplicationHeaderName-module__orion-fusion-theme___JSra\+{--terra-application-name-header-color: #fff;--terra-application-name-header-title-text-shadow: none;--terra-application-name-header-align-items: center;--terra-application-name-header-font-size: 1.0714285714rem;--terra-application-name-header-letter-spacing: normal;--terra-application-name-header-line-height: 1.53061429rem;--terra-application-name-header-padding-bottom: 0.35714rem;--terra-application-name-header-padding-left: 0.35714rem;--terra-application-name-header-padding-right: 0.35714rem;--terra-application-name-header-padding-top: 0.35714rem;--terra-application-name-header-accessory-display: block;--terra-application-name-header-accessory-padding-right: 0.35714rem;--terra-application-name-header-title-font-weight: bold;--terra-application-name-header-title-overflow: hidden;--terra-application-name-header-title-padding-left: 0;--terra-application-name-header-title-padding-right: 0;--terra-application-name-header-title-text-overflow: ellipsis;--terra-application-name-header-title-white-space: nowrap;--terra-application-name-header-title-word-break: normal;--terra-application-name-header-title-word-wrap: normal}.ApplicationHeaderName-module__application-header-name___zlk-U{-ms-flex-align:center;-ms-flex-align:var(--terra-application-name-header-align-items, center);align-items:center;align-items:var(--terra-application-name-header-align-items, center);box-sizing:border-box;color:#fff;color:var(--terra-application-name-header-color, #fff);display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;font-family:inherit;font-size:1.0714285714rem;font-size:var(--terra-application-name-header-font-size, 1.0714285714rem);height:100%;letter-spacing:var(--terra-application-name-header-letter-spacing);line-height:var(--terra-application-name-header-line-height);max-width:100%}[dir] .ApplicationHeaderName-module__application-header-name___zlk-U{padding-bottom:0.357143rem;padding-bottom:var(--terra-application-name-header-padding-bottom, 0.357143rem);padding-top:0.357143rem;padding-top:var(--terra-application-name-header-padding-top, 0.357143rem)}[dir=ltr] .ApplicationHeaderName-module__application-header-name___zlk-U{padding-left:0.357143rem;padding-left:var(--terra-application-name-header-padding-left, 0.357143rem);padding-right:0.357143rem;padding-right:var(--terra-application-name-header-padding-right, 0.357143rem)}[dir=rtl] .ApplicationHeaderName-module__application-header-name___zlk-U{padding-right:0.357143rem;padding-right:var(--terra-application-name-header-padding-left, 0.357143rem);padding-left:0.357143rem;padding-left:var(--terra-application-name-header-padding-right, 0.357143rem)}.ApplicationHeaderName-module__accessory___-89IO{display:block;display:var(--terra-application-name-header-accessory-display, block);-ms-flex:0 0 auto;flex:0 0 auto;line-height:0;max-width:100%}[dir=ltr] .ApplicationHeaderName-module__accessory___-89IO{padding-right:0.357143rem;padding-right:var(--terra-application-name-header-accessory-padding-right, 0.357143rem)}[dir=rtl] .ApplicationHeaderName-module__accessory___-89IO{padding-left:0.357143rem;padding-left:var(--terra-application-name-header-accessory-padding-right, 0.357143rem)}.ApplicationHeaderName-module__title___tfg\+E{-ms-flex:0 1 auto;flex:0 1 auto;font-weight:bold;font-weight:var(--terra-application-name-header-title-font-weight, bold);overflow:hidden;overflow:var(--terra-application-name-header-title-overflow, hidden);text-overflow:ellipsis;text-overflow:var(--terra-application-name-header-title-text-overflow, ellipsis);white-space:nowrap;white-space:var(--terra-application-name-header-title-white-space, nowrap);word-break:normal;word-break:var(--terra-application-name-header-title-word-break, normal);word-wrap:normal;word-wrap:var(--terra-application-name-header-title-word-wrap, normal)}[dir] .ApplicationHeaderName-module__title___tfg\+E{text-shadow:var(--terra-application-name-header-title-text-shadow)}[dir=ltr] .ApplicationHeaderName-module__title___tfg\+E{padding-left:var(--terra-application-name-header-title-padding-left);padding-right:var(--terra-application-name-header-title-padding-right)}[dir=rtl] .ApplicationHeaderName-module__title___tfg\+E{padding-right:var(--terra-application-name-header-title-padding-left);padding-left:var(--terra-application-name-header-title-padding-right)} +.ApplicationMenuName-module__clinical-lowlight-theme___9oXBZ{--terra-application-name-menu-border-bottom: 1px solid #a9a9a9;--terra-application-name-menu-color: #b2b5b6;--terra-application-name-menu-align-items: center;--terra-application-name-menu-font-size: 1.0714285714rem;--terra-application-name-menu-letter-spacing: normal;--terra-application-name-menu-line-height: 1.53061429rem;--terra-application-name-menu-min-height: 3.5725rem;--terra-application-name-menu-padding-bottom: 0.3571rem;--terra-application-name-menu-padding-left: 0.3571rem;--terra-application-name-menu-padding-right: 0.3571rem;--terra-application-name-menu-padding-top: 0.3571rem;--terra-application-name-menu-accessory-display: block;--terra-application-name-menu-accessory-padding-right: 0.3571rem;--terra-application-name-menu-title-font-weight: bold;--terra-application-name-menu-title-overflow: break-word;--terra-application-name-menu-title-padding-left: 0;--terra-application-name-menu-title-padding-right: 0;--terra-application-name-menu-title-text-overflow: clip;--terra-application-name-menu-title-text-shadow: none;--terra-application-name-menu-title-white-space: normal;--terra-application-name-menu-title-word-break: break-word;--terra-application-name-menu-title-word-wrap: break-word}.ApplicationMenuName-module__orion-fusion-theme___zvqtZ{--terra-application-name-menu-border-bottom: 1px solid #a9a9a9;--terra-application-name-menu-color: #fff;--terra-application-name-menu-align-items: center;--terra-application-name-menu-font-size: 1.0714285714rem;--terra-application-name-menu-letter-spacing: normal;--terra-application-name-menu-line-height: 1.53061429rem;--terra-application-name-menu-min-height: 3.5725rem;--terra-application-name-menu-padding-bottom: 0.3571rem;--terra-application-name-menu-padding-left: 0.3571rem;--terra-application-name-menu-padding-right: 0.3571rem;--terra-application-name-menu-padding-top: 0.3571rem;--terra-application-name-menu-accessory-display: block;--terra-application-name-menu-accessory-padding-right: 0.3571rem;--terra-application-name-menu-title-font-weight: bold;--terra-application-name-menu-title-overflow: break-word;--terra-application-name-menu-title-padding-left: 0;--terra-application-name-menu-title-padding-right: 0;--terra-application-name-menu-title-text-overflow: clip;--terra-application-name-menu-title-text-shadow: none;--terra-application-name-menu-title-white-space: normal;--terra-application-name-menu-title-word-break: break-word;--terra-application-name-menu-title-word-wrap: break-word}.ApplicationMenuName-module__application-menu-name___v1tX4{-ms-flex-align:center;-ms-flex-align:var(--terra-application-name-menu-align-items, center);align-items:center;align-items:var(--terra-application-name-menu-align-items, center);box-sizing:border-box;color:#fff;color:var(--terra-application-name-menu-color, #fff);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.0714285714rem;font-size:var(--terra-application-name-menu-font-size, 1.0714285714rem);letter-spacing:var(--terra-application-name-menu-letter-spacing);line-height:var(--terra-application-name-menu-line-height);min-height:3.5725rem;min-height:var(--terra-application-name-menu-min-height, 3.5725rem);position:relative;width:100%}[dir] .ApplicationMenuName-module__application-menu-name___v1tX4{border-bottom:1px solid #a9a9a9;border-bottom:var(--terra-application-name-menu-border-bottom, 1px solid #a9a9a9);padding-bottom:0.3571rem;padding-bottom:var(--terra-application-name-menu-padding-bottom, 0.3571rem);padding-top:0.3571rem;padding-top:var(--terra-application-name-menu-padding-top, 0.3571rem)}[dir=ltr] .ApplicationMenuName-module__application-menu-name___v1tX4{padding-left:0.3571rem;padding-left:var(--terra-application-name-menu-padding-left, 0.3571rem);padding-right:0.3571rem;padding-right:var(--terra-application-name-menu-padding-right, 0.3571rem)}[dir=rtl] .ApplicationMenuName-module__application-menu-name___v1tX4{padding-right:0.3571rem;padding-right:var(--terra-application-name-menu-padding-left, 0.3571rem);padding-left:0.3571rem;padding-left:var(--terra-application-name-menu-padding-right, 0.3571rem)}.ApplicationMenuName-module__accessory___8KRdw{display:block;display:var(--terra-application-name-menu-accessory-display, block);-ms-flex:0 0 auto;flex:0 0 auto;line-height:0;max-width:100%}[dir=ltr] .ApplicationMenuName-module__accessory___8KRdw{padding-right:0.3571rem;padding-right:var(--terra-application-name-menu-accessory-padding-right, 0.3571rem)}[dir=rtl] .ApplicationMenuName-module__accessory___8KRdw{padding-left:0.3571rem;padding-left:var(--terra-application-name-menu-accessory-padding-right, 0.3571rem)}.ApplicationMenuName-module__title___oWESV{-ms-flex:0 1 auto;flex:0 1 auto;font-weight:bold;font-weight:var(--terra-application-name-menu-title-font-weight, bold);overflow:var(--terra-application-name-menu-title-overflow);text-overflow:var(--terra-application-name-menu-title-text-overflow);white-space:var(--terra-application-name-menu-title-white-space);word-break:break-word;word-break:var(--terra-application-name-menu-title-word-break, break-word);word-wrap:break-word;word-wrap:var(--terra-application-name-menu-title-word-wrap, break-word)}[dir] .ApplicationMenuName-module__title___oWESV{text-shadow:var(--terra-application-name-menu-title-text-shadow)}[dir=ltr] .ApplicationMenuName-module__title___oWESV{padding-left:var(--terra-application-name-menu-title-padding-left);padding-right:var(--terra-application-name-menu-title-padding-right)}[dir=rtl] .ApplicationMenuName-module__title___oWESV{padding-right:var(--terra-application-name-menu-title-padding-left);padding-left:var(--terra-application-name-menu-title-padding-right)} +.ApplicationHeaderLayout-module__clinical-lowlight-theme___-1bgb{--terra-application-header-layout-background-color: #222a2e;--terra-application-header-layout-border: 1px solid #b2b5b6;--terra-application-header-layout-color: #b2b5b6;--terra-application-header-layout-logo-min-width: 17.14286rem;--terra-application-header-layout-border-radius: 0;--terra-application-header-layout-margin: 0;--terra-application-header-layout-padding: 1rem 2rem}.ApplicationHeaderLayout-module__orion-fusion-theme___ENqi\+{--terra-application-header-layout-background-color: #0079be;--terra-application-header-layout-border: 1px solid #fff;--terra-application-header-layout-color: #fff;--terra-application-header-layout-logo-min-width: 17.14286rem;--terra-application-header-layout-border-radius: 0;--terra-application-header-layout-margin: 0;--terra-application-header-layout-padding: 1rem 2rem}.ApplicationHeaderLayout-module__fit___KL7Uq{-ms-flex:0 0 auto;flex:0 0 auto}.ApplicationHeaderLayout-module__fill___PAPf7{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;width:100%}.ApplicationHeaderLayout-module__fit___KL7Uq,.ApplicationHeaderLayout-module__fill___PAPf7{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;overflow:visible;position:relative}.ApplicationHeaderLayout-module__start___MX918{-ms-flex-pack:start;justify-content:flex-start}.ApplicationHeaderLayout-module__end___BgrVv,.ApplicationHeaderLayout-module__header-inner___hLyff{-ms-flex-pack:end;justify-content:flex-end}.ApplicationHeaderLayout-module__logo___Wzf7u,.ApplicationHeaderLayout-module__utilities___bkZso{max-width:40%}.ApplicationHeaderLayout-module__logo___Wzf7u{min-width:17.14286rem;min-width:var(--terra-application-header-layout-logo-min-width, 17.14286rem)}.ApplicationHeaderLayout-module__extensions___85n-7{max-width:100%}.ApplicationHeaderLayout-module__header-body___HLbvX{position:relative}.ApplicationHeaderLayout-module__skip-content___8eF4z{clip:rect(1px, 1px, 1px, 1px);color:#fff;color:var(--terra-application-header-layout-color, #fff);height:1px;outline:none;overflow:hidden;position:absolute;width:1px}[dir] .ApplicationHeaderLayout-module__skip-content___8eF4z{background-color:#0079be;background-color:var(--terra-application-header-layout-background-color, #0079be);border:1px solid #fff;border:var(--terra-application-header-layout-border, 1px solid #fff);border-radius:0;border-radius:var(--terra-application-header-layout-border-radius, 0);margin:0;margin:var(--terra-application-header-layout-margin, 0);padding:1rem 2rem;padding:var(--terra-application-header-layout-padding, 1rem 2rem)}.ApplicationHeaderLayout-module__skip-content___8eF4z:focus{clip:auto;height:auto;top:0;width:auto;z-index:20}[dir=ltr] .ApplicationHeaderLayout-module__skip-content___8eF4z:focus{left:0}[dir=rtl] .ApplicationHeaderLayout-module__skip-content___8eF4z:focus{right:0}[dir] .ApplicationHeaderLayout-module__skip-content___8eF4z::-moz-focus-inner{border:0;padding:0} +.ApplicationHeader-module__clinical-lowlight-theme___K6I7Q{--terra-application-layout-navbar-background-color: #004c76;--terra-application-layout-navbar-background-image: none;--terra-application-layout-navbar-before-background-color: transparent;--terra-application-layout-navbar-before-background-image: none;--terra-application-layout-navbar-border: none;--terra-application-layout-navbar-box-shadow: none;--terra-application-layout-navbar-toggle-border-right: 1px solid #0f699f;--terra-application-layout-navbar-toggle-box-shadow: inset -1px 0 0 0 #022b46;--terra-application-layout-navbar-height: 3.5714285714rem;--terra-application-layout-navbar-padding-left: 0;--terra-application-layout-navbar-padding-right: 0;--terra-application-layout-navbar-with-icons-mobile-height: 3.5714285714rem;--terra-application-layout-navbar-with-icons-height: 5.142857143rem;--terra-application-layout-navbar-toggle-width: 3.6428571429rem;--terra-application-layout-toggle-button-background-color: transparent;--terra-application-layout-toggle-button-border: 0;--terra-application-layout-toggle-button-border-radius: 0;--terra-application-layout-toggle-button-box-shadow: none;--terra-application-layout-toggle-button-color: #b2b5b6;--terra-application-layout-toggle-button-left: 0;--terra-application-layout-toggle-button-icon-height: 1rem;--terra-application-layout-toggle-button-icon-width: 1rem;--terra-application-layout-toggle-button-padding: 1.2857142857rem;--terra-application-layout-toggle-button-height: 100%;--terra-application-layout-toggle-button-width: 100%;--terra-application-layout-toggle-button-hover-background-color: #034370;--terra-application-layout-toggle-button-hover-border-color: transparent;--terra-application-layout-toggle-button-hover-border-radius: 0;--terra-application-layout-toggle-button-hover-box-shadow: none;--terra-application-layout-toggle-button-hover-color: #b2b5b6;--terra-application-layout-toggle-button-focus-background-color: #034370;--terra-application-layout-toggle-button-focus-border-color: transparent;--terra-application-layout-toggle-button-focus-border-radius: 0;--terra-application-layout-toggle-button-focus-box-shadow: none;--terra-application-layout-toggle-button-focus-color: #b2b5b6}.ApplicationHeader-module__orion-fusion-theme___yZ4yp{--terra-application-layout-navbar-background-color: #0079be;--terra-application-layout-navbar-background-image: none;--terra-application-layout-navbar-before-background-color: transparent;--terra-application-layout-navbar-before-background-image: none;--terra-application-layout-navbar-border: none;--terra-application-layout-navbar-box-shadow: none;--terra-application-layout-navbar-toggle-border-right: 1px solid rgba(255, 255, 255, 0.17);--terra-application-layout-navbar-toggle-box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.17);--terra-application-layout-navbar-height: 3.5714285714rem;--terra-application-layout-navbar-padding-left: 0;--terra-application-layout-navbar-padding-right: 0;--terra-application-layout-navbar-with-icons-mobile-height: 3.5714285714rem;--terra-application-layout-navbar-with-icons-height: 5.142857143rem;--terra-application-layout-navbar-toggle-width: 3.6428571429rem;--terra-application-layout-toggle-button-background-color: transparent;--terra-application-layout-toggle-button-border: 0;--terra-application-layout-toggle-button-border-radius: 0;--terra-application-layout-toggle-button-box-shadow: none;--terra-application-layout-toggle-button-color: #fff;--terra-application-layout-toggle-button-left: 0;--terra-application-layout-toggle-button-icon-height: 1rem;--terra-application-layout-toggle-button-icon-width: 1rem;--terra-application-layout-toggle-button-padding: 1.2857142857rem;--terra-application-layout-toggle-button-height: 100%;--terra-application-layout-toggle-button-width: 100%;--terra-application-layout-toggle-button-hover-background-color: rgba(0, 0, 0, 0.15);--terra-application-layout-toggle-button-hover-border-color: transparent;--terra-application-layout-toggle-button-hover-border-radius: 0;--terra-application-layout-toggle-button-hover-box-shadow: none;--terra-application-layout-toggle-button-hover-color: #fff;--terra-application-layout-toggle-button-focus-background-color: rgba(0, 0, 0, 0.15);--terra-application-layout-toggle-button-focus-border-color: transparent;--terra-application-layout-toggle-button-focus-border-radius: 0;--terra-application-layout-toggle-button-focus-box-shadow: none;--terra-application-layout-toggle-button-focus-color: #fff}.ApplicationHeader-module__application-navbar___G88LK{height:3.5714285714rem;height:var(--terra-application-layout-navbar-height, 3.5714285714rem);position:relative;z-index:5001}[dir] .ApplicationHeader-module__application-navbar___G88LK{background-color:#0079be;background-color:var(--terra-application-layout-navbar-background-color, #0079be);background-image:var(--terra-application-layout-navbar-background-image);border:var(--terra-application-layout-navbar-border);box-shadow:var(--terra-application-layout-navbar-box-shadow)}[dir=ltr] .ApplicationHeader-module__application-navbar___G88LK{padding-left:var(--terra-application-layout-navbar-padding-left);padding-right:var(--terra-application-layout-navbar-padding-right)}[dir=rtl] .ApplicationHeader-module__application-navbar___G88LK{padding-right:var(--terra-application-layout-navbar-padding-left);padding-left:var(--terra-application-layout-navbar-padding-right)}.ApplicationHeader-module__application-navbar___G88LK::before{content:"";height:100%;position:absolute;top:0;width:100%}[dir] .ApplicationHeader-module__application-navbar___G88LK::before{background-color:transparent;background-color:var(--terra-application-layout-navbar-before-background-color, transparent);background-image:none;background-image:var(--terra-application-layout-navbar-before-background-image, none)}[dir=ltr] .ApplicationHeader-module__application-navbar___G88LK::before{left:0}[dir=rtl] .ApplicationHeader-module__application-navbar___G88LK::before{right:0}.ApplicationHeader-module__application-navbar-with-icons___gRpjX{height:3.5714285714rem;height:var(--terra-application-layout-navbar-with-icons-mobile-height, 3.5714285714rem)}@media screen and (min-width: 992px){.ApplicationHeader-module__application-navbar-with-icons___gRpjX{height:5.142857143rem;height:var(--terra-application-layout-navbar-with-icons-height, 5.142857143rem)}}.ApplicationHeader-module__navbar-toggle___S19D7{-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100%;overflow:visible;width:3.6428571429rem;width:var(--terra-application-layout-navbar-toggle-width, 3.6428571429rem)}[dir] .ApplicationHeader-module__navbar-toggle___S19D7{box-shadow:inset -1px 0 0 0 rgba(0, 0, 0, 0.17);box-shadow:var(--terra-application-layout-navbar-toggle-box-shadow, inset -1px 0 0 0 rgba(0, 0, 0, 0.17))}[dir=ltr] .ApplicationHeader-module__navbar-toggle___S19D7{border-right:1px solid rgba(255, 255, 255, 0.17);border-right:var(--terra-application-layout-navbar-toggle-border-right, 1px solid rgba(255, 255, 255, 0.17))}[dir=rtl] .ApplicationHeader-module__navbar-toggle___S19D7{border-left:1px solid rgba(255, 255, 255, 0.17);border-left:var(--terra-application-layout-navbar-toggle-border-right, 1px solid rgba(255, 255, 255, 0.17))}.ApplicationHeader-module__toggle-button___nVeta{color:#fff;color:var(--terra-application-layout-toggle-button-color, #fff);height:100%;height:var(--terra-application-layout-toggle-button-height, 100%);position:relative;width:100%;width:var(--terra-application-layout-toggle-button-width, 100%)}[dir] .ApplicationHeader-module__toggle-button___nVeta{background-color:transparent;background-color:var(--terra-application-layout-toggle-button-background-color, transparent);border:0;border:var(--terra-application-layout-toggle-button-border, 0);border-radius:var(--terra-application-layout-toggle-button-border-radius);box-shadow:var(--terra-application-layout-toggle-button-box-shadow);cursor:pointer;padding:1.2857142857rem;padding:var(--terra-application-layout-toggle-button-padding, 1.2857142857rem)}[dir=ltr] .ApplicationHeader-module__toggle-button___nVeta{left:0;left:var(--terra-application-layout-toggle-button-left, 0)}[dir=rtl] .ApplicationHeader-module__toggle-button___nVeta{right:0;right:var(--terra-application-layout-toggle-button-left, 0)}.ApplicationHeader-module__toggle-button___nVeta>svg{height:1rem;height:var(--terra-application-layout-toggle-button-icon-height, 1rem);width:1rem;width:var(--terra-application-layout-toggle-button-icon-width, 1rem)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ApplicationHeader-module__toggle-button___nVeta:hover{color:#fff;color:var(--terra-application-layout-toggle-button-hover-color, #fff)}[dir] .ApplicationHeader-module__toggle-button___nVeta:hover{background-color:rgba(0, 0, 0, 0.15);background-color:var(--terra-application-layout-toggle-button-hover-background-color, rgba(0, 0, 0, 0.15));border-color:var(--terra-application-layout-toggle-button-hover-border-color);border-radius:var(--terra-application-layout-toggle-button-hover-border-radius);box-shadow:var(--terra-application-layout-toggle-button-hover-box-shadow)}}.ApplicationHeader-module__toggle-button___nVeta:focus{color:#fff;color:var(--terra-application-layout-toggle-button-focus-color, #fff);outline:none}[dir] .ApplicationHeader-module__toggle-button___nVeta:focus{background-color:rgba(0, 0, 0, 0.15);background-color:var(--terra-application-layout-toggle-button-focus-background-color, rgba(0, 0, 0, 0.15));border-color:var(--terra-application-layout-toggle-button-focus-border-color);border-radius:var(--terra-application-layout-toggle-button-focus-border-radius);box-shadow:var(--terra-application-layout-toggle-button-focus-box-shadow)} diff --git a/pull/1840/2406-4b4078ce87f26079fad4.js b/pull/1840/2406-4b4078ce87f26079fad4.js new file mode 100644 index 00000000000..6feb139ce92 --- /dev/null +++ b/pull/1840/2406-4b4078ce87f26079fad4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[2406],{42947:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(a(10434)),l=n(a(70215)),o=n(a(67294)),u=n(a(45697)),r=n(a(94184)),d=n(a(47166)),s=n(a(47341)),c=a(25387),p=n(a(56583)),f=["extensions","logo","navigation","intl","toggle","utilities"],m=d.default.bind(p.default),y={extensions:u.default.element,logo:u.default.element,intl:u.default.shape({formatMessage:u.default.func}).isRequired,navigation:u.default.element,toggle:u.default.element,utilities:u.default.element},_=function(e){var t,a,n,u,d,c=e.extensions,p=e.logo,y=e.navigation,_=e.intl,g=e.toggle,h=e.utilities,v=(0,l.default)(e,f),b=o.default.useContext(s.default),C=(0,r.default)(m("header","fill",b.className),v.className);p&&(t=o.default.createElement("div",{className:m("fit","start","logo")},p)),y&&(a=o.default.createElement("nav",{role:"navigation",className:m("fill")},y)),c&&(n=o.default.createElement("div",{className:m("fit","end","extensions")},c)),h&&(u=o.default.createElement("div",{className:m("fit","end","utilities")},h)),g&&(d=o.default.createElement("div",{className:m("fit")},g));var N,A=o.default.createElement("div",{className:m("fill","header-inner")},a,n),P=o.default.createElement("button",{type:"button",onClick:function(){var e=document.querySelector(["[data-terra-layout-main]"]);e&&(e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex"))},className:m("skip-content")},_.formatMessage({id:"Terra.ApplicationHeaderLayout.SkipToContent"}));return(A||t||u)&&(N=o.default.createElement("div",{className:m("fill","header-body")},t,A,u)),o.default.createElement("div",(0,i.default)({},v,{className:C}),P,d,N)};_.propTypes=y;t.default=(0,c.injectIntl)(_)},2406:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(a(10434)),l=n(a(70215)),o=n(a(56690)),u=n(a(89728)),r=n(a(66115)),d=n(a(61655)),s=n(a(94993)),c=n(a(73808)),p=n(a(67294)),f=n(a(45697)),m=n(a(94184)),y=n(a(47166)),_=n(a(47341)),g=a(25387),h=a(56019),v=n(a(42947)),b=a(67413),C=a(73965),N=a(57287),A=n(a(38215)),P=n(a(92306)),T=a(37714),k=n(a(9071)),R=n(a(19786)),E=n(a(61997)),L=["disclosureManager","applicationLinks","extensions","layoutConfig","nameConfig","utilityConfig","navigationLayoutRoutes","navigationLayoutSize","intl","hasIcons"];function H(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=(0,c.default)(e);if(t){var i=(0,c.default)(this).constructor;a=Reflect.construct(n,arguments,i)}else a=n.apply(this,arguments);return(0,s.default)(this,a)}}var M=y.default.bind(E.default),O={applicationLinks:N.ApplicationLinksPropType,extensions:f.default.element,layoutConfig:k.default.layoutConfigPropType,navigationLayoutRoutes:f.default.arrayOf(T.processedRoutesPropType),navigationLayoutSize:f.default.string,nameConfig:k.default.nameConfigPropType,utilityConfig:k.default.utilityConfigPropType,intl:f.default.shape({formatMessage:f.default.func}),disclosureManager:h.disclosureManagerShape,hasIcons:f.default.bool},U=function(e){(0,d.default)(a,e);var t=H(a);function a(e){var n;return(0,o.default)(this,a),(n=t.call(this,e)).handleUtilityDiscloseRequest=n.handleUtilityDiscloseRequest.bind((0,r.default)(n)),n.handleUtilityPopupCloseRequest=n.handleUtilityPopupCloseRequest.bind((0,r.default)(n)),n.handleUtilityOnChange=n.handleUtilityOnChange.bind((0,r.default)(n)),n.getTargetRef=n.getTargetRef.bind((0,r.default)(n)),n.setContentNode=n.setContentNode.bind((0,r.default)(n)),n.renderToggle=n.renderToggle.bind((0,r.default)(n)),n.renderAppName=n.renderAppName.bind((0,r.default)(n)),n.renderExtensions=n.renderExtensions.bind((0,r.default)(n)),n.renderNavigation=n.renderNavigation.bind((0,r.default)(n)),n.renderUtilities=n.renderUtilities.bind((0,r.default)(n)),n.renderUtilitiesPopup=n.renderUtilitiesPopup.bind((0,r.default)(n)),n.state={utilityComponent:void 0},n}return(0,u.default)(a,[{key:"handleUtilityDiscloseRequest",value:function(e){this.setState({utilityComponent:p.default.cloneElement(e,{onRequestClose:this.handleUtilityPopupCloseRequest})})}},{key:"handleUtilityPopupCloseRequest",value:function(){this.state.utilityComponent&&this.setState({utilityComponent:void 0})}},{key:"handleUtilityOnChange",value:function(e,t){var a=this.props,n=a.utilityConfig,i=a.disclosureManager;n.onChange(e,t,i&&i.disclose)}},{key:"setContentNode",value:function(e){this.contentNode=e}},{key:"getTargetRef",value:function(){if(this.contentNode)return this.contentNode.querySelector("[data-application-header-utility]")}},{key:"renderToggle",value:function(){var e=this.props,t=e.layoutConfig,a=e.intl;return t.toggleMenu?p.default.createElement("div",{className:M("navbar-toggle")},p.default.createElement("button",{type:"button",className:M("toggle-button"),"aria-label":a.formatMessage({id:"Terra.applicationLayout.applicationHeader.menuToggleLabel"}),onClick:t.toggleMenu,"data-application-header-toggle":!0},p.default.createElement(A.default,null))):null}},{key:"renderAppName",value:function(){var e=this.props.nameConfig;return e&&(e.accessory||e.title)?p.default.createElement(C.ApplicationHeaderName,{accessory:e.accessory,title:e.title}):null}},{key:"renderNavigation",value:function(e){var t=this.props.applicationLinks;return e?this.renderAppName():t.links&&t.links.length?p.default.createElement(N.ApplicationTabs,t):null}},{key:"renderExtensions",value:function(e){var t=this.props,a=t.layoutConfig,n=t.extensions;return!e&&n?p.default.cloneElement(n,{layoutConfig:a}):null}},{key:"renderUtilities",value:function(e){var t=this.props.utilityConfig;return!e&&t?p.default.createElement(b.ApplicationHeaderUtility,{onChange:this.handleUtilityOnChange,onDisclose:this.handleUtilityDiscloseRequest,title:t.title,accessory:t.accessory,menuItems:t.menuItems,initialSelectedKey:t.initialSelectedKey,"data-application-header-utility":!0}):null}},{key:"renderUtilitiesPopup",value:function(){var e=this.state.utilityComponent;return e?p.default.createElement(P.default,{attachmentBehavior:"push",contentAttachment:"top center",contentHeight:"auto",contentWidth:"240",isArrowDisplayed:!0,isHeaderDisabled:!0,isOpen:!0,onRequestClose:this.handleUtilityPopupCloseRequest,targetRef:this.getTargetRef},e):null}},{key:"render",value:function(){var e=this.props,t=(e.disclosureManager,e.applicationLinks,e.extensions,e.layoutConfig),a=(e.nameConfig,e.utilityConfig,e.navigationLayoutRoutes,e.navigationLayoutSize,e.intl,e.hasIcons),n=(0,l.default)(e,L),o=this.context,u=(0,m.default)(M("application-navbar",{"application-navbar-with-icons":a},o.className),n.className),r=R.default.isSizeCompact(t.size);return p.default.createElement("header",(0,i.default)({role:"banner"},n,{className:u,ref:this.setContentNode}),p.default.createElement(v.default,{toggle:this.renderToggle(),logo:r?null:this.renderAppName(),navigation:this.renderNavigation(r),extensions:this.renderExtensions(r),utilities:this.renderUtilities(r)}),this.renderUtilitiesPopup())}}]),a}(p.default.Component);U.propTypes=O,U.defaultProps={applicationLinks:{},hasIcons:!1},U.contextType=_.default;t.default=(0,g.injectIntl)((0,h.withDisclosureManager)(U))},19786:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default={isSizeCompact:function(e){return"tiny"===e||"small"===e}}},9071:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(a(45697)),l=a(67413),o=i.default.shape({size:i.default.string,toggleMenu:i.default.func,menuIsOpen:i.default.bool,togglePin:i.default.bool,menuIsPinned:i.default.bool}),u=i.default.shape({accessory:i.default.element,title:i.default.string}),r=i.default.oneOf(["start","center","end"]),d=i.default.arrayOf(i.default.shape({path:i.default.string.isRequired,text:i.default.string.isRequired,hasSubMenu:i.default.bool,icon:i.default.node})),s=i.default.shape({title:i.default.string,accessory:i.default.element,onChange:i.default.func.isRequired,menuItems:i.default.arrayOf(l.UtilityUtils.itemShape).isRequired,initialSelectedKey:i.default.string.isRequired}),c=l.UtilityUtils.itemShape;t.default={utilityConfigPropType:s,utilityMenuItemPropType:c,layoutConfigPropType:o,nameConfigPropType:u,navigationAlignmentPropType:r,navigationItemsPropType:d}},57287:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.ApplicationLinksPropType=void 0,Object.defineProperty(t,"ApplicationTabs",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var i=n(a(45697)),l=n(a(67456)),o=t.ApplicationLinksPropType=i.default.shape({alignment:i.default.oneOf(["start","center","end"]),links:i.default.arrayOf(i.default.shape({id:i.default.string,path:i.default.string.isRequired,text:i.default.string.isRequired,icon:i.default.node}))}),u={ApplicationTabs:l.default,ApplicationLinksPropType:o};t.default=u},57920:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(a(10434)),l=n(a(70215)),o=n(a(67294)),u=n(a(45697)),r=n(a(94184)),d=n(a(47166)),s=n(a(47341)),c=n(a(54029)),p=["accessory","title"],f=d.default.bind(c.default),m={accessory:u.default.element,title:u.default.node},y=function(e){var t=e.accessory,a=e.title,n=(0,l.default)(e,p),u=o.default.useContext(s.default),d=(0,r.default)(f("application-header-name",u.className),n.className);return o.default.createElement("div",(0,i.default)({},n,{className:d}),t&&o.default.createElement("div",{className:f("accessory")},t),a&&o.default.createElement("div",{className:f("title")},a))};y.propTypes=m;t.default=y},13917:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(a(10434)),l=n(a(70215)),o=n(a(67294)),u=n(a(45697)),r=n(a(94184)),d=n(a(47166)),s=n(a(47341)),c=n(a(85808)),p=["accessory","title"],f=d.default.bind(c.default),m={accessory:u.default.element,title:u.default.node},y=function(e){var t=e.accessory,a=e.title,n=(0,l.default)(e,p),u=o.default.useContext(s.default),d=(0,r.default)(f("application-menu-name",u.className),n.className);return o.default.createElement("div",(0,i.default)({},n,{className:d}),t&&o.default.createElement("div",{className:f("accessory")},t),a&&o.default.createElement("div",{className:f("title")},a))};y.propTypes=m;t.default=y},73965:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ApplicationHeaderName",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"ApplicationMenuName",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var i=n(a(57920)),l=n(a(13917)),o={ApplicationHeaderName:i.default,ApplicationMenuName:l.default};t.default=o},37714:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.supportedComponentBreakpoints=t.routePropType=t.routeConfigPropType=t.processedRoutesPropType=t.navigationLayoutConfigPropType=t.componentConfigPropType=void 0;var i=n(a(18698)),l=n(a(45697)),o=t.supportedComponentBreakpoints=["tiny","small","medium","large","huge"],u=t.componentConfigPropType=l.default.objectOf((function(e,t,a,n,l){if(!("default"===t||o.indexOf(t)>=0))return new Error("Invalid prop '".concat(l,"' supplied to '").concat(a,"'. Validation failed."));var u=e[t],r=!0;return null!==u&&("object"!==(0,i.default)(u)||!u.componentClass||"object"!==(0,i.default)(u.props)&&null!==u.props&&void 0!==u.props)&&(r=!1),!!r||new Error("Invalid prop '".concat(l,"' supplied to '").concat(a,"'. Validation failed."))})),r=t.routePropType=l.default.shape({path:function(e,t,a){return!!/\/.*/.test(e[t])||new Error("Invalid prop `".concat(t,"` supplied to")+" `".concat(a,"`. Validation failed. ").concat(t," must start with a forward slash (/)."))},component:u.isRequired}),d=t.routeConfigPropType=l.default.objectOf(r);t.navigationLayoutConfigPropType=l.default.shape({header:d,menu:d,content:d}),t.processedRoutesPropType=l.default.arrayOf(l.default.shape({path:l.default.string,componentClass:l.default.func,componentProps:l.default.object}))},56583:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationHeaderLayout-module__clinical-lowlight-theme___-1bgb","orion-fusion-theme":"ApplicationHeaderLayout-module__orion-fusion-theme___ENqi+",fit:"ApplicationHeaderLayout-module__fit___KL7Uq",fill:"ApplicationHeaderLayout-module__fill___PAPf7",start:"ApplicationHeaderLayout-module__start___MX918",end:"ApplicationHeaderLayout-module__end___BgrVv","header-inner":"ApplicationHeaderLayout-module__header-inner___hLyff",logo:"ApplicationHeaderLayout-module__logo___Wzf7u",utilities:"ApplicationHeaderLayout-module__utilities___bkZso",extensions:"ApplicationHeaderLayout-module__extensions___85n-7","header-body":"ApplicationHeaderLayout-module__header-body___HLbvX","skip-content":"ApplicationHeaderLayout-module__skip-content___8eF4z"}},61997:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationHeader-module__clinical-lowlight-theme___K6I7Q","orion-fusion-theme":"ApplicationHeader-module__orion-fusion-theme___yZ4yp","application-navbar":"ApplicationHeader-module__application-navbar___G88LK","application-navbar-with-icons":"ApplicationHeader-module__application-navbar-with-icons___gRpjX","navbar-toggle":"ApplicationHeader-module__navbar-toggle___S19D7","toggle-button":"ApplicationHeader-module__toggle-button___nVeta"}},54029:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationHeaderName-module__clinical-lowlight-theme___cDdoY","orion-fusion-theme":"ApplicationHeaderName-module__orion-fusion-theme___JSra+","application-header-name":"ApplicationHeaderName-module__application-header-name___zlk-U",accessory:"ApplicationHeaderName-module__accessory___-89IO",title:"ApplicationHeaderName-module__title___tfg+E"}},85808:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ApplicationMenuName-module__clinical-lowlight-theme___9oXBZ","orion-fusion-theme":"ApplicationMenuName-module__orion-fusion-theme___zvqtZ","application-menu-name":"ApplicationMenuName-module__application-menu-name___v1tX4",accessory:"ApplicationMenuName-module__accessory___8KRdw",title:"ApplicationMenuName-module__title___oWESV"}}}]); \ No newline at end of file diff --git a/pull/1840/24163-a3ce04cd5c6fb52475ae.css b/pull/1840/24163-a3ce04cd5c6fb52475ae.css new file mode 100644 index 00000000000..5434b4d306d --- /dev/null +++ b/pull/1840/24163-a3ce04cd5c6fb52475ae.css @@ -0,0 +1,6 @@ +.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-focus-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-focus-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;position:absolute;top:0;width:24px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:2px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:2px solid rgba(0,0,0,0);left:0}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-focus-border-color, rgb(34, 42, 46)) !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))} +.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #595f62;--terra-table-column-header-background-color: #fff;--terra-table-column-header-border-bottom: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)} +.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer} +.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto} +.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-even-background-color: #2d3539;--terra-table-row-striped-odd-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-even-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-striped-odd-background-color: #fefffe}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-even-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-:nth-child(odd){background-color:#fff;background-color:var(--terra-table-row-striped-odd-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)} +.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)} diff --git a/pull/1840/24163-a3ce04cd5c6fb52475ae.js b/pull/1840/24163-a3ce04cd5c6fb52475ae.js new file mode 100644 index 00000000000..70db55a0caf --- /dev/null +++ b/pull/1840/24163-a3ce04cd5c6fb52475ae.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[24163],{10723:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),c=a(n(12810)),l=a(n(17392));t.default=function(){var e=l.default.cols,t=l.default.rows;return o.default.createElement("div",{style:{height:"200px"}},o.default.createElement(c.default,{id:"table-sticky-header",overflowColumns:e,rows:t,rowHeaderIndex:0,columnWidth:"180px",ariaLabel:"Table"}))}},17392:function(e){e.exports=JSON.parse('{"cols":[{"id":"Column-0","displayName":"Vitals"},{"id":"Column-1","displayName":"March 16"},{"id":"Column-2","displayName":"March 17"},{"id":"Column-3","displayName":"March 18"}],"rows":[{"id":"1","cells":[{"content":"Heart Rate Monitored (bpm)"},{"content":"68"},{"content":"66"},{"content":"67"}]},{"height":"150px","id":"2","cells":[{"content":"Temperature Oral (degC)"},{"content":"36.7","isMasked":true},{"content":"36.9","isMasked":true},{"content":"37","isMasked":true}]},{"id":"3","cells":[{"content":"Cardiac Index (L/min/m2)"},{"content":"2.25"},{"content":"2.28"},{"content":"2.8"}]},{"id":"4","cells":[{"content":"ICP (mmHg)","isMasked":true},{"content":"11"},{"content":"11"},{"content":"12"}]},{"id":"5","cells":[{"content":"CPP (mmHg)"},{"content":"63"},{"content":"47"},{"content":"48"}]}]}')}}]); \ No newline at end of file diff --git a/pull/1840/24351-ac735bf1f4a6bcb25ac9.css b/pull/1840/24351-ac735bf1f4a6bcb25ac9.css new file mode 100644 index 00000000000..43e9c9a36c4 --- /dev/null +++ b/pull/1840/24351-ac735bf1f4a6bcb25ac9.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .DateInput-test-module__content-wrapper___dgGlU{margin:10px} diff --git a/pull/1840/24351-ac735bf1f4a6bcb25ac9.js b/pull/1840/24351-ac735bf1f4a6bcb25ac9.js new file mode 100644 index 00000000000..0d585d28493 --- /dev/null +++ b/pull/1840/24351-ac735bf1f4a6bcb25ac9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[24351],{54619:function(e,t,r){var n=r(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(67294)),u=n(r(91986)),a=n(r(47166)),l=n(r(29405)),i=a.default.bind(l.default);t.default=function(){return o.default.createElement("div",{className:i("content-wrapper")},o.default.createElement(u.default,{id:"dateInput",name:"date-input",value:"1999-03-10",isInvalid:!0}))}},68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},29405:function(e,t,r){r.r(t),t.default={"content-wrapper":"DateInput-test-module__content-wrapper___dgGlU"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(r(67294)),u=p(r(45697)),a=p(r(94184)),l=p(r(47166)),i=p(r(47341)),f=p(r(68586)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function p(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r (\n \n);\n\nexport default PinnedColumnsTable;\n\n")))}d.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(u.Z,{title:t||"Pinned Columns Table",description:n,example:o.createElement(i.Z,null),exampleSrc:o.createElement(d,null),isExpanded:a})},p=["components"],f={},_="wrapper";function y(e){var t=e.components,n=(0,l.Z)(e,p);return(0,r.mdx)(_,(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(m,{mdxType:"PinnedColumnsTable"}))}y.isMDXComponent=!0},61701:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),l=n(22863),o=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/table-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.0.0-alpha.0",url:t})}},5874:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(12810)),r={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.Z=function(){return l.default.createElement(o.default,{id:"my-table-id",pinnedColumns:r.cols.slice(0,2),overflowColumns:r.cols.slice(2),rows:r.rows})}},17422: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"}},53560: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"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),l=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/1840/25462-a425b3885b3b3ab4993f.js b/pull/1840/25462-a425b3885b3b3ab4993f.js new file mode 100644 index 00000000000..17395e8ed2d --- /dev/null +++ b/pull/1840/25462-a425b3885b3b3ab4993f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[25462],{25462:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(67294)),l=n(a(50826)),u=n(a(76895)),o=n(a(75852)),c=n(a(59552)),f=n(a(62307)),i=[{icon:r.default.createElement(l.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:r.default.createElement(u.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:r.default.createElement(o.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:r.default.createElement(c.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],d=function(e,t){alert("itemKey: ".concat(e,", metaData: ").concat(t.test))};t.default=function(){return r.default.createElement(f.default,{extensionItems:i,onSelectExtensionItem:d})}},59552:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),r=l(a(99139));function l(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var p=u.default.bind(o.default),y={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},v=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,a=e.align,u=e.alignFitStart,o=e.alignFill,c=e.alignFitEnd,s=e.fitStartAttributes,m=e.fillAttributes,y=e.fitEndAttributes,v=b(e,i),h=d({},s),g=d({},m),_=d({},y);return l.default.createElement("span",f({},v,{className:p("arrange",v.className)}),l.default.createElement("span",f({},h,{className:p("fit",a||u,h.className,"fit-block")}),t),l.default.createElement("span",f({},g,{className:p("fill",a||o,g.className,"fill-block")}),r),l.default.createElement("span",f({},_,{className:p("fit",a||c,_.className)}),n))};v.propTypes=y;var h=v;t.default=h},46379:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(r(67294)),l=u(r(99139)),a=r(25387);function u(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t {\n const [displayText, setDisplayText] = useState('Nothing');\n\n const handleOnClick = (text) => () => {\n setDisplayText(text);\n };\n\n const items = [\n {\n key: 'home',\n text: 'Home',\n onClick: handleOnClick('Home'),\n },\n {\n key: 'level-1',\n text: 'Level 1',\n onClick: handleOnClick('Level 1'),\n },\n {\n key: 'level-2',\n text: 'Level 2',\n onClick: handleOnClick('Level 2'),\n },\n {\n key: 'level-3',\n text: 'Level 3',\n onClick: handleOnClick('Level 3'),\n },\n {\n key: 'level-4',\n text: 'Level 4',\n onClick: handleOnClick('Level 4'),\n },\n {\n key: 'level-5',\n text: 'Level 5',\n onClick: handleOnClick('Level 5'),\n },\n {\n key: 'level-6',\n text: 'Level 6',\n onClick: handleOnClick('Level 6'),\n },\n {\n key: 'level-7',\n text: 'Level 7',\n onClick: handleOnClick('Level 7'),\n },\n {\n key: 'level-8',\n text: 'Level 8',\n onClick: handleOnClick('Level 8'),\n },\n {\n key: 'level-9',\n text: 'Level 9',\n onClick: handleOnClick('Level 9'),\n },\n {\n key: 'level-10',\n text: 'Level 10',\n onClick: handleOnClick('Level 10'),\n },\n {\n key: 'level-11',\n text: 'Level 11',\n onClick: handleOnClick('Level 11'),\n },\n {\n key: 'level-12',\n text: 'Level 12',\n onClick: handleOnClick('Level 12'),\n },\n ];\n\n return (\n <>\n \n

{`${displayText} clicked!`}

\n \n );\n};\n\nexport default DefaultFilePath;\n\n")))}d.isMDXComponent=!0;var s=n(49271),f=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(s.Z,{title:t||"On Click File Path",description:n,example:l.createElement(a.Z,null),exampleSrc:l.createElement(d,null),isExpanded:r})}},82457:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(45697)),o=n(25387),i=l(n(57927)),c={items:r.default.arrayOf(r.default.shape({key:r.default.string,text:r.default.string,title:r.default.string,href:r.default.string,onClick:r.default.func})),intl:r.default.shape({formatMessage:r.default.func}).isRequired},u=function(e){var t=e.items,n=e.intl,l=t.slice(0,t.length-1),r=t[t.length-1];return a.default.createElement(i.default,{isReversedChildrenOrder:!0,useHorizontalIcon:!0,isStartAligned:!0,iconText:n.formatMessage({id:"Terra.file-path.icon.text"})},l.map((function(e){return[a.default.createElement(i.default.Hyperlink,{key:e.key,text:e.text,title:e.title,href:e.href,onClick:e.onClick}),a.default.createElement(i.default.Divider,{useChevronRightIcon:!0,key:"divider-".concat(e.key)})]})).flat(),a.default.createElement(i.default.Item,{isTextOnly:!0,text:r.text,key:r.key}))};u.propTypes=c;t.default=(0,o.injectIntl)(u)},29344:function(e,t,n){var l=n(64836),a=n(18698);t.Z=void 0;var r=l(n(27424)),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=c(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(l,o,i):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}(n(67294)),i=l(n(82457));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)}t.Z=function(){var e=(0,o.useState)("Nothing"),t=(0,r.default)(e,2),n=t[0],l=t[1],a=function(e){return function(){l(e)}},c=[{key:"home",text:"Home",onClick:a("Home")},{key:"level-1",text:"Level 1",onClick:a("Level 1")},{key:"level-2",text:"Level 2",onClick:a("Level 2")},{key:"level-3",text:"Level 3",onClick:a("Level 3")},{key:"level-4",text:"Level 4",onClick:a("Level 4")},{key:"level-5",text:"Level 5",onClick:a("Level 5")},{key:"level-6",text:"Level 6",onClick:a("Level 6")},{key:"level-7",text:"Level 7",onClick:a("Level 7")},{key:"level-8",text:"Level 8",onClick:a("Level 8")},{key:"level-9",text:"Level 9",onClick:a("Level 9")},{key:"level-10",text:"Level 10",onClick:a("Level 10")},{key:"level-11",text:"Level 11",onClick:a("Level 11")},{key:"level-12",text:"Level 12",onClick:a("Level 12")}];return o.default.createElement(o.default.Fragment,null,o.default.createElement(i.default,{items:c}),o.default.createElement("h1",{style:{textAlign:"right"}},"".concat(n," clicked!")))}},53560: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"}},87462:function(e,t,n){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 r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(t,{Z:function(){return l}})}}]); \ No newline at end of file diff --git a/pull/1840/26489-3cb62198b25693cfc890.css b/pull/1840/26489-3cb62198b25693cfc890.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/26489-3cb62198b25693cfc890.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/26489-3cb62198b25693cfc890.js b/pull/1840/26489-3cb62198b25693cfc890.js new file mode 100644 index 00000000000..81b41b1e872 --- /dev/null +++ b/pull/1840/26489-3cb62198b25693cfc890.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[26489],{22863:function(e,a,n){var t=n(64836);a.Z=void 0;var r=t(n(67294)),l=t(n(45697)),d=t(n(47166)),m=t(n(17422)),u=d.default.bind(m.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},o=function(e){var a=e.src,n=e.name,t=e.url,l=e.version,d=r.default.createElement("a",{className:u("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:u("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(l))),m=a?r.default.createElement("a",{className:u("badge"),href:a},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")},d,m)};o.propTypes=i;var p=o;a.Z=p},26489:function(e,a,n){n.r(a),n.d(a,{default:function(){return x}});var t=n(87462),r=n(44925),l=(n(67294),n(81254)),d=n(67264),m=["components"],u={},i="wrapper";function o(e){var a=e.components,n=(0,r.Z)(e,m);return(0,l.mdx)(i,(0,t.Z)({},u,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"Changelog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"180---march-15-2022"},"1.8.0 - (March 15, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs.")))),(0,l.mdx)("h2",{id:"170---june-8-2021"},"1.7.0 - (June 8, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"160---april-6-2021"},"1.6.0 - (April 6, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,l.mdx)("h2",{id:"150---march-9-2021"},"1.5.0 - (March 9, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update reference from terra-toolkit to terra-functional-testing.")))),(0,l.mdx)("h2",{id:"140---august-4-2020"},"1.4.0 - (August 4, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,l.mdx)("h2",{id:"130---july-14-2020"},"1.3.0 - (July 14, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"updated ",(0,l.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,l.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,l.mdx)("h2",{id:"120---may-5-2020"},"1.2.0 - (May 5, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Allow theme name to be set on the context.")))),(0,l.mdx)("h2",{id:"110---april-28-2020"},"1.1.0 - (April 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added ",(0,l.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,l.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,l.mdx)("h2",{id:"100---april-6-2020"},"1.0.0 - (April 6, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed"),(0,l.mdx)("li",{parentName:"ul"},"Initial stable release")))}o.isMDXComponent=!0;var p=["components"],c={},s="wrapper";function x(e){var a=e.components,n=(0,r.Z)(e,p);return(0,l.mdx)(s,(0,t.Z)({},c,n,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(d.C,{mdxType:"Badge"}),(0,l.mdx)(o,{mdxType:"ChangeLog"}))}x.isMDXComponent=!0},67264:function(e,a,n){n.d(a,{C:function(){return l}});var t=n(67294),r=n(22863),l=function(e){var a=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-context",name:"terra-theme-context",version:"1.8.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(a,{Z:function(){return t}})}}]); \ No newline at end of file diff --git a/pull/1840/26553-7be9e882f35343a67291.css b/pull/1840/26553-7be9e882f35343a67291.css new file mode 100644 index 00000000000..2601a657e65 --- /dev/null +++ b/pull/1840/26553-7be9e882f35343a67291.css @@ -0,0 +1 @@ +[dir] .test-background-class{background-color:#fff} diff --git a/pull/1840/26553-7be9e882f35343a67291.js b/pull/1840/26553-7be9e882f35343a67291.js new file mode 100644 index 00000000000..a8760a2b48c --- /dev/null +++ b/pull/1840/26553-7be9e882f35343a67291.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[26553],{62388:function(e,i,t){var a=t(64836);Object.defineProperty(i,"__esModule",{value:!0}),i.default=void 0;var o=a(t(56690)),u=a(t(89728)),n=a(t(66115)),l=a(t(61655)),r=a(t(94993)),d=a(t(73808)),s=a(t(67294)),c=a(t(31501));function m(e){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,a=(0,d.default)(e);if(i){var o=(0,d.default)(this).constructor;t=Reflect.construct(a,arguments,o)}else t=a.apply(this,arguments);return(0,r.default)(this,t)}}t(14200);var p=function(e){(0,l.default)(t,e);var i=m(t);function t(){var e;return(0,o.default)(this,t),(e=i.call(this)).state={isOpen:!0},e.handleOpenModal=e.handleOpenModal.bind((0,n.default)(e)),e.handleCloseModal=e.handleCloseModal.bind((0,n.default)(e)),e}return(0,u.default)(t,[{key:"handleOpenModal",value:function(){this.setState({isOpen:!0})}},{key:"handleCloseModal",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){return s.default.createElement("div",{id:"modal-overflow"},s.default.createElement(c.default,{ariaLabel:"Terra Modal",isOpen:this.state.isOpen,onRequestClose:this.handleCloseModal,classNameModal:"test-background-class"},s.default.createElement("div",null,s.default.createElement("h1",null,"Terra Modal"),s.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),s.default.createElement("button",{type:"button",id:"modal-close-button",onClick:this.handleCloseModal},"Close Modal"))),s.default.createElement("button",{type:"button",id:"modal-button",onClick:this.handleOpenModal},"Open Modal"))}}]),t}(s.default.Component);i.default=p},14200:function(e,i,t){t.r(i),i.default={}}}]); \ No newline at end of file diff --git a/pull/1840/26664-de42ba120d71366ec1df.js b/pull/1840/26664-de42ba120d71366ec1df.js new file mode 100644 index 00000000000..403b328f924 --- /dev/null +++ b/pull/1840/26664-de42ba120d71366ec1df.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[26664],{26664:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(67294)),l=n(a(30006));t.default=function(){return r.default.createElement(l.default,{value:"2017-11-05T01:30:00",initialTimeZone:"America/Chicago"})}},30006:function(e,t,a){var n=a(64836),r=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(10434)),u=n(a(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=l?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,a&&a.set(e,n),n}(a(67294)),f=n(a(45697)),o=n(a(44887)),d=n(a(77947));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}var p={value:f.default.string,initialTimeZone:f.default.string},m={value:"",initialTimeZone:d.default.getLocalTimeZone()};function s(e){var t=e.value,a=e.initialTimeZone,n=d.default.createSafeDate(t,e.initialTimeZone);n&&n.isValid()&&(t=n.format(),a=n.tz());var r=(0,i.useState)(t),f=(0,u.default)(r,2),c=f[0],p=f[1],m=a;return i.default.createElement(i.default.Fragment,null,i.default.createElement("p",null,"Selected ISO Date Time:",i.default.createElement("span",{"data-date-time-value":!0},c)),i.default.createElement("p",null,"Initial Time Zone:",i.default.createElement("span",{"data-date-time-timeZone":!0},m)),i.default.createElement(o.default,(0,l.default)({name:"date-time-picker-example",onChange:function(e,t){p(t)}},e)))}s.propTypes=p,s.defaultProps=m;t.default=s}}]); \ No newline at end of file diff --git a/pull/1840/26984-10798815275419458506.css b/pull/1840/26984-10798815275419458506.css new file mode 100644 index 00000000000..5434b4d306d --- /dev/null +++ b/pull/1840/26984-10798815275419458506.css @@ -0,0 +1,6 @@ +.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-focus-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-focus-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;position:absolute;top:0;width:24px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:2px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:2px solid rgba(0,0,0,0);left:0}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-focus-border-color, rgb(34, 42, 46)) !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))} +.ColumnHeaderCell-module__clinical-lowlight-theme___E4AJx{--terra-table-column-header-text-color: #b2b5b6;--terra-table-column-header-background-color: #151719;--terra-table-column-header-border-bottom: 1px solid #181b1d;--terra-table-column-header-border-right: 1px solid #181b1d;--terra-table-column-header-border-top: 1px solid #181b1d;--terra-table-pinned-columns-header-border: 1px solid #181b1d;--terra-table-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-table-pinned-columns-divider-background-color: #181b1d;--terra-table-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-table-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__orion-fusion-theme___LLv1A{--terra-table-column-header-text-color: #595f62;--terra-table-column-header-background-color: #fff;--terra-table-column-header-border-bottom: 1px solid #c8cacb;--terra-table-column-header-border-right: 1px solid #c8cacb;--terra-table-column-header-border-top: 1px solid #c8cacb;--terra-table-pinned-columns-header-border: 1px solid #c8cacb;--terra-table-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-table-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__column-header___oWlRh{color:var(--terra-table-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___oWlRh{background-color:#dedfe0;background-color:var(--terra-table-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-table-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-table-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-left:1px solid #000;border-left:var(--terra-table-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh:first-child{border-right:1px solid #000;border-right:var(--terra-table-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__header-container___Bvm2V{padding:5px;padding:var(--terra-table-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-right:5px;margin-right:var(--terra-table-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__error-icon___8bLJu{margin-left:5px;margin-left:var(--terra-table-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___oWlRh span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___JFI4E:hover{background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___Qusyo{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___Kl7gb{background-color:#808080;background-color:var(--terra-table-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-table-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)} +.Cell-module__clinical-lowlight-theme___JlIUL{--terra-table-cell-border-bottom: 1px solid #181b1d;--terra-table-cell-border-left: 1px solid #181b1d;--terra-table-cell-border-right: 1px solid #181b1d;--terra-table-cell-selected-background-color: #1e3a49;--terra-table-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-table-odd-row-hover-background-color: #25282a;--terra-table-even-row-hover-background-color: #1d2225;--terra-table-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__orion-fusion-theme___HW1Ki{--terra-table-cell-border-bottom: 1px solid #c8cacb;--terra-table-cell-border-left: 1px solid #c8cacb;--terra-table-cell-border-right: 1px solid #c8cacb;--terra-table-cell-selected-background-color: #cbe7fa;--terra-table-odd-row-hover-background-color: #e0f2fb;--terra-table-even-row-hover-background-color: #d6e8f2;--terra-table-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__cell___XID6c{font-weight:normal;position:relative}[dir] .Cell-module__cell___XID6c{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-table-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___XID6c{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___XID6c:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___XID6c:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___3WHxU{background-color:#cbe7fa;background-color:var(--terra-table-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___yW7Cf{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-table-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___yW7Cf.Cell-module__highlighted___4hj9T{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-table-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___FhljD{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___FhljD{text-align:left}[dir=rtl] .Cell-module__cell-content___FhljD{text-align:right}.Cell-module__cell-content___FhljD .Cell-module__no-data-cell___6er9D{color:rgba(0,0,0,0)}.Cell-module__pinned___y2cJe{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___y2cJe:not(.Cell-module__selected___3WHxU){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___BAIg5:hover{background-color:#e0f2fb;background-color:var(--terra-table-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___BAIg5:hover{background-color:#d3e5ee;background-color:var(--terra-table-even-row-hover-background-color, #d3e5ee);cursor:pointer} +.RowSelectionCell-module__input___\+\+BBM{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___\+\+BBM{margin:auto} +.Row-module__clinical-lowlight-theme___LqsJk{--terra-table-row-striped-even-background-color: #2d3539;--terra-table-row-striped-odd-background-color: #6e6f71;--terra-table-row-selected-background-color: #1e3a49;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-table-row-hover-background-color: #232a2d;--terra-table-row-highlight-border-top: 1px solid #004c76;--terra-table-row-highlight-border-bottom: 1px solid #004c76}.Row-module__orion-fusion-theme___uCwnV{--terra-table-row-striped-even-background-color: #f4f4f4;--terra-table-row-selected-background-color: #cbe7fa;--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-table-row-striped-odd-background-color: #fefffe}[dir] .Row-module__row___kR-J-.Row-module__selectable___r9jUT:hover{background-color:#e2f2fc;background-color:var(--terra-table-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___kR-J-:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-even-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-:nth-child(odd){background-color:#fff;background-color:var(--terra-table-row-striped-odd-background-color, #fff)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP{background-color:#cbe7fa;background-color:var(--terra-table-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___kR-J-.Row-module__selected___ojIZP{border-left:1px solid #0092e0}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-table-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child td, [dir] .Row-module__row___kR-J-.Row-module__selected___ojIZP:first-child th, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP td, [dir] .Row-module__row___kR-J-:not(.Row-module__selected___ojIZP)+.Row-module__row___kR-J-.Row-module__selected___ojIZP th{border-top:1px solid #0092e0;border-top:var(--terra-table-row-highlight-border-top, 1px solid #0092e0)} +.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px}.Table-module__table-container___g4Byi{height:100%;overflow:auto;width:100%}.Table-module__table___wcFdg{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}.Table-module__table___wcFdg :focus{outline:3px dashed #000;outline:var(--terra-table-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-cell-focus-outline-offset, -2px)} diff --git a/pull/1840/26984-10798815275419458506.js b/pull/1840/26984-10798815275419458506.js new file mode 100644 index 00000000000..05b4dd2db3d --- /dev/null +++ b/pull/1840/26984-10798815275419458506.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[26984],{33962:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(67294)),i=a(n(12810)),o=a(n(16057));t.default=function(){var e=o.default.cols,t=o.default.rows;return l.default.createElement(i.default,{id:"table-pinned-columns",pinnedColumns:e.slice(0,3),overflowColumns:e.slice(3),rows:t,rowHeaderIndex:0,columnHeaderHeight:"50px",ariaLabel:"table"})}},16057:function(e){e.exports=JSON.parse('{"cols":[{"id":"Column-0","displayName":"Patient"},{"id":"Column-1","displayName":"Location"},{"id":"Column-2","displayName":"Illness Severity"},{"id":"Column-3","displayName":"Visit"},{"id":"Column-4","displayName":"Allergy"},{"id":"Column-5","displayName":"Primary Contact"},{"id":"Column-6","displayName":"Generic Order Counts"},{"id":"Column-7","displayName":"Patient Age"},{"id":"Column-8","displayName":"Medication History"},{"id":"Column-9","displayName":"My Relationship"},{"id":"Column-10","displayName":"Not Selectable","isSelectable":false}],"rows":[{"id":"1","cells":[{"content":"Fleck, Arthur"},{"content":"1007-MTN"},{"content":"Unstable"},{"content":"Inpatient, 2 months"},{"content":""},{"content":"Quinzell, Harleen"},{"content":""},{"isMasked":true},{"isMasked":true},{"content":"Admitting Physician"},{"content":"","isSelectable":false}]},{"id":"2","cells":[{"content":"Wayne, Bruce"},{"content":"1007-MTN-DR"},{"content":"Stable"},{"content":"Outpatient, 2 days"},{"content":"Phytochemicals"},{"content":"Grayson, Richard"},{"content":""},{"content":""},{"isMasked":true},{"content":"Admitting Physician"},{"content":"","isSelectable":false}]}]}')}}]); \ No newline at end of file diff --git a/pull/1840/27243-0a6928477d0d12120791.css b/pull/1840/27243-0a6928477d0d12120791.css new file mode 100644 index 00000000000..29f72718e59 --- /dev/null +++ b/pull/1840/27243-0a6928477d0d12120791.css @@ -0,0 +1,3 @@ +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start} +.MenuItem-module__clinical-lowlight-theme___GRWU4{--terra-menu-item-active-background-color: #1e3a49;--terra-menu-item-active-text-color: #b2b5b6;--terra-menu-item-chevron-icon-color: #9b9fa1;--terra-menu-item-disabled-chevron-icon-color: rgba(155, 159, 161, 0.2);--terra-menu-item-color: #b2b5b6;--terra-menu-item-text-color: #b2b5b6;--terra-menu-item-disabled-text-opacity: 0.18;--terra-menu-item-disabled-start-icon-opacity: 0.18;--terra-menu-item-chevron-focus-icon-color: #c5c5c6;--terra-menu-item-chevron-hover-icon-color: #c5c5c6;--terra-menu-item-focus-background-color: #1e3a49;--terra-menu-item-focus-outline: #004c76 auto 5px;--terra-menu-item-focus-outline-offset: -2px;--terra-menu-item-hover-background-color: #232a2d;--terra-menu-item-hover-background-image: linear-gradient(to bottom, #122b39 2%, #152933 30%, #1e3a49 80%);--terra-menu-item-hover-box-shadow: inset 0 0 0 1px #04293f;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.286rem 0;--terra-menu-item-text-font-size: 0.928571429rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-text-margin-right: 1.714285714rem;--terra-menu-item-text-margin-left: 0.714285714rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-chevron-icon-font-size: 0.714285714rem;--terra-menu-item-chevron-icon-margin-left: 0.714285714rem;--terra-menu-item-chevron-icon-margin-right: 0.714285714rem;--terra-menu-item-start-icon-font-size: 0.85714rem;--terra-menu-item-start-icon-margin-left: 0.71428rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #1e3a49;--terra-menu-item-highlighted-hover-background-color: #232a2d;--terra-menu-item-highlighted-hover-background-image: linear-gradient(to bottom, #04293f 2%, #053754 30%, #004c76 80%);--terra-menu-item-highlighted-hover-box-shadow: inset 0 0 0 1px #04293f}.MenuItem-module__orion-fusion-theme___OJBfh{--terra-menu-item-color: #595f62;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.5rem 0.83333rem 0.5rem 2.33333rem;--terra-menu-item-hover-background-color: #f4fafe;--terra-menu-item-hover-background-image: none;--terra-menu-item-hover-box-shadow: none;--terra-menu-item-focus-background-color: #ebf6fd;--terra-menu-item-focus-outline: -webkit-focus-ring-color auto 5px;--terra-menu-item-focus-outline-offset: -1px;--terra-menu-item-chevron-hover-icon-color: #1f1f21;--terra-menu-item-chevron-focus-icon-color: #1f1f21;--terra-menu-item-active-background-color: #e2f2fc;--terra-menu-item-active-text-color: #000;--terra-menu-item-disabled-text-opacity: 0.1;--terra-menu-item-disabled-chevron-icon-color: rgb(187, 188, 189, 0.25);--terra-menu-item-disabled-start-icon-opacity: 0.1;--terra-menu-item-text-color: #000;--terra-menu-item-text-font-size: 1rem;--terra-menu-item-text-margin-right: 2rem;--terra-menu-item-text-margin-left: 0.5rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-start-icon-font-size: 1.33333rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-start-icon-margin-left: -1.33333rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-chevron-icon-color: #000;--terra-menu-item-chevron-icon-font-size: 1.33333rem;--terra-menu-item-chevron-icon-margin-left: 0.41667rem;--terra-menu-item-chevron-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #e2f2fc;--terra-menu-item-highlighted-hover-background-color: #cbe7fa;--terra-menu-item-highlighted-hover-background-image: none;--terra-menu-item-highlighted-hover-box-shadow: none}.MenuItem-module__item___d5cbi{color:#1c1f21;color:var(--terra-menu-item-color, #1c1f21)}[dir] .MenuItem-module__item___d5cbi{cursor:default;margin:0;margin:var(--terra-menu-item-margin, 0);padding:0.286rem 0;padding:var(--terra-menu-item-padding, 0.286rem 0)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d){cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover{background-color:#f4fefe;background-color:var(--terra-menu-item-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-menu-item-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #e1f2fd;box-shadow:var(--terra-menu-item-hover-box-shadow, inset 0 0 0 1px #e1f2fd)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d).MenuItem-module__is-highlighted___2iz9A:hover{background-color:#d1ebfb;background-color:var(--terra-menu-item-highlighted-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-menu-item-highlighted-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-menu-item-highlighted-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover .MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.7);color:var(--terra-menu-item-chevron-hover-icon-color, rgba(28, 31, 33, 0.7))}}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{outline:-webkit-focus-ring-color auto 5px;outline:var(--terra-menu-item-focus-outline, -webkit-focus-ring-color auto 5px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{background-color:#ebf6fd;background-color:var(--terra-menu-item-focus-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus .MenuItem-module__chevron___KG83f{color:rgb(28, 31, 33);color:var(--terra-menu-item-chevron-focus-icon-color, rgb(28, 31, 33))}[dir] .MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d), [dir] .MenuItem-module__active___JF61u{background-color:#ebf6fd;background-color:var(--terra-menu-item-active-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d) .MenuItem-module__text___ax0k2,.MenuItem-module__active___JF61u .MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-active-text-color, #1c1f21)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__text___ax0k2{opacity:0.25;opacity:var(--terra-menu-item-disabled-text-opacity, 0.25)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__chevron___KG83f{color:rgba(155, 159, 161, 0.3);color:var(--terra-menu-item-disabled-chevron-icon-color, rgba(155, 159, 161, 0.3))}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__start-icon___IrbDC{opacity:0.25;opacity:var(--terra-menu-item-disabled-start-icon-opacity, 0.25)}[dir=ltr] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-right:0;margin-right:var(--terra-menu-item-top-level-text-margin-right, 0)}[dir=rtl] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-left:0;margin-left:var(--terra-menu-item-top-level-text-margin-right, 0)}.MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-text-color, #1c1f21);font-size:0.928571429rem;font-size:var(--terra-menu-item-text-font-size, 0.928571429rem);font-weight:normal;font-weight:var(--terra-menu-item-text-font-weight, normal);line-height:1.538;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=ltr] .MenuItem-module__text___ax0k2{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-right:1.714285714rem;margin-right:var(--terra-menu-item-text-margin-right, 1.714285714rem)}[dir=rtl] .MenuItem-module__text___ax0k2{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-left:1.714285714rem;margin-left:var(--terra-menu-item-text-margin-right, 1.714285714rem)}.MenuItem-module__checkmark___PFCFZ{visibility:hidden}.MenuItem-module__is-toggled___Kl1vs .MenuItem-module__checkmark___PFCFZ{visibility:visible}.MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.53);color:var(--terra-menu-item-chevron-icon-color, rgba(28, 31, 33, 0.53));font-size:0.714285714rem;font-size:var(--terra-menu-item-chevron-icon-font-size, 0.714285714rem)}[dir=ltr] .MenuItem-module__chevron___KG83f{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}[dir=rtl] .MenuItem-module__chevron___KG83f{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}.MenuItem-module__start-icon___IrbDC{font-size:0.85714rem;font-size:var(--terra-menu-item-start-icon-font-size, 0.85714rem)}[dir=ltr] .MenuItem-module__start-icon___IrbDC{margin-left:0.71428rem;margin-left:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-right:0;margin-right:var(--terra-menu-item-start-icon-margin-right, 0)}[dir=rtl] .MenuItem-module__start-icon___IrbDC{margin-right:0.71428rem;margin-right:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-left:0;margin-left:var(--terra-menu-item-start-icon-margin-right, 0)}[dir] .MenuItem-module__is-highlighted___2iz9A{background-color:#e1f3fd;background-color:var(--terra-menu-item-highlighted-background-color, #e1f3fd)} +.Menu-module__clinical-lowlight-theme___hKzLg{--terra-menu-background-color: #222a2e;--terra-menu-foreground-color: #b2b5b6;--terra-menu-fullscreen-header-background-color: #222a2e;--terra-menu-fullscreen-header-border-bottom: 1px solid #181b1d;--terra-menu-fullscreen-header-title-color: #b2b5b6;--terra-menu-submenu-background-color: #1c2326;--terra-menu-submenu-foreground-color: #b2b5b6;--terra-menu-submenu-header-background-color: #222a2e;--terra-menu-submenu-header-border-bottom: 1px solid #181b1d;--terra-menu-submenu-header-button-outline-offset: -3px;--terra-menu-back-button-focus-outline: #b2b5b6 solid 2px;--terra-menu-submenu-header-buttons-icon-color: #c5c5c6;--terra-menu-submenu-header-buttons-hover-color: #b2b5b6;--terra-menu-submenu-header-title-color: #b2b5b6;--terra-menu-background-image: none;--terra-menu-divider-after-border-color: #282d31;--terra-menu-divider-border-color: #181b1d;--terra-menu-submenu-arrow-after-border-top-color: #1c2326;--terra-menu-submenu-background-image: none;--terra-menu-submenu-divider-after-border-color: #282d31;--terra-menu-divider-margin-top: 2px;--terra-menu-divider-after-border-width: 3px 0 0;--terra-menu-divider-after-margin-bottom: 4px;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-font-size: 12px;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.1667;--terra-menu-submenu-header-title-margin: 7px 7px 7px 0;--terra-menu-header-title-margin-left: 10px;--terra-menu-submenu-header-buttons-icon-font-size: 12px;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 8px;--terra-menu-fullscreen-header-title-font-size: 1rem;--terra-menu-fullscreen-header-title-line-height: 1.2;--terra-menu-fullscreen-header-title-margin: 0.5714rem 0 0.5714rem 0.3571rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.45rem;--terra-menu-fullscreen-header-buttons-margin: 0.3571rem 0;--terra-menu-fullscreen-header-buttons-padding: 4px;--terra-menu-list-padding: 6px 0}.Menu-module__orion-fusion-theme___4S\+kd{--terra-menu-divider-border-color: #c8cacb;--terra-menu-divider-margin-top: 0;--terra-menu-divider-after-border-color: transparent;--terra-menu-divider-after-border-width: 0;--terra-menu-divider-after-margin-bottom: 0;--terra-menu-submenu-divider-after-border-color: transparent;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-background-color: #f4f4f4;--terra-menu-submenu-header-border-bottom: 2px solid #9b9fa1;--terra-menu-submenu-header-button-outline-offset: -4px;--terra-menu-back-button-focus-outline: -webkit-focus-ring-color solid 2px;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-color: #1c1f21;--terra-menu-submenu-header-title-font-size: 1.16667rem;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.57143;--terra-menu-submenu-header-title-margin: 0.25rem 0.25rem 0.25rem 0;--terra-menu-submenu-header-buttons-icon-color: #1c1f21;--terra-menu-submenu-header-buttons-icon-font-size: 1.16667rem;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-submenu-header-buttons-hover-color: #004c76;--terra-menu-header-title-margin-left: 2.33333rem;--terra-menu-fullscreen-header-background-color: #f4f4f4;--terra-menu-fullscreen-header-border-bottom: 2px solid #9b9fa1;--terra-menu-fullscreen-header-title-color: #1c1f21;--terra-menu-fullscreen-header-title-font-size: 1.16667rem;--terra-menu-fullscreen-header-title-line-height: 1.57143;--terra-menu-fullscreen-header-title-margin: 0.5rem 0 0.416667rem 0.25rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.16667rem;--terra-menu-fullscreen-header-buttons-margin: 0;--terra-menu-fullscreen-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-list-padding: 0;--terra-menu-background-color: #fff;--terra-menu-background-image: none;--terra-menu-foreground-color: #1c1f21;--terra-menu-submenu-arrow-after-border-top-color: none;--terra-menu-submenu-background-color: #fff;--terra-menu-submenu-background-image: none;--terra-menu-submenu-foreground-color: #1c1f21}[dir] .Menu-module__submenu___pD8uM.Menu-module__arrow___qDX5\+[data-align-arrow=bottom]::after{border-top-color:#f9f9f9;border-top-color:var(--terra-menu-submenu-arrow-after-border-top-color, #f9f9f9)}.Menu-module__divider___2Yiip{width:100%}[dir] .Menu-module__divider___2Yiip{border-color:#dedfe0;border-color:var(--terra-menu-divider-border-color, #dedfe0);border-style:solid;border-width:1px 0 0;margin-top:2px;margin-top:var(--terra-menu-divider-margin-top, 2px)}.Menu-module__divider___2Yiip::after{content:"";display:block}[dir] .Menu-module__divider___2Yiip::after{border-color:#f9f9f9;border-color:var(--terra-menu-divider-after-border-color, #f9f9f9);border-style:solid;border-width:3px 0 0;border-width:var(--terra-menu-divider-after-border-width, 3px 0 0);margin-bottom:4px;margin-bottom:var(--terra-menu-divider-after-margin-bottom, 4px)}[dir] .Menu-module__submenu___pD8uM .Menu-module__divider___2Yiip::after{border-color:#fff;border-color:var(--terra-menu-submenu-divider-after-border-color, #fff);border-width:var(--terra-menu-submenu-divider-after-border-width);margin-bottom:var(--terra-menu-submenu-divider-after-margin-bottom)}.Menu-module__header___UGEhF{height:var(--terra-menu-submenu-header-height);width:100%}[dir] .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-submenu-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-submenu-header-border-bottom, 1px solid #dedfe0)}.Menu-module__header___UGEhF *[role=button]{outline-offset:-2px;outline-offset:var(--terra-menu-submenu-header-button-outline-offset, -2px)}.Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-title-color, #1c1f21);-ms-flex:1;flex:1;font-size:12px;font-size:var(--terra-menu-submenu-header-title-font-size, 12px);font-weight:normal;font-weight:var(--terra-menu-submenu-header-title-font-weight, normal);line-height:1.1667;line-height:var(--terra-menu-submenu-header-title-line-height, 1.1667);min-width:0;overflow:hidden;white-space:normal;word-break:normal;word-wrap:break-word}[dir] .Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{margin:7px 7px 7px 0;margin:var(--terra-menu-submenu-header-title-margin, 7px 7px 7px 0)}[dir=ltr] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-left:10px;margin-left:var(--terra-menu-header-title-margin-left, 10px)}[dir=rtl] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-right:10px;margin-right:var(--terra-menu-header-title-margin-left, 10px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-buttons-icon-color, #1c1f21);font-size:12px;font-size:var(--terra-menu-submenu-header-buttons-icon-font-size, 12px);font-weight:bold}[dir] .Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{background-color:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin:var(--terra-menu-submenu-header-buttons-margin, 0);padding:8px;padding:var(--terra-menu-submenu-header-buttons-padding, 8px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:hover{color:#111;color:var(--terra-menu-submenu-header-buttons-hover-color, #111)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:focus{outline:-webkit-focus-ring-color solid 2px;outline:var(--terra-menu-back-button-focus-outline, -webkit-focus-ring-color solid 2px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-fullscreen-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-fullscreen-header-border-bottom, 1px solid #dedfe0)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{color:#1c1f21;color:var(--terra-menu-fullscreen-header-title-color, #1c1f21);font-size:1rem;font-size:var(--terra-menu-fullscreen-header-title-font-size, 1rem);line-height:1.2;line-height:var(--terra-menu-fullscreen-header-title-line-height, 1.2)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{margin:0.5714rem 0 0.5714rem 0.3571rem;margin:var(--terra-menu-fullscreen-header-title-margin, 0.5714rem 0 0.5714rem 0.3571rem)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{font-size:1.45rem;font-size:var(--terra-menu-fullscreen-header-buttons-icon-font-size, 1.45rem)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{margin:0.3571rem 0;margin:var(--terra-menu-fullscreen-header-buttons-margin, 0.3571rem 0);padding:4px;padding:var(--terra-menu-fullscreen-header-buttons-padding, 4px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H:first-child{margin:0}[dir] .Menu-module__list___bRMML{padding:6px 0;padding:var(--terra-menu-list-padding, 6px 0)}.Menu-module__content___F0Uw5{color:#1c1f21;color:var(--terra-menu-foreground-color, #1c1f21);outline:0}[dir] .Menu-module__content___F0Uw5{background-color:#fff;background-color:var(--terra-menu-background-color, #fff);background-image:var(--terra-menu-background-image)}.Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{color:#1c1f21;color:var(--terra-menu-submenu-foreground-color, #1c1f21)}[dir] .Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{background-color:#f9f9f9;background-color:var(--terra-menu-submenu-background-color, #f9f9f9);background-image:var(--terra-menu-submenu-background-image)}.Menu-module__hidden-page___M4G7V{display:none}.Menu-module__header-container___KGuP2{display:-ms-flexbox;display:flex} diff --git a/pull/1840/27243-0a6928477d0d12120791.js b/pull/1840/27243-0a6928477d0d12120791.js new file mode 100644 index 00000000000..5c2f1e50639 --- /dev/null +++ b/pull/1840/27243-0a6928477d0d12120791.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[27243],{23234:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56690)),a=l(n(89728)),u=l(n(66115)),o=l(n(61655)),i=l(n(94993)),f=l(n(73808)),c=l(n(67294)),s=l(n(70419)),d=l(n(55281)),m=l(n(51162));function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,f.default)(e);if(t){var r=(0,f.default)(this).constructor;n=Reflect.construct(l,arguments,r)}else n=l.apply(this,arguments);return(0,i.default)(this,n)}}var p=function(e){(0,o.default)(n,e);var t=b(n);function n(e){var l;return(0,r.default)(this,n),(l=t.call(this,e)).handleButtonClick=l.handleButtonClick.bind((0,u.default)(l)),l.handleRequestClose=l.handleRequestClose.bind((0,u.default)(l)),l.handleNestedItemClick=l.handleNestedItemClick.bind((0,u.default)(l)),l.setButtonNode=l.setButtonNode.bind((0,u.default)(l)),l.getButtonNode=l.getButtonNode.bind((0,u.default)(l)),l.state={open:!1,isToggled:!1},l}return(0,a.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"handleNestedItemClick",value:function(){this.setState((function(e){return{isToggled:!e.isToggled}}))}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){return c.default.createElement("div",null,c.default.createElement("div",null,"This menu contains a selectable item and an unselectable item. All items in the menu should have the same spacing on the left to allow for a checkmark."),c.default.createElement(s.default,{isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose},c.default.createElement(s.default.Item,{text:"Default 1",key:"1",className:"TestNonSelectableItem"}),c.default.createElement(s.default.Item,{text:"Default 2",key:"2"}),c.default.createElement(s.default.Item,{text:"Default Submenu 1",key:"3",className:"subMenu1",subMenuItems:[c.default.createElement(s.default.Item,{text:"Sub Nested Item1",key:"4",className:"testNestedItem1",isToggled:this.state.isToggled,onClick:this.handleNestedItemClick,isToggleable:!0}),c.default.createElement(s.default.Item,{text:"Default Submenu 2",key:"5",className:"subMenu2"})]})),c.default.createElement(d.default,{id:"default-button",type:"button",onClick:this.handleButtonClick,text:"Default Menu","aria-haspopup":!0,icon:c.default.createElement(m.default,null),isReversed:!0,refCallback:this.setButtonNode}))}}]),n}(c.default.Component);t.default=p},66633: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"}},78490: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=f(n(67294)),a=f(n(45697)),u=f(n(47166)),o=f(n(66633)),i=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function f(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[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 p=u.default.bind(o.default),h={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},g=function(e){var t=e.fitStart,n=e.fill,l=e.fitEnd,a=e.align,u=e.alignFitStart,o=e.alignFill,f=e.alignFitEnd,s=e.fitStartAttributes,m=e.fillAttributes,h=e.fitEndAttributes,g=b(e,i),y=d({},s),v=d({},m),_=d({},h);return r.default.createElement("span",c({},g,{className:p("arrange",g.className)}),r.default.createElement("span",c({},y,{className:p("fit",a||u,y.className,"fit-block")}),t),r.default.createElement("span",c({},v,{className:p("fill",a||o,v.className,"fill-block")}),n),r.default.createElement("span",c({},_,{className:p("fit",a||f,_.className)}),l))};g.propTypes=h;var y=g;t.default=y},46379:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=u(n(67294)),r=u(n(99139)),a=n(25387);function u(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t {\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(49271),d=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(s.Z,{title:t||"Implementation Guide Part 2",description:n,example:o.createElement(u.Z,null),exampleSrc:o.createElement(p,null),isExpanded:a})},f=["components"],v={},g="wrapper";function h(e){var t=e.components,n=(0,r.Z)(e,f);return(0,l.mdx)(g,(0,a.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(i.C,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-navigation-prompt---implementation-guide"},"Terra Navigation Prompt - Implementation Guide"),(0,l.mdx)("h2",{id:"part-3---implementing-a-custom-prompt-solution"},"Part 3 - Implementing a Custom Prompt Solution"),(0,l.mdx)("p",null,"At this point, we realize that we do not want to ",(0,l.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,l.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," prop."),(0,l.mdx)("pre",null,(0,l.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,l.mdx)("p",null,"We remove the ",(0,l.mdx)("inlineCode",{parentName:"p"},"ref")," from the NavigationPromptCheckpoint and instead implement ",(0,l.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,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(d,{title:"Part 2 - Implementing a Custom Prompt Handler",mdxType:"ImplementationGuidePart2"}))}h.isMDXComponent=!0},42754:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),r=n(22863),o=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-prompt",name:"terra-navigation-prompt",version:"1.77.0",url:t})}},44339:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var o=a(n(27424)),l=c(n(67294)),i=a(n(45697)),u=c(n(75923));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.Z=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})))}},17422: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"}},53560: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"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(99139));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||(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}n.d(t,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/1840/27520-d2e8b4c18300862f0419.js b/pull/1840/27520-d2e8b4c18300862f0419.js new file mode 100644 index 00000000000..0448634e023 --- /dev/null +++ b/pull/1840/27520-d2e8b4c18300862f0419.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[27520],{66633:function(e,t,r){"use strict";r.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},78490:function(e,t,r){"use strict";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var a=c(r(67294)),l=c(r(45697)),o=c(r(47166)),u=c(r(66633)),i=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function c(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var v=o.default.bind(u.default),m={fitStart:l.default.element,fill:l.default.element.isRequired,fitEnd:l.default.element,align:l.default.oneOf(["center","bottom","stretch"]),alignFitStart:l.default.oneOf(["center","bottom","stretch"]),alignFitEnd:l.default.oneOf(["center","bottom","stretch"]),alignFill:l.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:l.default.object,fillAttributes:l.default.object,fitEndAttributes:l.default.object},y=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,l=e.align,o=e.alignFitStart,u=e.alignFill,c=e.alignFitEnd,s=e.fitStartAttributes,p=e.fillAttributes,m=e.fitEndAttributes,y=b(e,i),h=d({},s),g=d({},p),O=d({},m);return a.default.createElement("span",f({},y,{className:v("arrange",y.className)}),a.default.createElement("span",f({},h,{className:v("fit",l||o,h.className,"fit-block")}),t),a.default.createElement("span",f({},g,{className:v("fill",l||u,g.className,"fill-block")}),r),a.default.createElement("span",f({},O,{className:v("fit",l||c,O.className)}),n))};y.propTypes=m;var h=y;t.default=h},56657:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(r(67294)),a=l(r(99139));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;t0&&(A=r.default.createElement("nav",{className:m("nav",a?"nav-vertical":"nav-horizontal")},v.map((function(e){return r.default.createElement("section",{className:m("navigation-section"),key:e.id},(E&&a||e.headerText)&&r.default.createElement("h3",{className:m("list-header"),key:e.headerText},e.headerText||"​"),r.default.createElement("ul",{className:m("menu")},e.links&&e.links.map((function(e,t){var l=void 0!==e.target?{target:e.target}:{},n=!a&&t>=1?r.default.createElement("span",{className:m("separator"),"aria-hidden":!0},"/"):"";return r.default.createElement("li",{className:m("list-item"),key:e.text+e.href},n,r.default.createElement("a",(0,f.default)({className:m("link"),href:e.href},l),e.text))}))))})))),r.default.createElement("footer",(0,f.default)({role:"contentinfo"},h,{className:_}),A,r.default.createElement("div",{className:m("footer-content")},r.default.createElement("div",{className:m("content-top")},l,o),r.default.createElement("div",{className:m("content-bottom")},c)))};_.propTypes=s,_.defaultProps={sections:[],isVertical:!1,contentLeft:null,contentRight:null,contentBottom:null};t.default=_},27703:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var f=l(a(67294)),n=l(a(47166)),r=l(a(33011)),o=l(a(99954)),d=n.default.bind(o.default);t.default=function(){return f.default.createElement("div",{id:"wrapper"},f.default.createElement(r.default,{isVertical:!1,sections:[{links:[{text:"Terra UI",href:"http://terra-ui.com/static/#/site/home"},{text:"Cerner",href:"https://www.cerner.com/",target:"_blank"}]}],contentLeft:f.default.createElement("a",{href:"http://terra-ui.com/","aria-label":"link"},f.default.createElement("svg",{className:d("content-left-graphics"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 92 40"},f.default.createElement("path",{fill:"#80c7ee",d:"M33.07,10,18.77,1.78a2,2,0,0,0-1-.26,2.06,2.06,0,0,0-1,.26L2.51,10a2,2,0,0,0-1,1.7V28.26a2,2,0,0,0,1,1.7L16.8,38.22a2.06,2.06,0,0,0,1,.26,2,2,0,0,0,1-.26L33.07,30a2,2,0,0,0,1-1.7V11.74A2,2,0,0,0,33.07,10Z"}),f.default.createElement("circle",{fill:"#f1f1f2",cx:"26.56",cy:"12.77",r:"2"}),f.default.createElement("circle",{fill:"#f1f1f2",cx:"17.7",cy:"20.4",r:"7.3"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M28.22,27.5a2.16,2.16,0,0,1-.29-.43,2.2,2.2,0,0,1-.3.43,1.86,1.86,0,0,1-.45.39,2.11,2.11,0,0,1,.45.39,2.2,2.2,0,0,1,.3.43,2.16,2.16,0,0,1,.29-.43,2.74,2.74,0,0,1,.45-.39A2.33,2.33,0,0,1,28.22,27.5Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M7.76,12.68a2.49,2.49,0,0,1-.29-.43,2.49,2.49,0,0,1-.29.43,2.27,2.27,0,0,1-.45.38,2,2,0,0,1,.45.39,2.09,2.09,0,0,1,.29.42,2.42,2.42,0,0,1,.29-.42,1.79,1.79,0,0,1,.44-.39A2,2,0,0,1,7.76,12.68Z"}),f.default.createElement("path",{fill:"#047cc0",d:"M7.47,12.25a2.49,2.49,0,0,0,.29.43,2,2,0,0,0,.44.38,1.79,1.79,0,0,0-.44.39,2.42,2.42,0,0,0-.29.42,2.09,2.09,0,0,0-.29-.42,2,2,0,0,0-.45-.39,2.27,2.27,0,0,0,.45-.38,2.49,2.49,0,0,0,.29-.43m0-1.28a2.92,2.92,0,0,1-.65,1.36,2.3,2.3,0,0,1-1.17.73,2.25,2.25,0,0,1,1.17.74,2.84,2.84,0,0,1,.65,1.35,2.74,2.74,0,0,1,.64-1.35,2.24,2.24,0,0,1,1.18-.74h0a2.24,2.24,0,0,1-1.18-.74A2.74,2.74,0,0,1,7.47,11Z"}),f.default.createElement("path",{fill:"#047cc0",d:"M27.93,27.07a2.16,2.16,0,0,0,.29.43,2.33,2.33,0,0,0,.45.39,2.74,2.74,0,0,0-.45.39,2.16,2.16,0,0,0-.29.43,2.2,2.2,0,0,0-.3-.43,2.11,2.11,0,0,0-.45-.39,1.86,1.86,0,0,0,.45-.39,2.2,2.2,0,0,0,.3-.43m0-1.33a3,3,0,0,1-.67,1.39,2.33,2.33,0,0,1-1.21.76,2.29,2.29,0,0,1,1.21.76A3,3,0,0,1,27.93,30a2.85,2.85,0,0,1,.66-1.39,2.33,2.33,0,0,1,1.21-.76h0a2.33,2.33,0,0,1-1.21-.76,2.85,2.85,0,0,1-.66-1.39Z"}),f.default.createElement("path",{fill:"#047cc0",d:"M26.56,10a2.76,2.76,0,0,0-1.43,5.12l0,.07c-.18.29-.38.6-.59.91a8,8,0,0,0-2.65-2.6,6.42,6.42,0,0,0-.68-.37A8.06,8.06,0,0,0,10.43,23.87a1.14,1.14,0,0,0,.1.19c-1.82,2.61-2.61,4.69-1.89,5.41a1.07,1.07,0,0,0,.77.26c1,0,2.67-.79,4.63-2.15l.19.09a8,8,0,0,0,3.47.79,8.07,8.07,0,0,0,8.05-8.06A7.87,7.87,0,0,0,25,16.93l-.09-.18c.32-.47.62-.92.87-1.35A2.76,2.76,0,1,0,26.56,10ZM10.4,20.4a7.31,7.31,0,0,1,7.3-7.3,7.22,7.22,0,0,1,3.14.71c.22.11.42.22.62.34A7.24,7.24,0,0,1,24,16.64a.64.64,0,0,1,.08.14,45.05,45.05,0,0,1-4.61,5.35,45.6,45.6,0,0,1-5.35,4.61l-.14-.08a7.5,7.5,0,0,1-2.49-2.49c-.12-.2-.23-.41-.33-.62A7.26,7.26,0,0,1,10.4,20.4Zm-1,8.66a.5.5,0,0,1-.3-.06c-.14-.14-.22-1.07,1.2-3.39.18-.3.37-.6.58-.91a8.12,8.12,0,0,0,2.51,2.51h0C10.93,28.88,9.78,29.06,9.41,29.06ZM25,20.4a7.31,7.31,0,0,1-10.26,6.68,46.62,46.62,0,0,0,5.15-4.48,45.62,45.62,0,0,0,4.48-5.16A7.35,7.35,0,0,1,25,20.4Zm1.56-5.63a2,2,0,0,1-.43,0,10.73,10.73,0,0,0,.67-1.49.69.69,0,0,0-.63-.2,9.19,9.19,0,0,1-.66,1.43,2,2,0,1,1,1,.3Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M17.79,1.52a2,2,0,0,1,1,.26L33.07,10a2,2,0,0,1,1,1.7V28.26a2,2,0,0,1-1,1.7l-14.3,8.26a2,2,0,0,1-1,.26,2.06,2.06,0,0,1-1-.26L2.5,30a2,2,0,0,1-1-1.7V11.74a2,2,0,0,1,1-1.7L16.8,1.78a2.06,2.06,0,0,1,1-.26m0-1.52A3.48,3.48,0,0,0,16,.47L1.74,8.72a3.51,3.51,0,0,0-1.74,3V28.26a3.51,3.51,0,0,0,1.74,3L16,39.53a3.48,3.48,0,0,0,1.75.47,3.44,3.44,0,0,0,1.74-.47l14.3-8.25a3.49,3.49,0,0,0,1.75-3V11.74a3.49,3.49,0,0,0-1.75-3L19.53.47A3.44,3.44,0,0,0,17.79,0Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M39.36,15.91v-2h8.79v2H44.94v8.75H42.57V15.91Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M49.78,22.8a1.9,1.9,0,0,0,1.38.46,1.86,1.86,0,0,0,1.11-.32,1.31,1.31,0,0,0,.57-.68h1.88a3.57,3.57,0,0,1-1.38,2,4.07,4.07,0,0,1-2.26.6,4.53,4.53,0,0,1-1.65-.29,3.53,3.53,0,0,1-1.25-.84,3.83,3.83,0,0,1-.79-1.29,4.86,4.86,0,0,1-.28-1.66,4.52,4.52,0,0,1,.29-1.62,3.86,3.86,0,0,1,.81-1.3A3.71,3.71,0,0,1,49.47,17a4,4,0,0,1,1.61-.32,3.74,3.74,0,0,1,1.73.38,3.47,3.47,0,0,1,1.21,1,4.2,4.2,0,0,1,.69,1.48,5.48,5.48,0,0,1,.15,1.73H49.25A2.11,2.11,0,0,0,49.78,22.8Zm2.41-4.09A1.52,1.52,0,0,0,51,18.29a2,2,0,0,0-.85.17,1.8,1.8,0,0,0-.54.43,1.55,1.55,0,0,0-.28.54,2.17,2.17,0,0,0-.1.51h3.47A2.51,2.51,0,0,0,52.19,18.71Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M58.15,16.89v1.44h0a2.51,2.51,0,0,1,.41-.66,2.43,2.43,0,0,1,.58-.53,2.73,2.73,0,0,1,.71-.34,2.54,2.54,0,0,1,.78-.12,1.71,1.71,0,0,1,.47.08v2l-.36,0a3,3,0,0,0-.41,0,2.27,2.27,0,0,0-1,.19,1.82,1.82,0,0,0-.66.53,2.27,2.27,0,0,0-.35.79,4.32,4.32,0,0,0-.11,1v3.5H56.12V16.89Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M64.15,16.89v1.44h0a2.67,2.67,0,0,1,1-1.19,2.73,2.73,0,0,1,.71-.34,2.54,2.54,0,0,1,.78-.12,1.65,1.65,0,0,1,.46.08v2l-.36,0a2.75,2.75,0,0,0-.4,0,2.27,2.27,0,0,0-1,.19,1.82,1.82,0,0,0-.66.53,2.27,2.27,0,0,0-.35.79,4.32,4.32,0,0,0-.11,1v3.5H62.12V16.89Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M68.25,18a2.54,2.54,0,0,1,.84-.79,3.6,3.6,0,0,1,1.15-.43,6.27,6.27,0,0,1,1.29-.13,9.64,9.64,0,0,1,1.19.08,3.75,3.75,0,0,1,1.09.33,2.14,2.14,0,0,1,.82.66,1.9,1.9,0,0,1,.31,1.14v4a8.07,8.07,0,0,0,.06,1,1.82,1.82,0,0,0,.21.72H73.05a2.24,2.24,0,0,1-.1-.37,2.32,2.32,0,0,1,0-.38,2.76,2.76,0,0,1-1.21.74,4.82,4.82,0,0,1-1.41.21,3.84,3.84,0,0,1-1-.14,2.37,2.37,0,0,1-.84-.42,1.9,1.9,0,0,1-.56-.72,2.38,2.38,0,0,1-.2-1,2.23,2.23,0,0,1,.23-1.09,1.88,1.88,0,0,1,.6-.68,2.67,2.67,0,0,1,.84-.38,8.24,8.24,0,0,1,1-.21l.94-.12a5.8,5.8,0,0,0,.83-.13,1.38,1.38,0,0,0,.57-.27.57.57,0,0,0,.2-.5,1.09,1.09,0,0,0-.12-.55.75.75,0,0,0-.3-.31,1,1,0,0,0-.43-.15,3.12,3.12,0,0,0-.54,0,1.62,1.62,0,0,0-1,.27,1.21,1.21,0,0,0-.42.9H67.88A2.49,2.49,0,0,1,68.25,18Zm4.22,3-.44.11-.49.08-.51.07a3.59,3.59,0,0,0-.47.12,1.56,1.56,0,0,0-.41.2,1.09,1.09,0,0,0-.27.33,1,1,0,0,0-.11.49,1,1,0,0,0,.11.48.77.77,0,0,0,.28.31,1.11,1.11,0,0,0,.42.16,2.73,2.73,0,0,0,.5.05,1.93,1.93,0,0,0,1-.21,1.46,1.46,0,0,0,.51-.51,1.65,1.65,0,0,0,.2-.59c0-.2,0-.36,0-.48v-.8A1.11,1.11,0,0,1,72.47,21.05Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M80.46,13.93v6.64a5.24,5.24,0,0,0,.21,1.59,2.68,2.68,0,0,0,.62,1.07,2.49,2.49,0,0,0,1,.6A4.47,4.47,0,0,0,83.6,24a4.56,4.56,0,0,0,1.34-.19,2.49,2.49,0,0,0,1-.6,2.68,2.68,0,0,0,.62-1.07,5.24,5.24,0,0,0,.21-1.59V13.93h1V20.8a5.42,5.42,0,0,1-.23,1.57,3.42,3.42,0,0,1-.74,1.3,3.65,3.65,0,0,1-1.29.88,5,5,0,0,1-1.92.32,4.94,4.94,0,0,1-1.9-.32,3.47,3.47,0,0,1-1.29-.88,3.42,3.42,0,0,1-.74-1.3,5.1,5.1,0,0,1-.23-1.57V13.93Z"}),f.default.createElement("path",{fill:"#f1f1f2",d:"M91.31,13.93V24.66h-1V13.93Z"}))),contentRight:f.default.createElement("svg",{className:d("content-right-graphics"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 147 40"},f.default.createElement("title",null,"Artboard 1"),f.default.createElement("path",{d:"M4.05,20.45V27H11V20.45h3.77V37.58H11V30.19H4.05v7.39H.28V20.45Z",fill:"#fff"}),f.default.createElement("path",{d:"M21.35,34.61a3.07,3.07,0,0,0,2.21.74,3.08,3.08,0,0,0,1.78-.51,2.17,2.17,0,0,0,.91-1.1h3A5.72,5.72,0,0,1,27,36.94a6.49,6.49,0,0,1-3.6,1,7.1,7.1,0,0,1-2.64-.47,5.53,5.53,0,0,1-2-1.33A5.88,5.88,0,0,1,17.55,34a7.46,7.46,0,0,1-.45-2.64,7.31,7.31,0,0,1,.46-2.59,6,6,0,0,1,3.3-3.46,6.56,6.56,0,0,1,2.58-.5,5.85,5.85,0,0,1,2.76.61,5.52,5.52,0,0,1,1.93,1.65,6.51,6.51,0,0,1,1.09,2.35,8.42,8.42,0,0,1,.24,2.76H20.51A3.48,3.48,0,0,0,21.35,34.61Zm3.85-6.53a2.36,2.36,0,0,0-1.86-.67,3,3,0,0,0-1.35.27,2.77,2.77,0,0,0-.87.69,2.63,2.63,0,0,0-.45.86,4.2,4.2,0,0,0-.16.82h5.55A3.92,3.92,0,0,0,25.2,28.08Z",fill:"#fff"}),f.default.createElement("path",{d:"M31.94,27a4.07,4.07,0,0,1,1.34-1.27A6,6,0,0,1,35.12,25a10.87,10.87,0,0,1,2.05-.2,13.55,13.55,0,0,1,1.89.13,5.81,5.81,0,0,1,1.76.52,3.36,3.36,0,0,1,1.29,1.07,2.94,2.94,0,0,1,.51,1.81v6.45a13.83,13.83,0,0,0,.09,1.61,3,3,0,0,0,.34,1.15H39.59a5.47,5.47,0,0,1-.15-.58,6.17,6.17,0,0,1-.09-.62,4.37,4.37,0,0,1-1.92,1.18,7.82,7.82,0,0,1-2.25.34,6.23,6.23,0,0,1-1.66-.22A3.75,3.75,0,0,1,32.18,37a3.08,3.08,0,0,1-.9-1.15A3.87,3.87,0,0,1,31,34.2a3.74,3.74,0,0,1,.37-1.74,3.09,3.09,0,0,1,1-1.09,4.26,4.26,0,0,1,1.35-.61,13.28,13.28,0,0,1,1.52-.33c.51-.08,1-.14,1.51-.19A8.63,8.63,0,0,0,38,30a2.18,2.18,0,0,0,.92-.42.94.94,0,0,0,.31-.8,1.83,1.83,0,0,0-.18-.88,1.36,1.36,0,0,0-.48-.5,1.87,1.87,0,0,0-.7-.24,5.67,5.67,0,0,0-.85-.06,2.56,2.56,0,0,0-1.58.43A1.94,1.94,0,0,0,34.74,29h-3.4A3.81,3.81,0,0,1,31.94,27Zm6.73,4.81A6.49,6.49,0,0,1,38,32q-.37.07-.78.12l-.81.12a6.49,6.49,0,0,0-.76.19,2.21,2.21,0,0,0-.65.33,1.55,1.55,0,0,0-.44.51,1.72,1.72,0,0,0-.17.8,1.58,1.58,0,0,0,.17.76,1.28,1.28,0,0,0,.45.5,2,2,0,0,0,.68.25,4.07,4.07,0,0,0,.79.07A3,3,0,0,0,38,35.3a2.14,2.14,0,0,0,.81-.8,2.51,2.51,0,0,0,.33-1,6.42,6.42,0,0,0,.06-.77V31.51A1.57,1.57,0,0,1,38.67,31.81Z",fill:"#fff"}),f.default.createElement("path",{d:"M48.76,20.45V37.58H45.35V20.45Z",fill:"#fff"}),f.default.createElement("path",{d:"M58.26,25.18v2.28H55.77V33.6a1.61,1.61,0,0,0,.29,1.15,1.66,1.66,0,0,0,1.15.29l.55,0a3.73,3.73,0,0,0,.5-.08v2.64a8.12,8.12,0,0,1-1,.1c-.35,0-.69,0-1,0a10.21,10.21,0,0,1-1.5-.1,3.92,3.92,0,0,1-1.25-.42,2.28,2.28,0,0,1-.85-.89,3.17,3.17,0,0,1-.31-1.51V27.46H50.3V25.18h2.06V21.46h3.41v3.72Z",fill:"#fff"}),f.default.createElement("path",{d:"M63.3,20.45V26.9h.08A3.94,3.94,0,0,1,65,25.33a4.44,4.44,0,0,1,2-.49,5.73,5.73,0,0,1,2.24.37,3.26,3.26,0,0,1,1.38,1,3.88,3.88,0,0,1,.71,1.61,9.7,9.7,0,0,1,.21,2.1v7.63H68.13v-7a4.38,4.38,0,0,0-.48-2.3,1.87,1.87,0,0,0-1.71-.75,2.33,2.33,0,0,0-2,.83,4.56,4.56,0,0,0-.63,2.72v6.5H59.9V20.45Z",fill:"#fff"}),f.default.createElement("path",{d:"M77.78,34.61a3,3,0,0,0,2.2.74,3.08,3.08,0,0,0,1.78-.51,2.12,2.12,0,0,0,.91-1.1h3a5.67,5.67,0,0,1-2.21,3.2,6.49,6.49,0,0,1-3.6,1,7.17,7.17,0,0,1-2.64-.47,5.62,5.62,0,0,1-2-1.33A6.19,6.19,0,0,1,74,34a7.7,7.7,0,0,1-.44-2.64A7.3,7.3,0,0,1,74,28.8a6,6,0,0,1,3.3-3.46,6.56,6.56,0,0,1,2.58-.5,5.85,5.85,0,0,1,2.76.61,5.55,5.55,0,0,1,1.94,1.65,6.86,6.86,0,0,1,1.09,2.35,9,9,0,0,1,.24,2.76h-9A3.39,3.39,0,0,0,77.78,34.61Zm3.85-6.53a2.39,2.39,0,0,0-1.86-.67,3,3,0,0,0-1.36.27,2.62,2.62,0,0,0-.86.69,2.48,2.48,0,0,0-.46.86,3.5,3.5,0,0,0-.15.82h5.54A3.91,3.91,0,0,0,81.63,28.08Z",fill:"#fff"}),f.default.createElement("path",{d:"M90.86,20.45V37.58H88.58V20.45Z",fill:"#fff"}),f.default.createElement("path",{d:"M96.28,25.18v2h0a4.3,4.3,0,0,1,4-2.25,5.48,5.48,0,0,1,2,.33,3.31,3.31,0,0,1,2,2.37,8,8,0,0,1,.2,1.83v8.16h-2v-8.4a2.46,2.46,0,0,0-.67-1.82,2.5,2.5,0,0,0-1.85-.67,4,4,0,0,0-1.62.29,3.12,3.12,0,0,0-1.14.81A3.56,3.56,0,0,0,96.63,29a5.09,5.09,0,0,0-.23,1.55v7h-2V25.18Z",fill:"#fff"}),f.default.createElement("path",{d:"M113,25.18V27h-2.47v7.7a2.29,2.29,0,0,0,.06.58.59.59,0,0,0,.22.33,1.13,1.13,0,0,0,.47.16q.3,0,.78,0H113v1.8h-1.56a7.64,7.64,0,0,1-1.36-.1,2.12,2.12,0,0,1-.91-.4,1.74,1.74,0,0,1-.52-.82,4.77,4.77,0,0,1-.16-1.39V27h-2.12v-1.8h2.12V21.46h2v3.72Z",fill:"#fff"}),f.default.createElement("path",{d:"M124.05,36.79a5.61,5.61,0,0,1-3.51,1.06,6.39,6.39,0,0,1-2.58-.48A5,5,0,0,1,116.13,36,5.62,5.62,0,0,1,115,34a9.77,9.77,0,0,1-.42-2.62,7.45,7.45,0,0,1,.43-2.59,6.31,6.31,0,0,1,1.21-2,5.55,5.55,0,0,1,4.19-1.82,5.14,5.14,0,0,1,2.75.68,5.49,5.49,0,0,1,1.75,1.74,6.73,6.73,0,0,1,.91,2.31A9.85,9.85,0,0,1,126,32h-9.29a4.92,4.92,0,0,0,.19,1.55,3.42,3.42,0,0,0,1.92,2.2,4.32,4.32,0,0,0,1.76.33,3.52,3.52,0,0,0,2.12-.6,2.93,2.93,0,0,0,1.09-1.82h2A5,5,0,0,1,124.05,36.79Zm-.49-8a3.62,3.62,0,0,0-.75-1.11,3.7,3.7,0,0,0-1.1-.75,3.62,3.62,0,0,0-1.41-.27,3.56,3.56,0,0,0-1.42.27,3.43,3.43,0,0,0-1.1.76,3.71,3.71,0,0,0-.72,1.12,4.29,4.29,0,0,0-.31,1.35h7.13A4.28,4.28,0,0,0,123.56,28.82Z",fill:"#fff"}),f.default.createElement("path",{d:"M130.07,25.18v2h.05a4.3,4.3,0,0,1,4-2.25,5.44,5.44,0,0,1,2,.33,3.31,3.31,0,0,1,2,2.37,8,8,0,0,1,.2,1.83v8.16h-2v-8.4a2.46,2.46,0,0,0-.67-1.82,2.49,2.49,0,0,0-1.85-.67,4,4,0,0,0-1.62.29,3.12,3.12,0,0,0-1.14.81,3.56,3.56,0,0,0-.68,1.24,5.09,5.09,0,0,0-.23,1.55v7h-2V25.18Z",fill:"#fff"}),f.default.createElement("path",{d:"M146.8,25.18V27h-2.47v7.7a2.29,2.29,0,0,0,.06.58.59.59,0,0,0,.22.33,1.13,1.13,0,0,0,.47.16q.3,0,.78,0h.94v1.8h-1.56a7.64,7.64,0,0,1-1.36-.1,2.12,2.12,0,0,1-.91-.4,1.74,1.74,0,0,1-.52-.82,4.77,4.77,0,0,1-.16-1.39V27h-2.12v-1.8h2.12V21.46h2v3.72Z",fill:"#fff"}),f.default.createElement("path",{d:"M.29,3.84H4.07a3.58,3.58,0,0,1,1.49.27A2.24,2.24,0,0,1,6.87,5.63,4,4,0,0,1,7,6.49a3.9,3.9,0,0,1-.11.86,2.25,2.25,0,0,1-.43.86,2.33,2.33,0,0,1-.88.65,3.59,3.59,0,0,1-1.49.26H1.79v3.29H.29ZM1.79,7.9H4a2.4,2.4,0,0,0,.52-.07A1.44,1.44,0,0,0,5,7.59a1.3,1.3,0,0,0,.37-.43,1.53,1.53,0,0,0,.13-.68,1.71,1.71,0,0,0-.12-.69A1.14,1.14,0,0,0,5,5.35a1.29,1.29,0,0,0-.47-.23,2.48,2.48,0,0,0-.56,0H1.79Z",fill:"#fff"}),f.default.createElement("path",{d:"M10.65,12.58a3.27,3.27,0,0,1-1.32-.25,2.78,2.78,0,0,1-1-.68,2.93,2.93,0,0,1-.61-1A4.22,4.22,0,0,1,7.73,8a3,3,0,0,1,.61-1,2.91,2.91,0,0,1,1-.68A3.45,3.45,0,0,1,10.65,6,3.47,3.47,0,0,1,12,6.28,2.78,2.78,0,0,1,13,7a2.9,2.9,0,0,1,.62,1,4.22,4.22,0,0,1,0,2.63,2.81,2.81,0,0,1-.62,1,2.65,2.65,0,0,1-1,.68A3.29,3.29,0,0,1,10.65,12.58Zm0-1.08a1.69,1.69,0,0,0,.8-.19A1.78,1.78,0,0,0,12,10.8a2.35,2.35,0,0,0,.32-.7,3.21,3.21,0,0,0,0-1.59,2.24,2.24,0,0,0-.32-.7,1.75,1.75,0,0,0-.55-.5,1.76,1.76,0,0,0-1.59,0,1.65,1.65,0,0,0-.55.5,2.24,2.24,0,0,0-.32.7A3.21,3.21,0,0,0,9,10.1a2.35,2.35,0,0,0,.32.7,1.54,1.54,0,0,0,1.34.7Z",fill:"#fff"}),f.default.createElement("path",{d:"M14.07,6.21h1.46l1.21,4.63h0l1.17-4.63h1.38l1.11,4.63h0l1.26-4.63H23.1l-2,6.2h-1.4L18.6,7.8h0l-1.13,4.61H16Z",fill:"#fff"}),f.default.createElement("path",{d:"M24.75,9.66a2.38,2.38,0,0,0,.11.7,1.73,1.73,0,0,0,.3.59,1.61,1.61,0,0,0,.52.4,1.92,1.92,0,0,0,1.71-.11,1.52,1.52,0,0,0,.54-.78h1.3a2.72,2.72,0,0,1-.37.91,2.71,2.71,0,0,1-1.47,1.07,3.45,3.45,0,0,1-1,.14,3.23,3.23,0,0,1-1.29-.24,2.76,2.76,0,0,1-1-.67,3,3,0,0,1-.59-1,4.25,4.25,0,0,1-.19-1.32,3.73,3.73,0,0,1,.21-1.25,3.15,3.15,0,0,1,.6-1,2.77,2.77,0,0,1,2.19-1,2.84,2.84,0,0,1,1.31.3,3.07,3.07,0,0,1,1,.81,3.36,3.36,0,0,1,.55,1.16,3.41,3.41,0,0,1,.09,1.35Zm3.2-.9a2.54,2.54,0,0,0-.14-.62,1.67,1.67,0,0,0-.31-.52A1.92,1.92,0,0,0,27,7.25a1.45,1.45,0,0,0-.63-.13,1.76,1.76,0,0,0-.66.12,1.61,1.61,0,0,0-.5.35,1.87,1.87,0,0,0-.34.52,2,2,0,0,0-.14.65Z",fill:"#fff"}),f.default.createElement("path",{d:"M30.07,6.21h1.28v1.2h0a1.5,1.5,0,0,1,.23-.5A2.44,2.44,0,0,1,32,6.48a2,2,0,0,1,.55-.32A1.62,1.62,0,0,1,33.19,6h.33l.19,0V7.39l-.3,0-.29,0a1.66,1.66,0,0,0-.66.14,1.49,1.49,0,0,0-.53.41,2.08,2.08,0,0,0-.36.66,2.88,2.88,0,0,0-.13.92v2.95H30.07Z",fill:"#fff"}),f.default.createElement("path",{d:"M34.86,9.66a2.37,2.37,0,0,0,.1.7,1.75,1.75,0,0,0,.31.59,1.47,1.47,0,0,0,.51.4,1.73,1.73,0,0,0,.75.15,1.63,1.63,0,0,0,1-.26,1.48,1.48,0,0,0,.55-.78h1.29a2.53,2.53,0,0,1-.37.91,2.64,2.64,0,0,1-.63.66,2.74,2.74,0,0,1-.84.41,3.43,3.43,0,0,1-1,.14,3.31,3.31,0,0,1-1.3-.24,2.72,2.72,0,0,1-.95-.67,2.88,2.88,0,0,1-.59-1,4.25,4.25,0,0,1-.2-1.32,3.73,3.73,0,0,1,.21-1.25,3.15,3.15,0,0,1,.6-1,2.78,2.78,0,0,1,.94-.72A2.83,2.83,0,0,1,36.49,6a2.78,2.78,0,0,1,1.31.3,3.07,3.07,0,0,1,1,.81,3.38,3.38,0,0,1,.56,1.16,3.82,3.82,0,0,1,.09,1.35Zm3.19-.9a2.15,2.15,0,0,0-.14-.62,1.5,1.5,0,0,0-.31-.52,1.62,1.62,0,0,0-.48-.37,1.45,1.45,0,0,0-.63-.13,1.67,1.67,0,0,0-.65.12,1.54,1.54,0,0,0-.51.35,1.65,1.65,0,0,0-.33.52,1.76,1.76,0,0,0-.14.65Z",fill:"#fff"}),f.default.createElement("path",{d:"M46,12.41h-1.3v-.84h0a1.6,1.6,0,0,1-.81.77,2.64,2.64,0,0,1-1.11.24,3,3,0,0,1-1.28-.26,2.64,2.64,0,0,1-.91-.7,3.08,3.08,0,0,1-.54-1,4.59,4.59,0,0,1-.18-1.3,4.26,4.26,0,0,1,.23-1.46,2.91,2.91,0,0,1,.61-1,2.37,2.37,0,0,1,.86-.59,2.88,2.88,0,0,1,1-.18,4,4,0,0,1,.59,0,3,3,0,0,1,.58.18,2.62,2.62,0,0,1,.51.3,2.05,2.05,0,0,1,.39.44h0V3.84H46Zm-4.78-3a3.33,3.33,0,0,0,.1.78,2.19,2.19,0,0,0,.32.69,1.53,1.53,0,0,0,.53.48,1.57,1.57,0,0,0,.77.18,1.61,1.61,0,0,0,.78-.19,1.65,1.65,0,0,0,.54-.51,2.35,2.35,0,0,0,.32-.7,3.58,3.58,0,0,0,.1-.8,2.57,2.57,0,0,0-.46-1.61A1.54,1.54,0,0,0,43,7.12a1.48,1.48,0,0,0-.81.2,1.65,1.65,0,0,0-.54.51,2.11,2.11,0,0,0-.3.72A3.75,3.75,0,0,0,41.24,9.37Z",fill:"#fff"}),f.default.createElement("path",{d:"M50.3,3.84h1.37V7h0A2.3,2.3,0,0,1,52,6.6a2.77,2.77,0,0,1,.45-.31A3.24,3.24,0,0,1,53,6.1,2.46,2.46,0,0,1,53.54,6a3,3,0,0,1,1.28.25,2.67,2.67,0,0,1,.91.71,3.08,3.08,0,0,1,.54,1.05,4.55,4.55,0,0,1,0,2.5,3,3,0,0,1-.49,1,2.38,2.38,0,0,1-2,1c-.21,0-.42,0-.63,0a2.64,2.64,0,0,1-.61-.17,2.11,2.11,0,0,1-.52-.31,1.67,1.67,0,0,1-.39-.5h0v.85H50.3Zm4.78,5.47A3.1,3.1,0,0,0,55,8.5a2.3,2.3,0,0,0-.32-.71,1.94,1.94,0,0,0-.54-.49,1.54,1.54,0,0,0-.75-.18,1.51,1.51,0,0,0-1.3.6,2.65,2.65,0,0,0-.44,1.59,3,3,0,0,0,.12.87,1.86,1.86,0,0,0,.34.69,1.58,1.58,0,0,0,.54.46,1.61,1.61,0,0,0,.74.17,1.59,1.59,0,0,0,.79-.19,1.73,1.73,0,0,0,.54-.5,2.09,2.09,0,0,0,.3-.7A3.57,3.57,0,0,0,55.08,9.31Z",fill:"#fff"}),f.default.createElement("path",{d:"M56.63,6.21h1.5l1.62,4.63h0l1.57-4.63h1.43l-2.42,6.54c-.11.28-.22.54-.33.8a3.45,3.45,0,0,1-.39.68,1.91,1.91,0,0,1-.58.47,2.08,2.08,0,0,1-.89.17,7.59,7.59,0,0,1-.95-.07V13.65l.33,0a1.66,1.66,0,0,0,.32,0,1.16,1.16,0,0,0,.4-.06.78.78,0,0,0,.26-.17,1.78,1.78,0,0,0,.17-.27,3,3,0,0,0,.13-.36l.16-.49Z",fill:"#fff"})),contentBottom:f.default.createElement("span",null,f.default.createElement("small",null,"Copyright © 2018 Cerner Corporation. All Rights Reserved."))}))}},27974:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"BrandFooter-module__orion-fusion-theme___n75bX","clinical-lowlight-theme":"BrandFooter-module__clinical-lowlight-theme___Vf--T","brand-footer":"BrandFooter-module__brand-footer___b9njT",nav:"BrandFooter-module__nav___IBpIz","nav-vertical":"BrandFooter-module__nav-vertical___FjiLZ","navigation-section":"BrandFooter-module__navigation-section___zYTeN",menu:"BrandFooter-module__menu___NZl7w","list-item":"BrandFooter-module__list-item___vONgq","list-header":"BrandFooter-module__list-header___iulz2","nav-horizontal":"BrandFooter-module__nav-horizontal___j+v2A",separator:"BrandFooter-module__separator___K-+a6",link:"BrandFooter-module__link___NjxTD","footer-content":"BrandFooter-module__footer-content___wcx5p","content-top":"BrandFooter-module__content-top___7LO0D","content-bottom":"BrandFooter-module__content-bottom___yHyjc"}},99954:function(e,t,a){a.r(t),t.default={"content-left-graphics":"BrandFooterTestCommon-module__content-left-graphics___0Jjuj","content-right-graphics":"BrandFooterTestCommon-module__content-right-graphics___X-8GV",content:"BrandFooterTestCommon-module__content___Z11UU"}}}]); \ No newline at end of file diff --git a/pull/1840/27852-4172792c03b2a76766c5.css b/pull/1840/27852-4172792c03b2a76766c5.css new file mode 100644 index 00000000000..c5c9e0c35d1 --- /dev/null +++ b/pull/1840/27852-4172792c03b2a76766c5.css @@ -0,0 +1 @@ +.HookshotTestDocCommon-module__wrapper___4fVuR{height:145px;width:540px}[dir] .HookshotTestDocCommon-module__wrapper___4fVuR{border:1px dashed gray}.HookshotTestDocCommon-module__content___nnbLT{height:36px;width:100px}[dir] .HookshotTestDocCommon-module__content___nnbLT{background-color:#d3d3d3;margin-top:55px}[dir=ltr] .HookshotTestDocCommon-module__content___nnbLT{margin-left:220px;margin-right:220px}[dir=rtl] .HookshotTestDocCommon-module__content___nnbLT{margin-right:220px;margin-left:220px}.HookshotTestDocCommon-module__default-hookshot-wrapper___rcvev{height:40px;width:200px}.HookshotTestDocCommon-module__content-wrapper___uu2O7{height:145px;position:relative;width:500px}[dir] .HookshotTestDocCommon-module__content-wrapper___uu2O7{border:1px dashed gray}.HookshotTestDocCommon-module__content-wrapper___uu2O7 button{position:absolute;top:50%}[dir=ltr] .HookshotTestDocCommon-module__content-wrapper___uu2O7 button{left:210px}[dir=rtl] .HookshotTestDocCommon-module__content-wrapper___uu2O7 button{right:210px}.HookshotTestDocCommon-module__hookshot-wrapper___42aIJ{height:300px;width:300px}[dir] .HookshotTestDocCommon-module__hookshot-wrapper___42aIJ{border:1px dashed gray}.HookshotTestDocCommon-module__hookshot-content-wrapper___UEwHf{height:36px;width:200px}[dir] .HookshotTestDocCommon-module__hookshot-content-wrapper___UEwHf{background-color:#b0e0e6}[dir=ltr] .HookshotTestDocCommon-module__hookshot-auto-flipped___-y7Or{margin-left:50px}[dir=rtl] .HookshotTestDocCommon-module__hookshot-auto-flipped___-y7Or{margin-right:50px}[dir=ltr] .HookshotTestDocCommon-module__hookshot-auto-90___sVf13, [dir=ltr] .HookshotTestDocCommon-module__hookshot-flip-pushed___n6qar{margin-left:60px}[dir=rtl] .HookshotTestDocCommon-module__hookshot-auto-90___sVf13, [dir=rtl] .HookshotTestDocCommon-module__hookshot-flip-pushed___n6qar{margin-right:60px}[dir] .HookshotTestDocCommon-module__hookshot-auto-neg-90___6nGRm{margin-top:100px}[dir=ltr] .HookshotTestDocCommon-module__hookshot-auto-neg-90___6nGRm{margin-left:60px}[dir=rtl] .HookshotTestDocCommon-module__hookshot-auto-neg-90___6nGRm{margin-right:60px}[dir] .HookshotTestDocCommon-module__hookshot-auto-pushed___LMUqc{margin-top:100px}[dir=ltr] .HookshotTestDocCommon-module__hookshot-auto-pushed___LMUqc{margin-left:110px}[dir=rtl] .HookshotTestDocCommon-module__hookshot-auto-pushed___LMUqc{margin-right:110px}.HookshotTestDocCommon-module__hookshot-wrapper-auto-90___A10vz,.HookshotTestDocCommon-module__hookshot-wrapper-auto-neg-90___ScRVv,.HookshotTestDocCommon-module__hookshot-wrapper-auto-pushed___BoMtb,.HookshotTestDocCommon-module__hookshot-wrapper-flip-pushed___xbRkR{width:220px}[dir=ltr] .HookshotTestDocCommon-module__hookshot-flip-flipped___F4w-b{margin-left:50px}[dir=rtl] .HookshotTestDocCommon-module__hookshot-flip-flipped___F4w-b{margin-right:50px}[dir=ltr] .HookshotTestDocCommon-module__hookshot-none-offset___dC460, [dir=ltr] .HookshotTestDocCommon-module__hookshot-push-pushed___zVaYL, [dir=ltr] .HookshotTestDocCommon-module__hookshot-container-right___nCSPo{margin-left:50px}[dir=rtl] .HookshotTestDocCommon-module__hookshot-none-offset___dC460, [dir=rtl] .HookshotTestDocCommon-module__hookshot-push-pushed___zVaYL, [dir=rtl] .HookshotTestDocCommon-module__hookshot-container-right___nCSPo{margin-right:50px}[dir] .HookshotTestDocCommon-module__hookshot-container-up___nHMGI{margin-top:100px}[dir] .HookshotTestDocCommon-module__hookshot-container-down___4IQba{margin-top:20px}[dir=ltr] .HookshotTestDocCommon-module__hookshot-container-left___u3\+7E{margin-left:300px;margin-right:140px}[dir=rtl] .HookshotTestDocCommon-module__hookshot-container-left___u3\+7E{margin-right:300px;margin-left:140px} diff --git a/pull/1840/27852-4172792c03b2a76766c5.js b/pull/1840/27852-4172792c03b2a76766c5.js new file mode 100644 index 00000000000..c376668646e --- /dev/null +++ b/pull/1840/27852-4172792c03b2a76766c5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[27852],{82308:function(t,e,o){var n=o(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(o(56690)),l=n(o(89728)),r=n(o(66115)),u=n(o(61655)),h=n(o(94993)),c=n(o(73808)),s=n(o(67294)),d=n(o(42285));function i(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=(0,c.default)(t);if(e){var a=(0,c.default)(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return(0,h.default)(this,o)}}var m=function(t){(0,u.default)(o,t);var e=i(o);function o(t){var n;return(0,a.default)(this,o),(n=e.call(this,t)).handleTargetAttachment=n.handleTargetAttachment.bind((0,r.default)(n)),n.state={attachment:"top start"},n}return(0,l.default)(o,[{key:"handleTargetAttachment",value:function(t){this.setState({attachment:t.target.value})}},{key:"render",value:function(){return s.default.createElement("div",null,s.default.createElement(d.default,{id:"attachment",hookshotContentProps:{closeOnEsc:!1,closeOnOutsideClick:!1,closeOnResize:!1},contentAttachment:"bottom center",type:"primary",targetAttachment:this.state.attachment,isOpen:!0}),s.default.createElement("p",null," Content attachement: bottom center "),s.default.createElement("p",null," Choose the target attachement: "),s.default.createElement("button",{type:"button",id:"attach-TS",value:"top start",onClick:this.handleTargetAttachment},"TOP START"),s.default.createElement("button",{type:"button",id:"attach-TC",value:"top center",onClick:this.handleTargetAttachment},"TOP CENTER"),s.default.createElement("button",{type:"button",id:"attach-TE",value:"top end",onClick:this.handleTargetAttachment},"TOP END"),s.default.createElement("button",{type:"button",id:"attach-MS",value:"middle start",onClick:this.handleTargetAttachment},"MIDDLE START"),s.default.createElement("button",{type:"button",id:"attach-MC",value:"middle center",onClick:this.handleTargetAttachment},"MIDDLE CENTER"),s.default.createElement("button",{type:"button",id:"attach-ME",value:"middle end",onClick:this.handleTargetAttachment},"MIDDLE END"),s.default.createElement("button",{type:"button",id:"attach-BS",value:"bottom start",onClick:this.handleTargetAttachment},"BOTTOM START"),s.default.createElement("button",{type:"button",id:"attach-BC",value:"bottom center",onClick:this.handleTargetAttachment},"BOTTOM CENTER"),s.default.createElement("button",{type:"button",id:"attach-BE",value:"bottom end",onClick:this.handleTargetAttachment},"BOTTOM END"))}}]),o}(s.default.Component);e.default=m},83778:function(t,e,o){var n=o(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(o(67294)),l=n(o(47166)),r=n(o(29121)),u=n(o(24542)),h=l.default.bind(u.default);e.default=function(t){return a.default.createElement(r.default.Content,t,a.default.createElement("div",{className:h("hookshot-content-wrapper")},"Hookshot"))}},42285:function(t,e,o){var n=o(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(o(10434)),l=n(o(70215)),r=n(o(56690)),u=n(o(89728)),h=n(o(66115)),c=n(o(61655)),s=n(o(94993)),d=n(o(73808)),i=n(o(67294)),m=n(o(47166)),f=n(o(45697)),p=n(o(29121)),_=n(o(83778)),k=n(o(24542)),v=["hookshotContentProps","id","isOpen","contentAttachment","targetAttachment","attachmentMargin","includeSvgs","type"];function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=(0,d.default)(t);if(e){var a=(0,d.default)(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return(0,s.default)(this,o)}}var C=m.default.bind(k.default),T={hookshotContentProps:f.default.any,id:f.default.string,isOpen:f.default.bool,includeSvgs:f.default.bool,contentAttachment:f.default.string,targetAttachment:f.default.string,type:f.default.string,attachmentMargin:f.default.number},b=function(t){return"middle start"===t?{vertical:"middle",horizontal:"start"}:"middle end"===t?{vertical:"middle",horizontal:"end"}:"middle center"===t?{vertical:"middle",horizontal:"center"}:"top start"===t?{vertical:"top",horizontal:"start"}:"top end"===t?{vertical:"top",horizontal:"end"}:"top center"===t?{vertical:"top",horizontal:"center"}:"bottom start"===t?{vertical:"bottom",horizontal:"start"}:"bottom end"===t?{vertical:"bottom",horizontal:"end"}:{vertical:"bottom",horizontal:"center"}},E=function(t){(0,c.default)(o,t);var e=g(o);function o(t){var n;return(0,r.default)(this,o),(n=e.call(this,t)).triggerHookshot=n.triggerHookshot.bind((0,h.default)(n)),n.handleRequestClose=n.handleRequestClose.bind((0,h.default)(n)),n.state={open:t.isOpen},n}return(0,u.default)(o,[{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"triggerHookshot",value:function(){this.setState({open:!0})}},{key:"render",value:function(){var t=this.props,e=t.hookshotContentProps,o=t.id,n=(t.isOpen,t.contentAttachment),r=t.targetAttachment,u=t.attachmentMargin,h=t.includeSvgs,c=t.type,s=(0,l.default)(t,v),d=i.default.createElement("div",null,i.default.createElement("svg",{id:"svg1",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",height:"2em",width:"2em"},i.default.createElement("path",{fill:"#78C346",d:"M24 0c13.3 0 24 10.7 24 24S37.3 48 24 48 0 37.3 0 24C0 10.8 10.7 0 23.9 0h.1z"}),i.default.createElement("path",{fill:"#FFF",d:"M20 36.4L6.7 23.1l3.6-3.6 9.7 9.9 17.7-17.9 3.6 3.6L20 36.4z"})),i.default.createElement("svg",{id:"svg2",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",height:"2em",width:"2em"},i.default.createElement("path",{fill:"#B1B5B6",d:"M24 0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0zm13.9 33.8l-2.1 2.1-1.2 1.2-1 .9-9.6-9.7-9.6 9.7-2.2-2.1-1.1-1.1-1-1 9.7-9.8-9.7-9.8 1-1 1.1-1.1 2.2-2.1 9.6 9.7 9.6-9.7 1 .9 1.2 1.2 2.1 2.1-9.7 9.8 9.7 9.8z"})));return i.default.createElement("div",{id:"".concat(o,"-bounds"),className:C(["wrapper","hookshot-wrapper-".concat(c)])},i.default.createElement(p.default,(0,a.default)({id:o,contentAttachment:b(n),targetAttachment:b(r),attachmentMargin:u,isEnabled:!0,isOpen:this.state.open,targetRef:function(){return document.getElementById("trigger-".concat(o))},boundingRef:function(){return document.getElementById("".concat(o,"-bounds"))}},s),i.default.createElement(_.default,{id:"".concat(o,"-content"),onEsc:e.closeOnEsc?this.handleRequestClose:void 0,onOutsideClick:e.closeOnOutsideClick?this.handleRequestClose:void 0,onResize:e.closeOnResize?this.handleRequestClose:void 0})),i.default.createElement("button",{type:"button",id:"trigger-".concat(o),className:C(["content","hookshot-".concat(c)]),onClick:this.triggerHookshot},"Trigger Hookshot"),h&&d)}}]),o}(i.default.Component);E.propTypes=T,E.defaultProps={hookshotContentProps:{},id:"hookshot",isOpen:!1,includeSvgs:!1,contentAttachment:"middle end",targetAttachment:"middle start"};e.default=E},24542:function(t,e,o){o.r(e),e.default={wrapper:"HookshotTestDocCommon-module__wrapper___4fVuR",content:"HookshotTestDocCommon-module__content___nnbLT","default-hookshot-wrapper":"HookshotTestDocCommon-module__default-hookshot-wrapper___rcvev","content-wrapper":"HookshotTestDocCommon-module__content-wrapper___uu2O7","hookshot-wrapper":"HookshotTestDocCommon-module__hookshot-wrapper___42aIJ","hookshot-content-wrapper":"HookshotTestDocCommon-module__hookshot-content-wrapper___UEwHf","hookshot-auto-flipped":"HookshotTestDocCommon-module__hookshot-auto-flipped___-y7Or","hookshot-auto-90":"HookshotTestDocCommon-module__hookshot-auto-90___sVf13","hookshot-flip-pushed":"HookshotTestDocCommon-module__hookshot-flip-pushed___n6qar","hookshot-auto-neg-90":"HookshotTestDocCommon-module__hookshot-auto-neg-90___6nGRm","hookshot-auto-pushed":"HookshotTestDocCommon-module__hookshot-auto-pushed___LMUqc","hookshot-wrapper-auto-90":"HookshotTestDocCommon-module__hookshot-wrapper-auto-90___A10vz","hookshot-wrapper-auto-neg-90":"HookshotTestDocCommon-module__hookshot-wrapper-auto-neg-90___ScRVv","hookshot-wrapper-auto-pushed":"HookshotTestDocCommon-module__hookshot-wrapper-auto-pushed___BoMtb","hookshot-wrapper-flip-pushed":"HookshotTestDocCommon-module__hookshot-wrapper-flip-pushed___xbRkR","hookshot-flip-flipped":"HookshotTestDocCommon-module__hookshot-flip-flipped___F4w-b","hookshot-none-offset":"HookshotTestDocCommon-module__hookshot-none-offset___dC460","hookshot-push-pushed":"HookshotTestDocCommon-module__hookshot-push-pushed___zVaYL","hookshot-container-right":"HookshotTestDocCommon-module__hookshot-container-right___nCSPo","hookshot-container-up":"HookshotTestDocCommon-module__hookshot-container-up___nHMGI","hookshot-container-down":"HookshotTestDocCommon-module__hookshot-container-down___4IQba","hookshot-container-left":"HookshotTestDocCommon-module__hookshot-container-left___u3+7E"}}}]); \ No newline at end of file diff --git a/pull/1840/27961-1ab960c79540e4a74fdc.js b/pull/1840/27961-1ab960c79540e4a74fdc.js new file mode 100644 index 00000000000..d1d0bfa8a37 --- /dev/null +++ b/pull/1840/27961-1ab960c79540e4a74fdc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[27961],{27961:function(e,t,a){var n=a(64836),l=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(27424)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var o=r?Object.getOwnPropertyDescriptor(e,u):null;o&&(o.get||o.set)?Object.defineProperty(n,u,o):n[u]=e[u]}return n.default=e,a&&a.set(e,n),n}(a(67294)),o=n(a(50826)),i=n(a(76895)),c=n(a(75852)),f=n(a(59552)),d=n(a(62307));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var m={title:"Test Title"},p={name:"Test Name",initials:"TN"},v=[{icon:u.default.createElement(o.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:u.default.createElement(i.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:u.default.createElement(c.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:u.default.createElement(f.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],g=[{key:"/page_1",text:"Page 1",metaData:{test:"1"}},{key:"/page_2",text:"Page 2",metaData:{test:"2"}},{key:"/page_3",text:"Page 3",metaData:{test:"3"}},{key:"/page_4",text:"Page 4",metaData:{test:"4"}},{key:"/page_5",text:"Page 5",metaData:{test:"5"}},{key:"/page_6",text:"Page 6",metaData:{test:"6"}},{key:"/page_7",text:"Page 7",metaData:{test:"7"}},{key:"/page_8",text:"Page 8",metaData:{test:"8"}}],y=[{icon:u.default.createElement(o.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:u.default.createElement(i.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:u.default.createElement(c.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:u.default.createElement(f.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}];t.default=function(){var e=(0,u.useState)(!1),t=(0,r.default)(e,2),a=t[0],n=t[1],l=(0,u.useState)(""),o=(0,r.default)(l,2),i=o[0],c=o[1],f=function(e,t){alert("itemKey: ".concat(e,", metaData: ").concat(t.test))};return u.default.createElement(d.default,{titleConfig:m,userConfig:p,extensionItems:v,onSelectExtensionItem:f,navigationItems:g,activeNavigationItemKey:"/page_1",onSelectNavigationItem:f,utilityItems:y,onSelectUtilityItem:f,onSelectSettings:function(){return c("onSelectSettings was called")},onSelectHelp:function(){return c("onSelectHelp was called")},onSelectLogout:function(){return c("onSelectLogout was called")},onDrawerMenuStateChange:function(e){n(e)}},a?u.default.createElement("div",null," The drawer is open"):null,u.default.createElement("p",null,i))}},59552:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t.LayoutSlidePanel-module__panel___xUrqy{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{right:0}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-tiny___9Oz70{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-small___JXknd{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__content___Qa4PX{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___xUrqy[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___xHsZe{display:block;height:100%} +.LayoutTestCommon-module__content-wrapper1___Bg5D6{height:calc(100% - 10px);position:relative;width:calc(100% - 10px)}[dir] .LayoutTestCommon-module__content-wrapper1___Bg5D6{border:4px dashed #d3d3d3;margin:5px}.LayoutTestCommon-module__content-wrapper2___MLV9d{color:gray;position:absolute;top:50%}[dir=ltr] .LayoutTestCommon-module__content-wrapper2___MLV9d{left:50%;transform:translateX(-50%)}[dir=rtl] .LayoutTestCommon-module__content-wrapper2___MLV9d{right:50%;transform:translateX(50%)}[dir] .LayoutTestCommon-module__content-text___aUCzs{margin:0}.LayoutTestCommon-module__test-content-toggle___dqiBK,.LayoutTestCommon-module__test-menu-toggle___KH3eQ{display:inline;height:25px}[dir] .LayoutTestCommon-module__test-content-toggle___dqiBK, [dir] .LayoutTestCommon-module__test-menu-toggle___KH3eQ{border:1px dashed #d3d3d3}[dir=ltr] .LayoutTestCommon-module__test-content-toggle___dqiBK, [dir=ltr] .LayoutTestCommon-module__test-menu-toggle___KH3eQ{margin-left:5px}[dir=rtl] .LayoutTestCommon-module__test-content-toggle___dqiBK, [dir=rtl] .LayoutTestCommon-module__test-menu-toggle___KH3eQ{margin-right:5px} +.TestLayoutCommon-module__panel-content___11P0K,.TestLayoutCommon-module__layout-slide-panel-content___005M-,.TestLayoutCommon-module__content-wrapper___rNhg8{position:relative;width:100%}.TestLayoutCommon-module__panel-content___11P0K{height:100%}[dir] .TestLayoutCommon-module__panel-content___11P0K{background-color:red}.TestLayoutCommon-module__layout-slide-panel-content___005M-{height:100%}[dir] .TestLayoutCommon-module__layout-slide-panel-content___005M-{background-color:blue}.TestLayoutCommon-module__layout-test___vmcFP,.TestLayoutCommon-module__content-wrapper___rNhg8{height:768px} diff --git a/pull/1840/28120-c151fa213033993b6fde.js b/pull/1840/28120-c151fa213033993b6fde.js new file mode 100644 index 00000000000..1e76666141a --- /dev/null +++ b/pull/1840/28120-c151fa213033993b6fde.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[28120],{39597:function(e,t,n){"use strict";var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),u=o(n(47166)),r=o(n(4546)),l=o(n(80817)),c=o(n(84104)),d=o(n(41643)),i=u.default.bind(d.default);t.default=function(){return a.default.createElement(r.default,{className:i("layout-test"),key:"layout-no-header",menu:a.default.createElement(l.default,null),menuText:"Menu Text",id:"test-root"},a.default.createElement(c.default,null))}},84104:function(e,t,n){"use strict";var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),u=o(n(45697)),r=o(n(47166)),l=o(n(46186)),c=r.default.bind(l.default),d={layoutConfig:u.default.object},i=function(e){var t=e.layoutConfig;return a.default.createElement("div",{id:"test-content",className:c("content-wrapper1")},a.default.createElement("div",{className:c("content-wrapper2")},a.default.createElement("h2",{className:c("content-text")},"Content"),t.toggleMenu&&a.default.createElement("button",{type:"button",className:c("test-content-toggle"),onClick:t.toggleMenu},"Toggle Menu")))};i.propTypes=d;t.default=i},80817:function(e,t,n){"use strict";var o=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),u=o(n(45697)),r=o(n(47166)),l=o(n(46186)),c=r.default.bind(l.default),d={layoutConfig:u.default.object},i=function(e){var t=e.layoutConfig;return a.default.createElement("div",{id:"test-menu",className:c("content-wrapper1")},a.default.createElement("div",{className:c("content-wrapper2")},a.default.createElement("h2",{className:c("content-text")},"Menu"),t.toggleMenu&&a.default.createElement("button",{type:"button",className:c("test-menu-toggle"),onClick:t.toggleMenu},"Toggle Menu")))};i.propTypes=d;t.default=i},41643:function(e,t,n){"use strict";n.r(t),t.default={"panel-content":"TestLayoutCommon-module__panel-content___11P0K","layout-slide-panel-content":"TestLayoutCommon-module__layout-slide-panel-content___005M-","content-wrapper":"TestLayoutCommon-module__content-wrapper___rNhg8","layout-test":"TestLayoutCommon-module__layout-test___vmcFP"}},46186:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper1":"LayoutTestCommon-module__content-wrapper1___Bg5D6","content-wrapper2":"LayoutTestCommon-module__content-wrapper2___MLV9d","content-text":"LayoutTestCommon-module__content-text___aUCzs","test-content-toggle":"LayoutTestCommon-module__test-content-toggle___dqiBK","test-menu-toggle":"LayoutTestCommon-module__test-menu-toggle___KH3eQ"}},15059:function(e){var t=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],n=t.join(","),o="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function a(e,t){t=t||{};var a,r,l,i=[],s=[],f=e.querySelectorAll(n);for(t.includeContainer&&o.call(e,n)&&(f=Array.prototype.slice.apply(f)).unshift(e),a=0;a.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} diff --git a/pull/1840/28419-18e0ce35fa0a3dff343e.js b/pull/1840/28419-18e0ce35fa0a3dff343e.js new file mode 100644 index 00000000000..9845442c281 --- /dev/null +++ b/pull/1840/28419-18e0ce35fa0a3dff343e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[28419],{10155:function(e,t,l){var n=l(64836),a=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return i.default.createElement(d.default,{mainAriaLabel:"Patient allergies"},i.default.createElement(v,null))};var r=n(l(10434)),i=p(l(67294)),o=n(l(17092)),u=n(l(10027)),s=l(56019),c=p(l(93670)),d=n(l(34653)),f=n(l(45697));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(m=function(e){return e?l:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=m(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}var h=[{name:"Milk",notes:"Patient is allergic to milk products."},{name:"Peanuts",notes:"Patient is allergic to peanut products."},{name:"Pollen",notes:"Patient is allergic to pollen."}],y=i.default.createElement(o.default,{text:"Patient Allergies"});function g(e){var t=e.disclosureType,l=e.name,n=e.notes,a=(0,i.useContext)(s.DisclosureManagerContext);return i.default.createElement(u.default,{fill:!0},i.default.createElement(s.DisclosureManagerHeaderAdapter,{title:"".concat(l," Overview")}),i.default.createElement("div",null,i.default.createElement("h3",null,l),i.default.createElement("p",null,"Focus should be on the entire slide panel and assistive technologies should provide context that the user is in a new region."),i.default.createElement("p",null,"Dismissing from the slide panel should focus on the last active element and should provide context that the user is in a new region."),i.default.createElement("p",null,n),i.default.createElement("button",{type:"button",onClick:function(){a.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),i.default.createElement("button",{type:"button",onClick:function(){a.disclose({preferredType:"panel",size:"small",content:{key:"".concat(l," Symptoms"),component:i.default.createElement(E,{name:"".concat(l," Symptoms"),disclosureType:t})}})}},"View Symptoms")))}function E(e){var t=e.name,l=(0,i.useContext)(s.DisclosureManagerContext);return i.default.createElement(u.default,{fill:!0},i.default.createElement(s.DisclosureManagerHeaderAdapter,{title:t}),i.default.createElement("div",null,i.default.createElement("h3",null,t),i.default.createElement("p",null,"Focus should be on the entire slide panel and assistive technologies should provide context that the user is in a new region."),i.default.createElement("p",null,"Dismissing from a nested slide panel should focus on the last active element on the previous slide and should provide context that the user is in a new region."),i.default.createElement("ul",null,i.default.createElement("li",null,"Symptom A"),i.default.createElement("li",null,"Symptom B"),i.default.createElement("li",null,"Symptom C")),i.default.createElement("button",{type:"button",onClick:function(){l.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss")))}g.propTypes={disclosureType:f.default.string,name:f.default.string,notes:f.default.string},E.propTypes={name:f.default.string};var v=function(){var e=(0,i.useContext)(s.DisclosureManagerContext);return i.default.createElement(u.default,{fill:!0,header:y},i.default.createElement("p",{id:"list-title"},"Select an allergy from the list to view patient allergy details:"),i.default.createElement(c.default,{ariaDescription:"Select an allergy from the list to view patient allergy details",role:"listbox"},h.map((function(t){return i.default.createElement(c.Item,{key:t.name,isSelectable:!0,hasChevron:!0,onSelect:function(){e.disclose({preferredType:"panel",size:"small",content:{key:t.name,component:i.default.createElement(g,(0,r.default)({},t,{disclosureType:"panel"}))}})}},i.default.createElement("p",null,t.name))}))))}}}]); \ No newline at end of file diff --git a/pull/1840/28666-03d14556166106fa7be4.js b/pull/1840/28666-03d14556166106fa7be4.js new file mode 100644 index 00000000000..510f6f7a188 --- /dev/null +++ b/pull/1840/28666-03d14556166106fa7be4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[28666],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var l=n(a(67294)),r=n(a(45697)),o=n(a(47166)),u=n(a(17422)),c=o.default.bind(u.default),d={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},s=function(e){var t=e.src,a=e.name,n=e.url,r=e.version,o=l.default.createElement("a",{className:c("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:c("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(r))),u=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},o,u)};s.propTypes=d;var i=s;t.Z=i},49271:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=p(t);if(a&&a.has(e))return a.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}n.default=e,a&&a.set(e,n);return n}(a(67294)),u=n(a(45697)),c=n(a(47166)),d=a(21538),s=n(a(33864)),i=n(a(23399)),f=a(51051),m=n(a(53560));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}var _=c.default.bind(m.default),v={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,u=e.description,c=e.isExpanded,m=(0,o.useState)(c),p=(0,r.default)(m,2),v=p[0],h=p[1],E=(0,o.useState)(!1),w=(0,r.default)(E,2),y=w[0],x=w[1],O=o.default.useContext(d.ThemeContext),j=void 0!==n,N=function(){x(!y),v&&h(!v)},P=function(){h(!v),y&&x(!y)},M=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",O.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")},a?o.default.createElement("div",{className:_("button-container")},j&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":y}),onClick:N,onKeyDown:function(e){return M(e,N)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(i.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":v}),onClick:P,onKeyDown:function(e){return M(e,P)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(i.default,{className:_("chevron")}))):null,o.default.createElement("div",null,y&&o.default.createElement("div",{className:_("css")},n),v&&o.default.createElement("div",{className:_("code")},a))))};h.propTypes=v,h.defaultProps={isExpanded:!1};var E=h;t.Z=E},17422: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"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},56657:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var p=u.default.bind(o.default),h={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},v=function(e){var t=e.fitStart,n=e.fill,r=e.fitEnd,a=e.align,u=e.alignFitStart,o=e.alignFill,c=e.alignFitEnd,s=e.fitStartAttributes,m=e.fillAttributes,h=e.fitEndAttributes,v=b(e,i),y=d({},s),g=d({},m),_=d({},h);return l.default.createElement("span",f({},v,{className:p("arrange",v.className)}),l.default.createElement("span",f({},y,{className:p("fit",a||u,y.className,"fit-block")}),t),l.default.createElement("span",f({},g,{className:p("fill",a||o,g.className,"fill-block")}),n),l.default.createElement("span",f({},_,{className:p("fit",a||c,_.className)}),r))};v.propTypes=h;var y=v;t.default=y},46379:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(67294)),l=u(n(99139)),a=n(25387);function u(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t {\n const [date, setDate] = useState('');\n const [invalid, setInValid] = useState(false);\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n setInValid(false);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue && metadata.inputValue.length === 10) {\n setDate(null);\n setInValid(true);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleDefault;\n\n")))}h.isMDXComponent=!0;var D=a(49271),y=a(55336),g=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Default",description:a,example:r.createElement(c.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(h,null),isExpanded:n})},v=a(82737),N=["components"],b={};function C(e){var t=e.components,a=(0,l.Z)(e,N);return(0,d.mdx)("wrapper",(0,n.Z)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleExcludeDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleExcludeDates;\n\n")))}C.isMDXComponent=!0;var T=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Exclude Dates",description:a,example:r.createElement(v.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(C,null),isExpanded:n})},E=a(19324),w=["components"],k={};function _(e){var t=e.components,a=(0,l.Z)(e,w);return(0,d.mdx)("wrapper",(0,n.Z)({},k,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleIncludeDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleIncludeDates;\n\n")))}_.isMDXComponent=!0;var O=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Include Dates",description:a,example:r.createElement(E.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(_,null),isExpanded:n})},P=a(10880),R=["components"],S={};function M(e){var t=e.components,a=(0,l.Z)(e,R);return(0,d.mdx)("wrapper",(0,n.Z)({},S,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport moment from 'moment-timezone';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleFilterDates = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n const isWeekday = (dateValue) => {\n const momentDate = moment(dateValue);\n\n if (momentDate && momentDate.isValid()) {\n const day = momentDate.day();\n return day !== 0 && day !== 6;\n }\n\n return true;\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleFilterDates;\n\n")))}M.isMDXComponent=!0;var j=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Filter Dates",description:a,example:r.createElement(P.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(M,null),isExpanded:n})},Y=a(17630),V=["components"],W={};function Z(e){var t=e.components,a=(0,l.Z)(e,V);return(0,d.mdx)("wrapper",(0,n.Z)({},W,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleMinMax = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleMinMax;\n\n")))}Z.isMDXComponent=!0;var I=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Min Max",description:a,example:r.createElement(Y.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(Z,null),isExpanded:n})},F=a(11381),q=["components"],X={};function A(e){var t=e.components,a=(0,l.Z)(e,q);return(0,d.mdx)("wrapper",(0,n.Z)({},X,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleDefaultDate = () => {\n const todaysDate = moment().format('YYYY-MM-DD');\n const [date, setDate] = useState(todaysDate);\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleDefaultDate;\n\n")))}A.isMDXComponent=!0;var L=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Default Date",description:a,example:r.createElement(F.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(A,null),isExpanded:n})},B=a(89162),z=["components"],U={};function G(e){var t=e.components,a=(0,l.Z)(e,z);return(0,d.mdx)("wrapper",(0,n.Z)({},U,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport moment from 'moment-timezone';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleControlled = () => {\n const [date, setDate] = useState(moment().format('YYYY-MM-DD'));\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleControlled;\n\n")))}G.isMDXComponent=!0;var K=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Controlled",description:a,example:r.createElement(B.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(G,null),isExpanded:n})},H=a(64215),J=["components"],Q={};function $(e){var t=e.components,a=(0,l.Z)(e,J);return(0,d.mdx)("wrapper",(0,n.Z)({},Q,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleInvalid = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleInvalid;\n\n")))}$.isMDXComponent=!0;var ee=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Invalid",description:a,example:r.createElement(H.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement($,null),isExpanded:n})},te=a(90447),ae=["components"],ne={};function le(e){var t=e.components,a=(0,l.Z)(e,ae);return(0,d.mdx)("wrapper",(0,n.Z)({},ne,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Field from 'terra-form-field';\nimport DatePicker from 'terra-date-picker';\nimport classNames from 'classnames/bind';\nimport styles from './DatePickerExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DatePickerExampleIncomplete = () => {\n const [date, setDate] = useState('');\n\n const handleDateChange = (event, dateValue) => {\n setDate(dateValue);\n };\n\n const handleDateChangeRaw = (event, dateValue, metadata) => {\n if (!metadata.isValidValue) {\n setDate(null);\n }\n };\n\n return (\n
\n

\n Selected ISO Date:\n {date}\n

\n \n \n \n
\n );\n};\n\nexport default DatePickerExampleIncomplete;\n\n")))}le.isMDXComponent=!0;var re=function(e){var t=e.title,a=e.description,n=e.isExpanded;return r.createElement(D.Z,{title:t||"Date Picker Incomplete",description:a,example:r.createElement(te.Z,null),exampleCssSrc:r.createElement(y.Z,null),exampleSrc:r.createElement(le,null),isExpanded:n})},de=["components"],me={},ie="wrapper";function oe(e){var t=e.components,a=(0,l.Z)(e,de);return(0,d.mdx)(ie,(0,n.Z)({},me,a,{components:t,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-date-picker"},"Terra Date Picker"),(0,d.mdx)("p",null,"DatePicker is an input component that provides users a way to enter or select a date from the date picker. The date format used in the input is localized based on the locale. The display of the month and days of the week in the date picker is also localized based on the locale. DatePicker leverages the ",(0,d.mdx)("a",{parentName:"p",href:"http://momentjs.com/docs/"},"momentjs")," library for date formatting and manipulations. A date can be expressed in many ",(0,d.mdx)("a",{parentName:"p",href:"https://en.wikipedia.org/wiki/ISO_8601"},"ISO 8601")," formats. To reduce confusion and complexity, the date props in terra-date-picker must be expressed in a specific format of the ISO 8601 representation of the date. That is, any date prop must conform to the ",(0,d.mdx)("inlineCode",{parentName:"p"},"YYYY-MM-DD")," format. Only dates between ",(0,d.mdx)("inlineCode",{parentName:"p"},"01/01/1900")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"12/31/2100")," are supported."),(0,d.mdx)("h2",{id:"controlled-vs-uncontrolled-date-picker"},"Controlled vs. Uncontrolled Date Picker"),(0,d.mdx)("p",null,"Terra-date-picker can be composed either as a controlled or uncontrolled component. This allows you to decide the amount of control you need."),(0,d.mdx)("h3",{id:"uncontrolled-date-picker"},"Uncontrolled Date Picker"),(0,d.mdx)("p",null,"An uncontrolled date picker is the default mode. In the uncontrolled mode, a default date can be passed to the ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," prop to initially set as the default date. The date picker will manage all states internally. See the Default Date example below for implementation details."),(0,d.mdx)("h3",{id:"controlled-date-picker"},"Controlled Date Picker"),(0,d.mdx)("p",null,"In a controlled date picker, the consumer is responsible for managing the state of the date value. The date picker does not manage any of state internally. This mode gives the consumer the flexibility to update the date value as needed. A controlled date picker can be composed by setting the ",(0,d.mdx)("inlineCode",{parentName:"p"},"value")," prop with an ISO date value. A handler is needed for both ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"onChangeRaw")," to be notified when date selection or input change is made so the state can be updated. If both ",(0,d.mdx)("inlineCode",{parentName:"p"},"value")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," are set, then ",(0,d.mdx)("inlineCode",{parentName:"p"},"selectedDate")," will have no effect. See the Controlled Component example below for implementation details."),(0,d.mdx)("h2",{id:"date-formats"},"Date Formats"),(0,d.mdx)("p",null,"The date format used in the date-picker is determined by the locale. The following are the date format for the supported locales."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Locale"),(0,d.mdx)("th",{parentName:"tr",align:null},"Date Format"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"de"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD.MM.YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-AU"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-CA"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-GB"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"en-US"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es-ES"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"es-US"),(0,d.mdx)("td",{parentName:"tr",align:null},"MM/DD/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"fr"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"fr-FR"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"nl"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD-MM-YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"nl-BE"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"pt"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"pt-BR"),(0,d.mdx)("td",{parentName:"tr",align:null},"DD/MM/YYYY")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"sv"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"sv-SE"),(0,d.mdx)("td",{parentName:"tr",align:null},"YYYY-MM-DD")))),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-date-picker"))))),(0,d.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,d.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,d.mdx)("table",null,(0,d.mdx)("thead",{parentName:"table"},(0,d.mdx)("tr",{parentName:"thead"},(0,d.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,d.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,d.mdx)("tbody",{parentName:"table"},(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,d.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,d.mdx)("tr",{parentName:"tbody"},(0,d.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,d.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-js"},"import DatePicker from 'terra-date-picker';\n")),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(g,{title:"Default",mdxType:"DatePickerDefault"}),(0,d.mdx)(T,{title:"Exclude Dates",mdxType:"DatePickerExcludeDates"}),(0,d.mdx)(j,{title:"Filter Dates",mdxType:"DatePickerFilterDates"}),(0,d.mdx)(O,{title:"Include Dates",mdxType:"DatePickerIncludeDates"}),(0,d.mdx)(I,{title:"Min Max Selection Options",mdxType:"DatePickerMinMax"}),(0,d.mdx)(L,{title:"Default Date",mdxType:"DatePickerDefaultDate"}),(0,d.mdx)(K,{title:"Controlled Component",mdxType:"DatePickerControlled"}),(0,d.mdx)(ee,{title:"Invalid",mdxType:"DatePickerInvalid"}),(0,d.mdx)(re,{title:"Incomplete",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"DatePickerIncomplete"}),(0,d.mdx)("h2",{id:"date-picker-props-table"},"Date Picker props table"),(0,d.mdx)(s,{mdxType:"DatePickerPropsTable"}),(0,d.mdx)("h2",{id:"testing"},"Testing"),(0,d.mdx)("h3",{id:"uuid"},"uuid"),(0,d.mdx)("p",null,"Date Picker uses ",(0,d.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,d.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,d.mdx)("p",null,"If Enzyme ",(0,d.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,d.mdx)("inlineCode",{parentName:"p"},"mount")," is used then uuid should be mocked as shown below."),(0,d.mdx)("pre",null,(0,d.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")),(0,d.mdx)("h3",{id:"date-pickers-inputs"},"Date Picker's Inputs"),(0,d.mdx)("p",null,"The Date Picker's input has been split into 3 separate inputs (day, month and year inputs), due to which the values have to be set into each individual input in WDIO as follows:"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-diff"},"- browser.setValue('input[name=\"terra-date-date-input\"]', '06/01/2017');\n+ browser.setValue('input[name=\"terra-date-month-date-input\"]', '06');\n+ browser.setValue('input[name=\"terra-date-day-date-input\"]', '01');\n+ browser.setValue('input[name=\"terra-date-year-date-input\"]', '2017');\n")),(0,d.mdx)("p",null,"Note: Here the ",(0,d.mdx)("inlineCode",{parentName:"p"},"name"),' prop\'s value is "date-input"'))}oe.isMDXComponent=!0},55336:function(e,t,a){a.d(t,{Z:function(){return o}});var n=a(87462),l=a(44925),r=(a(67294),a(81254)),d=["components"],m={},i="wrapper";function o(e){var t=e.components,a=(0,l.Z)(e,d);return(0,r.mdx)(i,(0,n.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}o.isMDXComponent=!0},4932:function(e,t,a){a.d(t,{C:function(){return r}});var n=a(67294),l=a(22863),r=function(e){var t=e.url;return n.createElement(l.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.92.0",url:t})}},89162:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)((0,m.default)().format("YYYY-MM-DD")),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"controlled-dates"},d.default.createElement(o.default,{name:"controlled-input",id:"controlled-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},value:a})))}},80893:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1],l=(0,d.useState)(!1),o=(0,r.default)(l,2),p=o[0],u=o[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default"},d.default.createElement(i.default,{name:"date-input",id:"default",onChange:function(e,t){n(t),u(!1)},onChangeRaw:function(e,t,a){a.isValidValue||10!==a.inputValue.length||(n(null),u(!0))},isInvalid:p})))}},11381:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var c=p.default.bind(u.default);t.Z=function(){var e=(0,m.default)().format("YYYY-MM-DD"),t=(0,d.useState)(e),a=(0,r.default)(t,2),n=a[0],l=a[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},n)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"defaultedDate"},d.default.createElement(o.default,{name:"date-input",id:"defaultedDate",onChange:function(e,t){l(t)},onChangeRaw:function(e,t,a){a.isValidValue||l(null)},selectedDate:e})))}},82737:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"exclude-dates"},d.default.createElement(o.default,{name:"date-input",id:"exclude-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},excludeDates:[(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},10880:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(80008)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"filter-dates"},d.default.createElement(o.default,{name:"date-input",id:"filter-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},filterDate:function(e){var t=(0,i.default)(e);if(t&&t.isValid()){var a=t.day();return 0!==a&&6!==a}return!0}})))}},19324:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"include-dates"},d.default.createElement(o.default,{name:"date-input",id:"include-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},includeDates:[(0,m.default)().format(),(0,m.default)().subtract(1,"days").format(),(0,m.default)().add(1,"days").format()]})))}},90447:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default-incomplete"},d.default.createElement(i.default,{name:"date-input",id:"default-incomplete",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},required:!0,isIncomplete:!0})))}},64215:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(47717)),i=n(a(28411)),o=n(a(47166)),p=n(a(22529));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}var s=o.default.bind(p.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:s("date-wrapper")},a)),d.default.createElement(m.default,{label:"Enter Date",htmlFor:"default-invalid"},d.default.createElement(i.default,{name:"date-input",id:"default-invalid",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},isInvalid:!0})))}},17630:function(e,t,a){var n=a(64836),l=a(18698);t.Z=void 0;var r=n(a(27424)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(67294)),m=n(a(80008)),i=n(a(47717)),o=n(a(28411)),p=n(a(47166)),u=n(a(22529));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var c=p.default.bind(u.default);t.Z=function(){var e=(0,d.useState)(""),t=(0,r.default)(e,2),a=t[0],n=t[1];return d.default.createElement("div",null,d.default.createElement("p",null,"Selected ISO Date:",d.default.createElement("span",{className:c("date-wrapper")},a)),d.default.createElement(i.default,{label:"Enter Date",htmlFor:"min-max-dates"},d.default.createElement(o.default,{name:"date-input",id:"min-max-dates",onChange:function(e,t){n(t)},onChangeRaw:function(e,t,a){a.isValidValue||n(null)},minDate:(0,m.default)().format(),maxDate:(0,m.default)().add(6,"days").format()})))}},17422: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"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},22529:function(e,t,a){a.r(t),t.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___8UjLh"}},33864:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t (\n \n);\n\nexport default DefaultTable;\n\n")))}d.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(u.Z,{title:t||"Default Table",description:n,example:a.createElement(l.Z,null),exampleSrc:a.createElement(d,null),isExpanded:o})}},61701:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),l=n(22863),o=function(e){var t=e.url;return a.createElement(l.Z,{src:"https://github.com/cerner/table-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.0.0-alpha.0",url:t})}},87829:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(12810)),r={cols:[{id:"Column-0",displayName:"Patient",isResizable:!0},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.Z=function(){return l.default.createElement(o.default,{id:"my-table-id",overflowColumns:r.cols,rows:r.rows})}},17422: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"}},53560: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"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),l=o(n(99139));function o(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}n.d(t,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/1840/29305-43636b4f9ff6db838bce.css b/pull/1840/29305-43636b4f9ff6db838bce.css new file mode 100644 index 00000000000..32210cdd9fd --- /dev/null +++ b/pull/1840/29305-43636b4f9ff6db838bce.css @@ -0,0 +1,4 @@ +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start} +.MenuItem-module__clinical-lowlight-theme___GRWU4{--terra-menu-item-active-background-color: #1e3a49;--terra-menu-item-active-text-color: #b2b5b6;--terra-menu-item-chevron-icon-color: #9b9fa1;--terra-menu-item-disabled-chevron-icon-color: rgba(155, 159, 161, 0.2);--terra-menu-item-color: #b2b5b6;--terra-menu-item-text-color: #b2b5b6;--terra-menu-item-disabled-text-opacity: 0.18;--terra-menu-item-disabled-start-icon-opacity: 0.18;--terra-menu-item-chevron-focus-icon-color: #c5c5c6;--terra-menu-item-chevron-hover-icon-color: #c5c5c6;--terra-menu-item-focus-background-color: #1e3a49;--terra-menu-item-focus-outline: #004c76 auto 5px;--terra-menu-item-focus-outline-offset: -2px;--terra-menu-item-hover-background-color: #232a2d;--terra-menu-item-hover-background-image: linear-gradient(to bottom, #122b39 2%, #152933 30%, #1e3a49 80%);--terra-menu-item-hover-box-shadow: inset 0 0 0 1px #04293f;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.286rem 0;--terra-menu-item-text-font-size: 0.928571429rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-text-margin-right: 1.714285714rem;--terra-menu-item-text-margin-left: 0.714285714rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-chevron-icon-font-size: 0.714285714rem;--terra-menu-item-chevron-icon-margin-left: 0.714285714rem;--terra-menu-item-chevron-icon-margin-right: 0.714285714rem;--terra-menu-item-start-icon-font-size: 0.85714rem;--terra-menu-item-start-icon-margin-left: 0.71428rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #1e3a49;--terra-menu-item-highlighted-hover-background-color: #232a2d;--terra-menu-item-highlighted-hover-background-image: linear-gradient(to bottom, #04293f 2%, #053754 30%, #004c76 80%);--terra-menu-item-highlighted-hover-box-shadow: inset 0 0 0 1px #04293f}.MenuItem-module__orion-fusion-theme___OJBfh{--terra-menu-item-color: #595f62;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.5rem 0.83333rem 0.5rem 2.33333rem;--terra-menu-item-hover-background-color: #f4fafe;--terra-menu-item-hover-background-image: none;--terra-menu-item-hover-box-shadow: none;--terra-menu-item-focus-background-color: #ebf6fd;--terra-menu-item-focus-outline: -webkit-focus-ring-color auto 5px;--terra-menu-item-focus-outline-offset: -1px;--terra-menu-item-chevron-hover-icon-color: #1f1f21;--terra-menu-item-chevron-focus-icon-color: #1f1f21;--terra-menu-item-active-background-color: #e2f2fc;--terra-menu-item-active-text-color: #000;--terra-menu-item-disabled-text-opacity: 0.1;--terra-menu-item-disabled-chevron-icon-color: rgb(187, 188, 189, 0.25);--terra-menu-item-disabled-start-icon-opacity: 0.1;--terra-menu-item-text-color: #000;--terra-menu-item-text-font-size: 1rem;--terra-menu-item-text-margin-right: 2rem;--terra-menu-item-text-margin-left: 0.5rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-start-icon-font-size: 1.33333rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-start-icon-margin-left: -1.33333rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-chevron-icon-color: #000;--terra-menu-item-chevron-icon-font-size: 1.33333rem;--terra-menu-item-chevron-icon-margin-left: 0.41667rem;--terra-menu-item-chevron-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #e2f2fc;--terra-menu-item-highlighted-hover-background-color: #cbe7fa;--terra-menu-item-highlighted-hover-background-image: none;--terra-menu-item-highlighted-hover-box-shadow: none}.MenuItem-module__item___d5cbi{color:#1c1f21;color:var(--terra-menu-item-color, #1c1f21)}[dir] .MenuItem-module__item___d5cbi{cursor:default;margin:0;margin:var(--terra-menu-item-margin, 0);padding:0.286rem 0;padding:var(--terra-menu-item-padding, 0.286rem 0)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d){cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover{background-color:#f4fefe;background-color:var(--terra-menu-item-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-menu-item-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #e1f2fd;box-shadow:var(--terra-menu-item-hover-box-shadow, inset 0 0 0 1px #e1f2fd)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d).MenuItem-module__is-highlighted___2iz9A:hover{background-color:#d1ebfb;background-color:var(--terra-menu-item-highlighted-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-menu-item-highlighted-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-menu-item-highlighted-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):hover .MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.7);color:var(--terra-menu-item-chevron-hover-icon-color, rgba(28, 31, 33, 0.7))}}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{outline:-webkit-focus-ring-color auto 5px;outline:var(--terra-menu-item-focus-outline, -webkit-focus-ring-color auto 5px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus{background-color:#ebf6fd;background-color:var(--terra-menu-item-focus-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:not(.MenuItem-module__is-disabled___pQC5d):focus .MenuItem-module__chevron___KG83f{color:rgb(28, 31, 33);color:var(--terra-menu-item-chevron-focus-icon-color, rgb(28, 31, 33))}[dir] .MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d), [dir] .MenuItem-module__active___JF61u{background-color:#ebf6fd;background-color:var(--terra-menu-item-active-background-color, #ebf6fd)}.MenuItem-module__item___d5cbi:active:not(.MenuItem-module__is-disabled___pQC5d) .MenuItem-module__text___ax0k2,.MenuItem-module__active___JF61u .MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-active-text-color, #1c1f21)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__text___ax0k2{opacity:0.25;opacity:var(--terra-menu-item-disabled-text-opacity, 0.25)}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__chevron___KG83f{color:rgba(155, 159, 161, 0.3);color:var(--terra-menu-item-disabled-chevron-icon-color, rgba(155, 159, 161, 0.3))}.MenuItem-module__is-disabled___pQC5d .MenuItem-module__start-icon___IrbDC{opacity:0.25;opacity:var(--terra-menu-item-disabled-start-icon-opacity, 0.25)}[dir=ltr] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-right:0;margin-right:var(--terra-menu-item-top-level-text-margin-right, 0)}[dir=rtl] .MenuItem-module__is-top-level___TFDcC .MenuItem-module__text___ax0k2{margin-left:0;margin-left:var(--terra-menu-item-top-level-text-margin-right, 0)}.MenuItem-module__text___ax0k2{color:#1c1f21;color:var(--terra-menu-item-text-color, #1c1f21);font-size:0.928571429rem;font-size:var(--terra-menu-item-text-font-size, 0.928571429rem);font-weight:normal;font-weight:var(--terra-menu-item-text-font-weight, normal);line-height:1.538;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=ltr] .MenuItem-module__text___ax0k2{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-right:1.714285714rem;margin-right:var(--terra-menu-item-text-margin-right, 1.714285714rem)}[dir=rtl] .MenuItem-module__text___ax0k2{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-left:1.714285714rem;margin-left:var(--terra-menu-item-text-margin-right, 1.714285714rem)}.MenuItem-module__checkmark___PFCFZ{visibility:hidden}.MenuItem-module__is-toggled___Kl1vs .MenuItem-module__checkmark___PFCFZ{visibility:visible}.MenuItem-module__chevron___KG83f{color:rgba(28, 31, 33, 0.53);color:var(--terra-menu-item-chevron-icon-color, rgba(28, 31, 33, 0.53));font-size:0.714285714rem;font-size:var(--terra-menu-item-chevron-icon-font-size, 0.714285714rem)}[dir=ltr] .MenuItem-module__chevron___KG83f{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}[dir=rtl] .MenuItem-module__chevron___KG83f{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}.MenuItem-module__start-icon___IrbDC{font-size:0.85714rem;font-size:var(--terra-menu-item-start-icon-font-size, 0.85714rem)}[dir=ltr] .MenuItem-module__start-icon___IrbDC{margin-left:0.71428rem;margin-left:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-right:0;margin-right:var(--terra-menu-item-start-icon-margin-right, 0)}[dir=rtl] .MenuItem-module__start-icon___IrbDC{margin-right:0.71428rem;margin-right:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-left:0;margin-left:var(--terra-menu-item-start-icon-margin-right, 0)}[dir] .MenuItem-module__is-highlighted___2iz9A{background-color:#e1f3fd;background-color:var(--terra-menu-item-highlighted-background-color, #e1f3fd)} +.Menu-module__clinical-lowlight-theme___hKzLg{--terra-menu-background-color: #222a2e;--terra-menu-foreground-color: #b2b5b6;--terra-menu-fullscreen-header-background-color: #222a2e;--terra-menu-fullscreen-header-border-bottom: 1px solid #181b1d;--terra-menu-fullscreen-header-title-color: #b2b5b6;--terra-menu-submenu-background-color: #1c2326;--terra-menu-submenu-foreground-color: #b2b5b6;--terra-menu-submenu-header-background-color: #222a2e;--terra-menu-submenu-header-border-bottom: 1px solid #181b1d;--terra-menu-submenu-header-button-outline-offset: -3px;--terra-menu-back-button-focus-outline: #b2b5b6 solid 2px;--terra-menu-submenu-header-buttons-icon-color: #c5c5c6;--terra-menu-submenu-header-buttons-hover-color: #b2b5b6;--terra-menu-submenu-header-title-color: #b2b5b6;--terra-menu-background-image: none;--terra-menu-divider-after-border-color: #282d31;--terra-menu-divider-border-color: #181b1d;--terra-menu-submenu-arrow-after-border-top-color: #1c2326;--terra-menu-submenu-background-image: none;--terra-menu-submenu-divider-after-border-color: #282d31;--terra-menu-divider-margin-top: 2px;--terra-menu-divider-after-border-width: 3px 0 0;--terra-menu-divider-after-margin-bottom: 4px;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-font-size: 12px;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.1667;--terra-menu-submenu-header-title-margin: 7px 7px 7px 0;--terra-menu-header-title-margin-left: 10px;--terra-menu-submenu-header-buttons-icon-font-size: 12px;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 8px;--terra-menu-fullscreen-header-title-font-size: 1rem;--terra-menu-fullscreen-header-title-line-height: 1.2;--terra-menu-fullscreen-header-title-margin: 0.5714rem 0 0.5714rem 0.3571rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.45rem;--terra-menu-fullscreen-header-buttons-margin: 0.3571rem 0;--terra-menu-fullscreen-header-buttons-padding: 4px;--terra-menu-list-padding: 6px 0}.Menu-module__orion-fusion-theme___4S\+kd{--terra-menu-divider-border-color: #c8cacb;--terra-menu-divider-margin-top: 0;--terra-menu-divider-after-border-color: transparent;--terra-menu-divider-after-border-width: 0;--terra-menu-divider-after-margin-bottom: 0;--terra-menu-submenu-divider-after-border-color: transparent;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-background-color: #f4f4f4;--terra-menu-submenu-header-border-bottom: 2px solid #9b9fa1;--terra-menu-submenu-header-button-outline-offset: -4px;--terra-menu-back-button-focus-outline: -webkit-focus-ring-color solid 2px;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-color: #1c1f21;--terra-menu-submenu-header-title-font-size: 1.16667rem;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.57143;--terra-menu-submenu-header-title-margin: 0.25rem 0.25rem 0.25rem 0;--terra-menu-submenu-header-buttons-icon-color: #1c1f21;--terra-menu-submenu-header-buttons-icon-font-size: 1.16667rem;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-submenu-header-buttons-hover-color: #004c76;--terra-menu-header-title-margin-left: 2.33333rem;--terra-menu-fullscreen-header-background-color: #f4f4f4;--terra-menu-fullscreen-header-border-bottom: 2px solid #9b9fa1;--terra-menu-fullscreen-header-title-color: #1c1f21;--terra-menu-fullscreen-header-title-font-size: 1.16667rem;--terra-menu-fullscreen-header-title-line-height: 1.57143;--terra-menu-fullscreen-header-title-margin: 0.5rem 0 0.416667rem 0.25rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.16667rem;--terra-menu-fullscreen-header-buttons-margin: 0;--terra-menu-fullscreen-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-list-padding: 0;--terra-menu-background-color: #fff;--terra-menu-background-image: none;--terra-menu-foreground-color: #1c1f21;--terra-menu-submenu-arrow-after-border-top-color: none;--terra-menu-submenu-background-color: #fff;--terra-menu-submenu-background-image: none;--terra-menu-submenu-foreground-color: #1c1f21}[dir] .Menu-module__submenu___pD8uM.Menu-module__arrow___qDX5\+[data-align-arrow=bottom]::after{border-top-color:#f9f9f9;border-top-color:var(--terra-menu-submenu-arrow-after-border-top-color, #f9f9f9)}.Menu-module__divider___2Yiip{width:100%}[dir] .Menu-module__divider___2Yiip{border-color:#dedfe0;border-color:var(--terra-menu-divider-border-color, #dedfe0);border-style:solid;border-width:1px 0 0;margin-top:2px;margin-top:var(--terra-menu-divider-margin-top, 2px)}.Menu-module__divider___2Yiip::after{content:"";display:block}[dir] .Menu-module__divider___2Yiip::after{border-color:#f9f9f9;border-color:var(--terra-menu-divider-after-border-color, #f9f9f9);border-style:solid;border-width:3px 0 0;border-width:var(--terra-menu-divider-after-border-width, 3px 0 0);margin-bottom:4px;margin-bottom:var(--terra-menu-divider-after-margin-bottom, 4px)}[dir] .Menu-module__submenu___pD8uM .Menu-module__divider___2Yiip::after{border-color:#fff;border-color:var(--terra-menu-submenu-divider-after-border-color, #fff);border-width:var(--terra-menu-submenu-divider-after-border-width);margin-bottom:var(--terra-menu-submenu-divider-after-margin-bottom)}.Menu-module__header___UGEhF{height:var(--terra-menu-submenu-header-height);width:100%}[dir] .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-submenu-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-submenu-header-border-bottom, 1px solid #dedfe0)}.Menu-module__header___UGEhF *[role=button]{outline-offset:-2px;outline-offset:var(--terra-menu-submenu-header-button-outline-offset, -2px)}.Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-title-color, #1c1f21);-ms-flex:1;flex:1;font-size:12px;font-size:var(--terra-menu-submenu-header-title-font-size, 12px);font-weight:normal;font-weight:var(--terra-menu-submenu-header-title-font-weight, normal);line-height:1.1667;line-height:var(--terra-menu-submenu-header-title-line-height, 1.1667);min-width:0;overflow:hidden;white-space:normal;word-break:normal;word-wrap:break-word}[dir] .Menu-module__header___UGEhF .Menu-module__header-title___TkZxM{margin:7px 7px 7px 0;margin:var(--terra-menu-submenu-header-title-margin, 7px 7px 7px 0)}[dir=ltr] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-left:10px;margin-left:var(--terra-menu-header-title-margin-left, 10px)}[dir=rtl] .Menu-module__header___UGEhF .Menu-module__main-header-title___RFIql{margin-right:10px;margin-right:var(--terra-menu-header-title-margin-left, 10px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-buttons-icon-color, #1c1f21);font-size:12px;font-size:var(--terra-menu-submenu-header-buttons-icon-font-size, 12px);font-weight:bold}[dir] .Menu-module__header___UGEhF .Menu-module__header-button___VFD6H{background-color:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin:var(--terra-menu-submenu-header-buttons-margin, 0);padding:8px;padding:var(--terra-menu-submenu-header-buttons-padding, 8px)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:hover{color:#111;color:var(--terra-menu-submenu-header-buttons-hover-color, #111)}.Menu-module__header___UGEhF .Menu-module__header-button___VFD6H:focus{outline:-webkit-focus-ring-color solid 2px;outline:var(--terra-menu-back-button-focus-outline, -webkit-focus-ring-color solid 2px);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header___UGEhF{background-color:#fff;background-color:var(--terra-menu-fullscreen-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-fullscreen-header-border-bottom, 1px solid #dedfe0)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{color:#1c1f21;color:var(--terra-menu-fullscreen-header-title-color, #1c1f21);font-size:1rem;font-size:var(--terra-menu-fullscreen-header-title-font-size, 1rem);line-height:1.2;line-height:var(--terra-menu-fullscreen-header-title-line-height, 1.2)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-title___TkZxM{margin:0.5714rem 0 0.5714rem 0.3571rem;margin:var(--terra-menu-fullscreen-header-title-margin, 0.5714rem 0 0.5714rem 0.3571rem)}.Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{font-size:1.45rem;font-size:var(--terra-menu-fullscreen-header-buttons-icon-font-size, 1.45rem)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H{margin:0.3571rem 0;margin:var(--terra-menu-fullscreen-header-buttons-margin, 0.3571rem 0);padding:4px;padding:var(--terra-menu-fullscreen-header-buttons-padding, 4px)}[dir] .Menu-module__fullscreen___Q66Ry .Menu-module__header-button___VFD6H:first-child{margin:0}[dir] .Menu-module__list___bRMML{padding:6px 0;padding:var(--terra-menu-list-padding, 6px 0)}.Menu-module__content___F0Uw5{color:#1c1f21;color:var(--terra-menu-foreground-color, #1c1f21);outline:0}[dir] .Menu-module__content___F0Uw5{background-color:#fff;background-color:var(--terra-menu-background-color, #fff);background-image:var(--terra-menu-background-image)}.Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{color:#1c1f21;color:var(--terra-menu-submenu-foreground-color, #1c1f21)}[dir] .Menu-module__content___F0Uw5.Menu-module__submenu___pD8uM{background-color:#f9f9f9;background-color:var(--terra-menu-submenu-background-color, #f9f9f9);background-image:var(--terra-menu-submenu-background-image)}.Menu-module__hidden-page___M4G7V{display:none}.Menu-module__header-container___KGuP2{display:-ms-flexbox;display:flex} +.MenuItemCommon-module__mimic-menu-container___vxRKf{list-style:none;width:238px}[dir] .MenuItemCommon-module__mimic-menu-container___vxRKf{padding:0}.MenuItemCommon-module__red-color___kgz2x{color:#e50000;color:var(--terra-framework-docs-menu-item-test-red-color, #e50000)}.MenuItemCommon-module__orion-fusion-theme___q04e2{--terra-framework-docs-menu-item-test-red-color: #e50000}.MenuItemCommon-module__clinical-lowlight-theme___iB4N8{--terra-framework-docs-menu-item-test-red-color: #fb4c4c} diff --git a/pull/1840/29305-43636b4f9ff6db838bce.js b/pull/1840/29305-43636b4f9ff6db838bce.js new file mode 100644 index 00000000000..1b51c7aa11a --- /dev/null +++ b/pull/1840/29305-43636b4f9ff6db838bce.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[29305],{45839:function(e,t,r){var n=r(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(r(67294)),a=n(r(47166)),o=n(r(70419)),i=n(r(82347)),u=a.default.bind(i.default);t.default=function(){return l.default.createElement("ul",{className:u("mimic-menu-container"),role:"menu"},l.default.createElement(o.default.Item,{className:"TestSubMenuItem",text:"MenuItem - Submenu",subMenuItems:[l.default.createElement(o.default.Item,{text:"Not Visible"})]}))}},66633:function(e,t,r){r.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},82347:function(e,t,r){r.r(t),t.default={"mimic-menu-container":"MenuItemCommon-module__mimic-menu-container___vxRKf","red-color":"MenuItemCommon-module__red-color___kgz2x","orion-fusion-theme":"MenuItemCommon-module__orion-fusion-theme___q04e2","clinical-lowlight-theme":"MenuItemCommon-module__clinical-lowlight-theme___iB4N8"}},78490:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var l=c(r(67294)),a=c(r(45697)),o=c(r(47166)),i=c(r(66633)),u=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function c(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var _=o.default.bind(i.default),p={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},g=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,a=e.align,o=e.alignFitStart,i=e.alignFill,c=e.alignFitEnd,s=e.fitStartAttributes,d=e.fillAttributes,p=e.fitEndAttributes,g=b(e,u),v=m({},s),y=m({},d),O=m({},p);return l.default.createElement("span",f({},g,{className:_("arrange",g.className)}),l.default.createElement("span",f({},v,{className:_("fit",a||o,v.className,"fit-block")}),t),l.default.createElement("span",f({},y,{className:_("fill",a||i,y.className,"fill-block")}),r),l.default.createElement("span",f({},O,{className:_("fit",a||c,O.className)}),n))};g.propTypes=p;var v=g;t.default=v},46379:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(67294)),l=o(r(99139)),a=r(25387);function o(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]=t[n]);return l}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(l[n]=t[n])}return l}e.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var p=u.default.bind(o.default),h={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},v=function(t){var e=t.fitStart,n=t.fill,r=t.fitEnd,a=t.align,u=t.alignFitStart,o=t.alignFill,f=t.alignFitEnd,s=t.fitStartAttributes,b=t.fillAttributes,h=t.fitEndAttributes,v=m(t,i),y=d({},s),g=d({},b),_=d({},h);return l.default.createElement("span",c({},v,{className:p("arrange",v.className)}),l.default.createElement("span",c({},y,{className:p("fit",a||u,y.className,"fit-block")}),e),l.default.createElement("span",c({},g,{className:p("fill",a||o,g.className,"fill-block")}),n),l.default.createElement("span",c({},_,{className:p("fit",a||f,_.className)}),r))};v.propTypes=h;var y=v;e.default=y},46379:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=u(n(67294)),l=u(n(99139)),a=n(25387);function u(t){return t&&t.__esModule?t:{default:t}}function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e.ApplicationMenuLayout-module__header___kdgcp,.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__footer___k9Yr3{max-height:40%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__widgets___-YRy1{max-height:100%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__content___T7isC{overflow:hidden}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__content___T7isC>.ApplicationMenuLayout-module__normalizer___uQB7W{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;width:100%} +.ApplicationMenuDefault-test-module__test-content___2uciX{position:absolute;top:50%}[dir] .ApplicationMenuDefault-test-module__test-content___2uciX{transform:translate3d(0, -50%, 0)} diff --git a/pull/1840/29881-369e0d92e42cfd741fc6.js b/pull/1840/29881-369e0d92e42cfd741fc6.js new file mode 100644 index 00000000000..89fb61241a5 --- /dev/null +++ b/pull/1840/29881-369e0d92e42cfd741fc6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[29881],{39058:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(10434)),o=n(a(70215)),u=n(a(67294)),d=n(a(45697)),i=n(a(47166)),r=n(a(84376)),f=["content","extensions","footer","header"],c=i.default.bind(r.default),_={content:d.default.element,extensions:d.default.element,footer:d.default.element,header:d.default.element},s=function(e){var t,a,n,d,i=e.content,r=e.extensions,_=e.footer,s=e.header,m=(0,o.default)(e,f),p=c(["menu","fill",m.className]);return s&&(t=u.default.createElement("div",{className:c(["fit","header"])},s)),i&&(a=u.default.createElement("div",{className:c(["fill","content"])},u.default.createElement("div",{className:c("normalizer")},i))),r&&(n=u.default.createElement("div",{className:c(["fit","widget"])},r)),_&&(d=u.default.createElement("div",{className:c(["fit","footer"])},_)),u.default.createElement("div",(0,l.default)({},m,{className:p}),t,u.default.createElement("div",{className:c(["fill","body"])},n,a),d)};s.propTypes=_;t.default=s},29881:function(e,t,a){var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(67294)),o=n(a(47166)),u=n(a(39058)),d=n(a(26225)),i=o.default.bind(d.default);t.default=function(){return l.default.createElement(u.default,{id:"test-menu",extensions:l.default.createElement("div",{id:"test-extensions"},"Extensions"),content:l.default.createElement("div",{className:i("test-content"),id:"test-content"},"Content"),header:l.default.createElement("div",{id:"test-header"},"Header"),footer:l.default.createElement("div",{id:"test-footer"},"Footer")})}},84376:function(e,t,a){a.r(t),t.default={fit:"ApplicationMenuLayout-module__fit___fJ-8H",fill:"ApplicationMenuLayout-module__fill___NpC9g",menu:"ApplicationMenuLayout-module__menu___+THcL",header:"ApplicationMenuLayout-module__header___kdgcp",footer:"ApplicationMenuLayout-module__footer___k9Yr3",body:"ApplicationMenuLayout-module__body___6HrKr",widgets:"ApplicationMenuLayout-module__widgets___-YRy1",content:"ApplicationMenuLayout-module__content___T7isC",normalizer:"ApplicationMenuLayout-module__normalizer___uQB7W"}},26225:function(e,t,a){a.r(t),t.default={"test-content":"ApplicationMenuDefault-test-module__test-content___2uciX"}}}]); \ No newline at end of file diff --git a/pull/1840/30070-bf1eebb038e798116061.js b/pull/1840/30070-bf1eebb038e798116061.js new file mode 100644 index 00000000000..1f4d41b2778 --- /dev/null +++ b/pull/1840/30070-bf1eebb038e798116061.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[30070],{30070:function(e,t,a){var g=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var m=g(a(67294)),s=g(a(62307)),n=[{key:"/page_1",text:"Page 1",metaData:{test:"1"}},{key:"/page_2",text:"Page 2",metaData:{test:"2"}},{key:"/page_3",text:"Page 3",metaData:{test:"3"}},{key:"/page_4",text:"Page 4",metaData:{test:"4"}},{key:"/page_5",text:"Page 5",metaData:{test:"5"}},{key:"/page_6",text:"Page 6",metaData:{test:"6"}},{key:"/page_7",text:"Page 7",metaData:{test:"7"}},{key:"/page_8",text:"Page 8",metaData:{test:"8"}},{key:"/page_9",text:"Page 9",metaData:{test:"9"}},{key:"/page_10",text:"Page 10",metaData:{test:"10"}},{key:"/page_11",text:"Page 11",metaData:{test:"11"}}],k=function(e,t){alert("itemKey: ".concat(e,", metaData: ").concat(t.test))};t.default=function(){return m.default.createElement(s.default,{navigationItems:n,activeNavigationItemKey:"/page_1",onSelectNavigationItem:k})}}}]); \ No newline at end of file diff --git a/pull/1840/30144-1231a30c6ad606631512.css b/pull/1840/30144-1231a30c6ad606631512.css new file mode 100644 index 00000000000..11f4a215b50 --- /dev/null +++ b/pull/1840/30144-1231a30c6ad606631512.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .DatePicker-test-module__content-wrapper___dH2Rb{margin:10px}.DatePicker-test-module__date-wrapper___c5yjd{display:inline-block} diff --git a/pull/1840/30144-1231a30c6ad606631512.js b/pull/1840/30144-1231a30c6ad606631512.js new file mode 100644 index 00000000000..c314cb02a6b --- /dev/null +++ b/pull/1840/30144-1231a30c6ad606631512.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[30144],{33675:function(e,t,a){var r=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(47166)),u=r(a(28411)),d=r(a(94904)),c=l.default.bind(d.default);t.default=function(){return n.default.createElement("div",{className:c("content-wrapper")},n.default.createElement("h3",null,"Extraneous Clickable Text"),n.default.createElement(u.default,{name:"date-input",minDate:"2017-04-10",maxDate:"2017-04-20",selectedDate:"2017-04-01"}))}},94904:function(e,t,a){a.r(t),t.default={"content-wrapper":"DatePicker-test-module__content-wrapper___dH2Rb","date-wrapper":"DatePicker-test-module__date-wrapper___c5yjd"}}}]); \ No newline at end of file diff --git a/pull/1840/30353-1dbda25a9cc815f28e78.css b/pull/1840/30353-1dbda25a9cc815f28e78.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/30353-1dbda25a9cc815f28e78.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/30353-1dbda25a9cc815f28e78.js b/pull/1840/30353-1dbda25a9cc815f28e78.js new file mode 100644 index 00000000000..1b5905d77f9 --- /dev/null +++ b/pull/1840/30353-1dbda25a9cc815f28e78.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[30353],{22863:function(e,a,d){var l=d(64836);a.Z=void 0;var m=l(d(67294)),n=l(d(45697)),t=l(d(47166)),i=l(d(17422)),r=t.default.bind(i.default),u={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,d=e.name,l=e.url,n=e.version,t=m.default.createElement("a",{className:r("badge"),href:l||"https://www.npmjs.org/package/".concat(d,"/v/").concat(n)},m.default.createElement("span",{className:r("badge-name")},l?"package":"npm"),m.default.createElement("span",{className:r("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:r("badge"),href:a},m.default.createElement("span",{className:r("badge-name")},"github"),m.default.createElement("span",{className:r("badge-version")},"source")):void 0;return m.default.createElement("div",{className:r("badge-container")},t,i)};p.propTypes=u;var x=p;a.Z=x},30353:function(e,a,d){d.r(a),d.d(a,{default:function(){return s}});var l=d(87462),m=d(44925),n=(d(67294),d(81254)),t=d(2433),i=["components"],r={},u="wrapper";function p(e){var a=e.components,d=(0,m.Z)(e,i);return(0,n.mdx)(u,(0,l.Z)({},r,d,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"4350---october-11-2023"},"4.35.0 - (October 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4340---october-3-2023"},"4.34.0 - (October 3, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4331---august-4-2023"},"4.33.1 - (August 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4330---july-31-2023"},"4.33.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4320---july-25-2023"},"4.32.0 - (July 25, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4310---july-19-2023"},"4.31.0 - (July 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4300---june-5-2023"},"4.30.0 - (June 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4290---may-11-2023"},"4.29.0 - (May 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4280---april-27-2023"},"4.28.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4270---march-29-2023"},"4.27.0 - (March 29, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest snapshots.")))),(0,n.mdx)("h2",{id:"4260---march-1-2023"},"4.26.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest snapshot for terra-button changes")))),(0,n.mdx)("h2",{id:"4250---february-14-2023"},"4.25.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"4240---december-13-2022"},"4.24.0 - (December 13, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4230---march-15-2022"},"4.23.0 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"4220---november-16-2021"},"4.22.0 - (November 16, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4210---november-9-2021"},"4.21.0 - (November 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated tests due to rounding differences in terra-abstract-modal")))),(0,n.mdx)("h2",{id:"4200---october-14-2021"},"4.20.0 - (October 14, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Reverted focus-trap-react upgrade due to passivity concerns")))),(0,n.mdx)("h2",{id:"4190---october-12-2021"},"4.19.0 - (October 12, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react to version ^8.0.0.")))),(0,n.mdx)("h2",{id:"4180---september-20-2021"},"4.18.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,n.mdx)("h2",{id:"4170---july-21-2021"},"4.17.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,n.mdx)("h2",{id:"4160---july-20-2021"},"4.16.0 - (July 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the upgrade guide to state to replace ",(0,n.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," with ",(0,n.mdx)("inlineCode",{parentName:"li"},"rejectAction")," instead of ",(0,n.mdx)("inlineCode",{parentName:"li"},"primaryAction"))))),(0,n.mdx)("h2",{id:"4150---july-13-2021"},"4.15.0 - (July 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4140---june-8-2021"},"4.14.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4130---may-4-2021"},"4.13.0 - (May 4, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Regenerated screenshots involving a now removed defaulted implementation")))),(0,n.mdx)("h2",{id:"4120---april-6-2021"},"4.12.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"4110---march-9-2021"},"4.11.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,n.mdx)("h2",{id:"4100---february-9-2021"},"4.10.0 - (February 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"490---february-2-2021"},"4.9.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"480---january-26-2021"},"4.8.0 - (January 26, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"470---january-5-2021"},"4.7.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"460---december-8-2020"},"4.6.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"450---november-24-2020"},"4.5.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"440---november-10-2020"},"4.4.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,n.mdx)("li",{parentName:"ul"},"Updated jest due to changes in abstract modal.")))),(0,n.mdx)("h2",{id:"430---october-20-2020"},"4.3.0 - (October 20, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"420---october-13-2020"},"4.2.0 - (October 13, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"410---september-10-2020"},"4.1.0 - (September 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fix the hazard-high translation for nl and add hazard-medium translations for nl and nl-BE")))),(0,n.mdx)("h2",{id:"400---august-27-2020"},"4.0.0 - (August 27, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"See ",(0,n.mdx)("a",{parentName:"li",href:"/terra-framework/pull/1840/components/cerner-terra-framework-docs/notification-dialog/upgrade-guide"},"Upgrade Guide")," for more information."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"dialogTitle")," prop to replace ",(0,n.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"custom")," prop to set custom variant pieces"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Relaxed ",(0,n.mdx)("inlineCode",{parentName:"li"},"isOpen")," prop to be optional and set default value of false"),(0,n.mdx)("li",{parentName:"ul"},"Variants",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," prop to be required and set default value to undefined"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},'variant="success"')," / ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant={NotificationDialogVariants.SUCCESS}")," from variant options"))),(0,n.mdx)("li",{parentName:"ul"},"Updated & backfilled orion-fusion-theme and clinical-lowlight-theme"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"title")," prop`"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"header")," prop - API no longer allows overriding default header (signal words)"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"customIcon")," prop - set custom.iconClassName instead"),(0,n.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,n.mdx)("inlineCode",{parentName:"li"},"primaryAction")," prop - use ",(0,n.mdx)("inlineCode",{parentName:"li"},"acceptAction")," prop instead"),(0,n.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,n.mdx)("inlineCode",{parentName:"li"},"secondaryAction")," prop - use ",(0,n.mdx)("inlineCode",{parentName:"li"},"rejectAction")," prop instead"),(0,n.mdx)("li",{parentName:"ul"},"Removed deprecated ",(0,n.mdx)("inlineCode",{parentName:"li"},"message")," prop - use ",(0,n.mdx)("inlineCode",{parentName:"li"},"startMessage")," prop instead"),(0,n.mdx)("li",{parentName:"ul"},"Removed NotificationDialogVariants")))),(0,n.mdx)("h2",{id:"3400---august-18-2020"},"3.40.0 - (August 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3390---august-11-2020"},"3.39.0 - (August 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3380---august-4-2020"},"3.38.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"3370---july-14-2020"},"3.37.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,n.mdx)("h2",{id:"3360---june-16-2020"},"3.36.0 - (June 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3350---june-9-2020"},"3.35.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"3340---june-2-2020"},"3.34.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3330---may-19-2020"},"3.33.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3320---april-28-2020"},"3.32.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"3310---april-6-2020"},"3.31.0 - (April 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3300---march-31-2020"},"3.30.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"3290---march-10-2020"},"3.29.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax")))),(0,n.mdx)("h2",{id:"3280---march-3-2020"},"3.28.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3270---february-25-2020"},"3.27.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3260---february-18-2020"},"3.26.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"3250---february-4-2020"},"3.25.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3240---january-28-2020"},"3.24.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"3230---january-7-2020"},"3.23.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"isRequired")," for ",(0,n.mdx)("inlineCode",{parentName:"li"},"acceptAction")," and added custom validation for it.")))),(0,n.mdx)("h2",{id:"3220---december-16-2019"},"3.22.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3210---december-10-2019"},"3.21.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"3200---november-20-2019"},"3.20.0 - (November 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3190---november-18-2019"},"3.19.0 - (November 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3180---november-7-2019"},"3.18.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"'message' prop has been deprecated, will resolve to 'startMessage'"),(0,n.mdx)("li",{parentName:"ul"},"'primaryAction' prop has been deprecated, will resolve to 'acceptAction'"),(0,n.mdx)("li",{parentName:"ul"},"'secondaryAction' prop has been deprecated, will resolve to 'rejectAction'"),(0,n.mdx)("li",{parentName:"ul"},"Notification Dialog maximum width set to constant value of 500px from 800px and is themable."),(0,n.mdx)("li",{parentName:"ul"},"Minor style adjustments for the new smaller dialog design."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added a 'startMessage' string prop that will display a message after 'title'"),(0,n.mdx)("li",{parentName:"ul"},"Added a 'content' node prop that will display the given node in the Dialog after 'startMessage'"),(0,n.mdx)("li",{parentName:"ul"},"Added an 'endMessage' string prop that will display a message after 'content'"),(0,n.mdx)("li",{parentName:"ul"},"Added 'acceptAction' prop that takes an object with a 'text' string and 'onClick' function attributes"),(0,n.mdx)("li",{parentName:"ul"},"Added 'rejectAction' prop that takes an object with a 'text' string and 'onClick' function attributes"),(0,n.mdx)("li",{parentName:"ul"},"Added 'buttonOrder' prop to determine order of accept and reject buttons"),(0,n.mdx)("li",{parentName:"ul"},"Added a 'emphasizedAction' oneOf to choose between emphasizing the accept button, reject button, or neither.")))),(0,n.mdx)("h2",{id:"3170---october-30-2019"},"3.17.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3160---october-21-2019"},"3.16.0 - (October 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3150---october-16-2019"},"3.15.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added terra-breakpoints to dependencies for the project")))),(0,n.mdx)("h2",{id:"3140---october-3-2019"},"3.14.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed extra comma from scss file.")))),(0,n.mdx)("h2",{id:"3130---september-26-2019"},"3.13.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Reverted Placeholder import in example files.")))),(0,n.mdx)("h2",{id:"3120---september-19-2019"},"3.12.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,n.mdx)("h2",{id:"3110---september-6-2019"},"3.11.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,n.mdx)("h2",{id:"3100---august-21-2019"},"3.10.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated bracket formatting in test files to match eslint 6 rules.")))),(0,n.mdx)("h2",{id:"390---august-14-2019"},"3.9.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio snapshots with new button focus outline styles"),(0,n.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's ",(0,n.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," rather than old React Context API."),(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"380---july-30-2019"},"3.8.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"371---july-23-2019"},"3.7.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"370---july-23-2019"},"3.7.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"350---july-10-2019"},"3.5.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"340---july-2-2019"},"3.4.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated max-width to be ",(0,n.mdx)("inlineCode",{parentName:"li"},"800px")," for screen size greater than 768px."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update pop up and modal manager tests to not test accessibility for elements behind the overlay"),(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"330---june-19-2019"},"3.3.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"320---june-12-2019"},"3.2.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Pressing escape key no longer disables the focus trap in notification dialog, users must make a selection of one of the notification dialog buttons to dismiss the notification dialog")))),(0,n.mdx)("h2",{id:"310---may-21-2019"},"3.1.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"300---may-13-2019"},"3.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added component specific handler for Escape key usage with Notification Dialog"),(0,n.mdx)("li",{parentName:"ul"},"Added focus trap to Notification Dialog")))),(0,n.mdx)("h2",{id:"2120---may-7-2019"},"2.12.0 - (May 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshot")))),(0,n.mdx)("h2",{id:"2110---april-24-2019"},"2.11.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"280---april-2-2019"},"2.8.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"270---march-26-2019"},"2.7.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"260---march-20-2019"},"2.6.0 - (March 20, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,n.mdx)("h2",{id:"250---march-12-2019"},"2.5.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added missing nl-BE translation")))),(0,n.mdx)("h2",{id:"240---march-5-2019"},"2.4.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"230---february-26-2019"},"2.3.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio spec to set the viewport at the top-level instead of in each test's before hook for faster execution")))),(0,n.mdx)("h2",{id:"220---february-13-2019"},"2.2.0 - (February 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"210---february-5-2019"},"2.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed focus trap management")))),(0,n.mdx)("h2",{id:"200---january-25-2019"},"2.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies")))),(0,n.mdx)("h2",{id:"1170---january-5-2019"},"1.17.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed onRequestClose prop.")))),(0,n.mdx)("h2",{id:"1160---january-2-2019"},"1.16.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dev site examples to not have duplicate ids."),(0,n.mdx)("li",{parentName:"ul"},"Updated dev site to have logically nested headings."),(0,n.mdx)("li",{parentName:"ul"},"Updated dev site examples to not use form tags.")))),(0,n.mdx)("h2",{id:"1150---december-5-2018"},"1.15.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"1140---december-3-2018"},"1.14.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added missing ar, es-ES, es-US, fr-FR, and pt-BR translations."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor improvements to doc examples"),(0,n.mdx)("li",{parentName:"ul"},"Updated examples to consume terra-disclosure-manager v3.x"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,n.mdx)("h2",{id:"1130---november-15-2018"},"1.13.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"1120---october-30-2018"},"1.12.0 - (October 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed icon display in notification dialog in IE")))),(0,n.mdx)("h2",{id:"1110---october-16-2018"},"1.11.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"1100---october-8-2018"},"1.10.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,n.mdx)("h2",{id:"190---september-25-2018"},"1.9.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"180---september-5-2018"},"1.8.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"170---august-30-2018"},"1.7.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"160---august-13-2018"},"1.6.0 - (August 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,n.mdx)("h2",{id:"150---july-26-2018"},"1.5.0 - (July 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"140---july-25-2018"},"1.4.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"sv")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"sv-SE")," translations"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"130---july-17-2018"},"1.3.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,n.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,n.mdx)("h2",{id:"120---july-3-2018"},"1.2.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"110---june-29-2018"},"1.1.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed naming of aria-label prop being passed to AbstractModal"))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"100---june-19-2018"},"1.0.0 - (June 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,d=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,l.Z)({},o,d,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},2433:function(e,a,d){d.d(a,{C:function(){return n}});var l=d(67294),m=d(22863),n=function(e){var a=e.url;return l.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-notification-dialog",name:"terra-notification-dialog",version:"4.35.0",url:a})}},17422:function(e,a,d){d.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,d){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[d]=e[d]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(m[d]=e[d])}return m}d.d(a,{Z:function(){return l}})}}]); \ No newline at end of file diff --git a/pull/1840/30421-fa338c2d98b43f7b0157.css b/pull/1840/30421-fa338c2d98b43f7b0157.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/30421-fa338c2d98b43f7b0157.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/30421-fa338c2d98b43f7b0157.js b/pull/1840/30421-fa338c2d98b43f7b0157.js new file mode 100644 index 00000000000..e2dbcbbab65 --- /dev/null +++ b/pull/1840/30421-fa338c2d98b43f7b0157.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[30421],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),r=d(l(17422)),i=t.default.bind(r.default),u={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,t=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))),r=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")},t,r)};p.propTypes=u;var x=p;a.Z=x},30421:function(e,a,l){l.r(a),l.d(a,{default:function(){return s}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),t=l(23219),r=["components"],i={},u="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,r);return(0,n.mdx)(u,(0,d.Z)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"4380---july-31-2023"},"4.38.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4370---july-19-2023"},"4.37.0 - (July 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4360---february-14-2023"},"4.36.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"4350---march-15-2022"},"4.35.0 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,n.mdx)("h2",{id:"4340---september-20-2021"},"4.34.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"4330---july-21-2021"},"4.33.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,n.mdx)("h2",{id:"4320---june-8-2021"},"4.32.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"4310---april-6-2021"},"4.31.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"4300---march-9-2021"},"4.30.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,n.mdx)("h2",{id:"4290---february-2-2021"},"4.29.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed re-declaration of $ ignore")))),(0,n.mdx)("h2",{id:"4280---january-5-2021"},"4.28.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"4270---november-10-2020"},"4.27.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,n.mdx)("h2",{id:"4260---august-4-2020"},"4.26.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"4250---july-14-2020"},"4.25.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,n.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,n.mdx)("h2",{id:"4240---june-2-2020"},"4.24.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"4230---april-28-2020"},"4.23.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"4220---march-31-2020"},"4.22.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"4210---march-3-2020"},"4.21.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,n.mdx)("h2",{id:"4200---february-18-2020"},"4.20.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"4190---january-28-2020"},"4.19.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"4180---january-7-2020"},"4.18.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added new WDIO screenshots")))),(0,n.mdx)("h2",{id:"4170---december-10-2019"},"4.17.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"4160---november-7-2019"},"4.16.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"4150---october-16-2019"},"4.15.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"4140---october-3-2019"},"4.14.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"4130---september-26-2019"},"4.13.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"4120---september-19-2019"},"4.12.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,n.mdx)("h2",{id:"4110---september-6-2019"},"4.11.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"4100---august-21-2019"},"4.10.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,n.mdx)("h2",{id:"490---august-14-2019"},"4.9.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"480---july-30-2019"},"4.8.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"470---july-16-2019"},"4.7.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"460---july-10-2019"},"4.6.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"450---july-2-2019"},"4.5.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,n.mdx)("h2",{id:"440---june-19-2019"},"4.4.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"430---june-12-2019"},"4.3.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ARIA landmark roles"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,n.mdx)("h2",{id:"420---may-21-2019"},"4.2.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added hard-coded breakpoint values to LayoutUtils.js"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed dependency on terra-responsive-element")))),(0,n.mdx)("h2",{id:"410---may-15-2019"},"4.1.0 - (May 15, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"400---may-13-2019"},"4.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react-router-dom peerDependency to latest stable major release"),(0,n.mdx)("li",{parentName:"ul"},"Updated tabbable dependency to ^4.0.0"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update skip to content link handling to only temporary set tabindex to prevent keyboard page scroll bug")))),(0,n.mdx)("h2",{id:"340---april-24-2019"},"3.4.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"330---april-2-2019"},"3.3.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots to account for Overlay's ",(0,n.mdx)("inlineCode",{parentName:"li"},"rootProp")," default value from ",(0,n.mdx)("inlineCode",{parentName:"li"},"[data-terra-base]")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"#root"))))),(0,n.mdx)("h2",{id:"320---march-26-2019"},"3.2.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"300---january-25-2019"},"3.0.0 - (January 25, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,n.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,n.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove use of componentWillReceiveProps")))),(0,n.mdx)("h2",{id:"2230---january-5-2019"},"2.23.0 - (January 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2220---january-2-2019"},"2.22.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Shim for ",(0,n.mdx)("inlineCode",{parentName:"li"},"
")," tag IE compatibility added to ",(0,n.mdx)("inlineCode",{parentName:"li"},"_LayoutSlidePanel"))))),(0,n.mdx)("h2",{id:"2210---december-5-2018"},"2.21.0 - (December 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,n.mdx)("h2",{id:"2200---december-3-2018"},"2.20.0 - (December 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,n.mdx)("h2",{id:"2190---november-15-2018"},"2.19.0 - (November 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added focus management to shift between layout panel and toggle button when it is opened and closed"),(0,n.mdx)("li",{parentName:"ul"},"Regenerated jest snapshots"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots due to dependency updates")))),(0,n.mdx)("h2",{id:"2180---october-16-2018"},"2.18.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added id of terra-main to the main node")))),(0,n.mdx)("h2",{id:"2170---october-8-2018"},"2.17.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,n.mdx)("h2",{id:"2160---september-25-2018"},"2.16.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed terra-base duplicate from dependencies (kept instance in peerDependencies)")))),(0,n.mdx)("h2",{id:"2150---september-11-2018"},"2.15.0 - (September 11, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made content area a main node")))),(0,n.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"2120---august-13-2018"},"2.12.0 - (August 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,n.mdx)("h2",{id:"2110---july-26-2018"},"2.11.0 - (July 26, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use terra-responsive-element v3")))),(0,n.mdx)("h2",{id:"2100---july-25-2018"},"2.10.0 - (July 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"280---june-29-2018"},"2.8.0 - (June 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"270---june-12-2018"},"2.7.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"260---may-30-2018"},"2.6.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,n.mdx)("h2",{id:"250---may-22-2018"},"2.5.0 - (May 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"240---april-30-2018"},"2.4.0 - (April 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,n.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,n.mdx)("h2",{id:"230---april-13-2018"},"2.3.0 - (April 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Returned promises from toggleMenu/togglePin"),(0,n.mdx)("li",{parentName:"ul"},"Updated menu overlay styles.")))),(0,n.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove the hover functionality from the layout panel at the medium breakpoint."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added npmrc file with package-lock set to false.")))),(0,n.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,n.mdx)("h2",{id:"120---february-15-2018"},"1.2.0 - (February 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Nightwatch tests raw route now sets the size of the layout."),(0,n.mdx)("li",{parentName:"ul"},"Content is no longer visible when the slide panel is hidden.")))),(0,n.mdx)("h2",{id:"110---january-23-2018"},"1.1.0 - (January 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Debounce to resize of layout"),(0,n.mdx)("li",{parentName:"ul"},"Use display none on the hover section when hidden."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updating tests to point to new terra-framework-site location.")))),(0,n.mdx)("h2",{id:"100---november-17-2017"},"1.0.0 - (November 17, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"],o={},N="wrapper";function s(e){var a=e.components,l=(0,m.Z)(e,x);return(0,n.mdx)(N,(0,d.Z)({},o,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}s.isMDXComponent=!0},23219:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-layout",name:"terra-layout",version:"4.38.0",url:a})}},17422: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"}},87462:function(e,a,l){function d(){return d=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}l.d(a,{Z:function(){return d}})}}]); \ No newline at end of file diff --git a/pull/1840/30542-7ea9af0ea9348d72c9f5.css b/pull/1840/30542-7ea9af0ea9348d72c9f5.css new file mode 100644 index 00000000000..28756af10ec --- /dev/null +++ b/pull/1840/30542-7ea9af0ea9348d72c9f5.css @@ -0,0 +1,3 @@ +.SlidePanel-module__clinical-lowlight-theme___NdNQF{--terra-slide-panel-panel-background-color: #222a2e;--terra-slide-panel-main-background-color: #222a2e;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 5px #181b1d;--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 5px #181b1d;--terra-slide-panel-main-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-border-right-color: #181b1d;--terra-slide-panel-panel-squish-border-left-color: #181b1d;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6}.SlidePanel-module__orion-fusion-theme___aBPYu{--terra-slide-panel-main-background-color: #fff;--terra-slide-panel-panel-background-color: #fff;--terra-slide-panel-main-squish-background-color: #fff;--terra-slide-panel-panel-squish-background-color: #fff;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6;--terra-slide-panel-panel-squish-border-right-color: #d3d4d5;--terra-slide-panel-panel-squish-border-left-color: #d3d4d5}.SlidePanel-module__slide-panel___5vKEK{overflow:hidden;position:relative}.SlidePanel-module__main___Jq40y,.SlidePanel-module__panel___N9gHx{box-sizing:border-box;height:100%;outline:none;-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%}.SlidePanel-module__main___Jq40y{position:relative;z-index:0}[dir] .SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-background-color, #fff)}.SlidePanel-module__panel___N9gHx{position:absolute;z-index:500}[dir] .SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-background-color, #fff)}.SlidePanel-module__slide-panel___5vKEK .SlidePanel-module__slide-panel___5vKEK>.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} +[dir] .DisclosureComponent-module__content-wrapper___bvpSZ{border-bottom:1px solid #000;margin:0}[dir] .DisclosureComponent-module__form-wrapper___96jEd{padding:.7rem} +.SlidePanelManagerDefault-test-module__content-wrapper___6BZ9g{height:100%}[dir] .SlidePanelManagerDefault-test-module__disclosure-accessory___OZMgv{background-color:#add8e6;padding:1rem}.SlidePanelManagerDefault-test-module__disclosure-container___-QHV0{height:100%}[dir] .SlidePanelManagerDefault-test-module__disclosure-container___-QHV0{background-color:#b899f0;padding:1rem} diff --git a/pull/1840/30542-7ea9af0ea9348d72c9f5.js b/pull/1840/30542-7ea9af0ea9348d72c9f5.js new file mode 100644 index 00000000000..4bae7a651fc --- /dev/null +++ b/pull/1840/30542-7ea9af0ea9348d72c9f5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[30542],{73887:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(38416)),s=a(n(56690)),i=a(n(89728)),r=a(n(66115)),o=a(n(61655)),u=a(n(94993)),c=a(n(73808)),d=a(n(67294)),m=a(n(45697)),f=a(n(57927)),p=a(n(10027)),h=n(56019),g=a(n(47166)),b=a(n(5768));function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,c.default)(e);if(t){var l=(0,c.default)(this).constructor;n=Reflect.construct(a,arguments,l)}else n=a.apply(this,arguments);return(0,u.default)(this,n)}}var k=g.default.bind(b.default),v=Object.keys(h.availableDisclosureHeights),E=Object.keys(h.availableDisclosureWidths),C=function(e){(0,o.default)(n,e);var t=y(n);function n(e){var a;return(0,s.default)(this,n),(a=t.call(this,e)).disclose=a.disclose.bind((0,r.default)(a)),a.dismiss=a.dismiss.bind((0,r.default)(a)),a.closeDisclosure=a.closeDisclosure.bind((0,r.default)(a)),a.goBack=a.goBack.bind((0,r.default)(a)),a.maximize=a.maximize.bind((0,r.default)(a)),a.minimize=a.minimize.bind((0,r.default)(a)),a.generateOptions=a.generateOptions.bind((0,r.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,r.default)(a)),a.renderFormButton=a.renderFormButton.bind((0,r.default)(a)),a.renderForm=a.renderForm.bind((0,r.default)(a)),a.getId=a.getId.bind((0,r.default)(a)),a.state={id:"disclosureDimensions",disclosureHeight:v[0],disclosureWidth:E[0]},a}return(0,i.default)(n,[{key:"handleSelectChange",value:function(e){this.setState((0,l.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return"".concat(this.state.id,"-").concat(e,"-").concat(this.props.nestedIndex)}},{key:"generateOptions",value:function(e,t){var n=this;return e.map((function(e,a){var l=a;return d.default.createElement("option",{id:"".concat(t,"-").concat(e,"-").concat(n.props.nestedIndex),key:l,value:e},e)}))}},{key:"disclose",value:function(e,t){var n=this,a=this.props,l=a.disclosureType,s=a.nestedIndex,i=a.renderHeaderAdapter,r=s+1;return function(){n.props.disclosureManager.disclose({preferredType:l,size:e,dimensions:t,content:{key:"DemoContainer-".concat(r),component:d.default.createElement(_,{identifier:"DemoContainer-".concat(r),nestedIndex:r,disclosureType:l,renderHeaderAdapter:i})}})}}},{key:"dismiss",value:function(){this.props.disclosureManager.dismiss()}},{key:"closeDisclosure",value:function(){this.props.disclosureManager.closeDisclosure()}},{key:"goBack",value:function(){this.props.disclosureManager.goBack()}},{key:"maximize",value:function(){this.props.disclosureManager.maximize()}},{key:"minimize",value:function(){this.props.disclosureManager.minimize()}},{key:"renderFormButton",value:function(){var e="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return d.default.createElement("button",{type:"button",id:"disclose-dimension-".concat(this.props.nestedIndex),onClick:this.disclose(void 0,{height:this.state.disclosureHeight,width:this.state.disclosureWidth})},e)}},{key:"renderForm",value:function(){return d.default.createElement("form",null,d.default.createElement("label",{htmlFor:this.getId("height")},"Pop Content Height"),d.default.createElement("select",{id:this.getId("height"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},this.generateOptions(v,"height")),d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("label",{htmlFor:this.getId("width")},"Pop Content Width"),d.default.createElement("select",{id:this.getId("width"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},this.generateOptions(E,"width")),d.default.createElement("br",null),d.default.createElement("br",null))}},{key:"render",value:function(){var e=this.props,t=e.disclosureManager,n=e.identifier,a=e.renderHeaderAdapter;return d.default.createElement(p.default,{id:n,className:"nested-component",fill:!0,header:d.default.createElement("h2",{className:k("content-wrapper")},"Content Component")},a?d.default.createElement(h.DisclosureManagerHeaderAdapter,{title:"Disclosure - ".concat(n),collapsibleMenuView:d.default.createElement(f.default,null,d.default.createElement(f.default.Item,{text:"Header Button 1",key:"button_1"}),d.default.createElement(f.default.Item,{text:"Header Button 2",key:"button_2"}))}):void 0,d.default.createElement("p",null,"id:"," ",n),d.default.createElement("button",{type:"button",className:"disclose",onClick:this.disclose()},"Disclose"),d.default.createElement("button",{type:"button",className:"disclose-tiny",onClick:this.disclose("tiny")},"Disclose Tiny"),d.default.createElement("button",{type:"button",className:"disclose-small",onClick:this.disclose("small")},"Disclose Small"),d.default.createElement("button",{type:"button",className:"disclose-medium",onClick:this.disclose("medium")},"Disclose Medium"),d.default.createElement("button",{type:"button",className:"disclose-large",onClick:this.disclose("large")},"Disclose Large"),d.default.createElement("button",{type:"button",className:"disclose-huge",onClick:this.disclose("huge")},"Disclose Huge"),d.default.createElement("button",{type:"button",className:"disclose-fullscreen",onClick:this.disclose("fullscreen")},"Disclose Fullscreen"),d.default.createElement("div",{className:k("form-wrapper")},this.renderForm(),this.renderFormButton()),t&&t.dismiss?d.default.createElement("button",{type:"button",className:"dismiss",onClick:this.dismiss},"Dismiss"):null,t&&t.closeDisclosure?d.default.createElement("button",{type:"button",className:"close-disclosure",onClick:this.closeDisclosure},"Close Disclosure"):null,t&&t.goBack?d.default.createElement("button",{type:"button",className:"go-back",onClick:this.goBack},"Go Back"):null,t&&t.maximize?d.default.createElement("button",{type:"button",className:"maximize",onClick:this.maximize},"Maximize"):null,t&&t.minimize?d.default.createElement("button",{type:"button",className:"minimize",onClick:this.minimize},"Minimize"):null)}}]),n}(d.default.Component);C.propTypes={disclosureManager:h.disclosureManagerShape,identifier:m.default.string,disclosureType:m.default.string,nestedIndex:m.default.number,renderHeaderAdapter:m.default.bool},C.defaultProps={nestedIndex:0};var _=(0,h.withDisclosureManager)(C);t.default=_},84703:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(67294)),s=a(n(47166)),i=a(n(34653)),r=a(n(73887)),o=a(n(74787)),u=s.default.bind(o.default),c=function(e){return l.default.createElement("div",{"data-disclosure-container":!0,className:u("disclosure-container")},"I am wrapping the content with a purple background!",e)};t.default=function(){return l.default.createElement("div",{role:"main",className:u("content-wrapper")},l.default.createElement(i.default,{withDisclosureContainer:c},l.default.createElement(r.default,{identifier:"root-component",disclosureType:"panel",renderHeaderAdapter:!0})))}},5768:function(e,t,n){n.r(t),t.default={"content-wrapper":"DisclosureComponent-module__content-wrapper___bvpSZ","form-wrapper":"DisclosureComponent-module__form-wrapper___96jEd"}},74787:function(e,t,n){n.r(t),t.default={"content-wrapper":"SlidePanelManagerDefault-test-module__content-wrapper___6BZ9g","disclosure-accessory":"SlidePanelManagerDefault-test-module__disclosure-accessory___OZMgv","disclosure-container":"SlidePanelManagerDefault-test-module__disclosure-container___-QHV0"}}}]); \ No newline at end of file diff --git a/pull/1840/30586-f481a63b5092b471af59.css b/pull/1840/30586-f481a63b5092b471af59.css new file mode 100644 index 00000000000..576d24b53d2 --- /dev/null +++ b/pull/1840/30586-f481a63b5092b471af59.css @@ -0,0 +1,9 @@ +.WorklistDataGrid-module__worklist-data-grid-container___IbMs4{height:100%;width:100%} +.ColumnResizeHandle-module__orion-fusion-theme___fWbJv{--terra-data-grid-resize-handle-focus-border-color: #517ea5;--terra-data-grid-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___-v3QG{--terra-data-grid-resize-handle-focus-border-color: rgba(34, 42, 46, 1);--terra-data-grid-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___dm1As{display:block;position:absolute;top:0;width:24px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___dm1As{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___dm1As{border-right:2px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___dm1As{border-left:2px solid rgba(0,0,0,0);left:0}.ColumnResizeHandle-module__resize-handle___dm1As:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___dm1As:focus{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-data-grid-resize-handle-focus-border-color, rgb(34, 42, 46)) !important}[dir] .ColumnResizeHandle-module__resize-handle___dm1As:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-data-grid-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))} +.ColumnHeaderCell-module__orion-fusion-theme___LE92f{--terra-data-grid-column-header-text-color: #595f62;--terra-data-grid-column-header-background-color: #fff;--terra-data-grid-column-header-border-bottom: 1px solid #c8cacb;--terra-data-grid-column-header-border-right: 1px solid #c8cacb;--terra-data-grid-column-header-border-top: 1px solid #c8cacb;--terra-data-grid-pinned-columns-header-border: 1px solid #c8cacb;--terra-data-grid-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-data-grid-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__clinical-lowlight-theme___g1aZG{--terra-data-grid-column-header-text-color: #b2b5b6;--terra-data-grid-column-header-background-color: #151719;--terra-data-grid-column-header-border-bottom: 1px solid #181b1d;--terra-data-grid-column-header-border-right: 1px solid #181b1d;--terra-data-grid-column-header-border-top: 1px solid #181b1d;--terra-data-grid-pinned-columns-header-border: 1px solid #181b1d;--terra-data-grid-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-data-grid-pinned-columns-divider-background-color: #181b1d;--terra-data-grid-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-data-grid-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__column-header___ysMcI{color:var(--terra-data-grid-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___ysMcI{background-color:#dedfe0;background-color:var(--terra-data-grid-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-data-grid-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-data-grid-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI{border-right:1px solid #000;border-right:var(--terra-data-grid-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI{border-left:1px solid #000;border-left:var(--terra-data-grid-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI:first-child{border-left:1px solid #000;border-left:var(--terra-data-grid-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI:first-child{border-right:1px solid #000;border-right:var(--terra-data-grid-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__header-container___e9c9b{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__header-container___e9c9b{padding:5px;padding:var(--terra-data-grid-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__error-icon___9i6Pq{margin-right:5px;margin-right:var(--terra-data-grid-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI .ColumnHeaderCell-module__error-icon___9i6Pq{margin-left:5px;margin-left:var(--terra-data-grid-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___ysMcI span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___ysMcI span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___ysMcI span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___ysMcI span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___xOWr5:hover{background-color:#daecf6;background-color:var(--terra-data-grid-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___qsajY{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___qzHxN{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___qzHxN{background-color:#808080;background-color:var(--terra-data-grid-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-data-grid-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)} +.Row-module__orion-fusion-theme___RosFu{--terra-data-grid-row-striped-even-background-color: #f4f4f4;--terra-data-grid-row-selected-background-color: #cbe7fa;--terra-data-grid-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-data-grid-row-striped-odd-background-color: #fefffe}.Row-module__clinical-lowlight-theme___JpMl4{--terra-data-grid-row-striped-even-background-color: #2d3539;--terra-data-grid-row-striped-odd-background-color: #6e6f71;--terra-data-grid-row-selected-background-color: #1e3a49;--terra-data-grid-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-data-grid-row-hover-background-color: #232a2d;--terra-data-grid-row-highlight-border-top: 1px solid #004c76;--terra-data-grid-row-highlight-border-bottom: 1px solid #004c76}[dir] .Row-module__row___9KWBd.Row-module__selectable___wJSwb:hover{background-color:#e2f2fc;background-color:var(--terra-data-grid-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___9KWBd:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-data-grid-row-striped-even-background-color, #f0f0f0)}[dir] .Row-module__row___9KWBd:nth-child(odd){background-color:#fff;background-color:var(--terra-data-grid-row-striped-odd-background-color, #fff)}[dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv{background-color:#cbe7fa;background-color:var(--terra-data-grid-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___9KWBd.Row-module__selected___UL9Wv{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___9KWBd.Row-module__selected___UL9Wv{border-left:1px solid #0092e0}[dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv td, [dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-data-grid-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv:first-child td, [dir] .Row-module__row___9KWBd.Row-module__selected___UL9Wv:first-child th, [dir] .Row-module__row___9KWBd:not(.Row-module__selected___UL9Wv)+.Row-module__row___9KWBd.Row-module__selected___UL9Wv td, [dir] .Row-module__row___9KWBd:not(.Row-module__selected___UL9Wv)+.Row-module__row___9KWBd.Row-module__selected___UL9Wv th{border-top:1px solid #0092e0;border-top:var(--terra-data-grid-row-highlight-border-top, 1px solid #0092e0)} +.Cell-module__orion-fusion-theme___Fabt8{--terra-data-grid-cell-border-bottom: 1px solid #c8cacb;--terra-data-grid-cell-border-left: 1px solid #c8cacb;--terra-data-grid-cell-border-right: 1px solid #c8cacb;--terra-data-grid-cell-selected-background-color: #cbe7fa;--terra-data-grid-odd-row-hover-background-color: #e0f2fb;--terra-data-grid-even-row-hover-background-color: #d6e8f2;--terra-data-grid-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__clinical-lowlight-theme___GZmI3{--terra-data-grid-cell-border-bottom: 1px solid #181b1d;--terra-data-grid-cell-border-left: 1px solid #181b1d;--terra-data-grid-cell-border-right: 1px solid #181b1d;--terra-data-grid-cell-selected-background-color: #1e3a49;--terra-data-grid-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-data-grid-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-data-grid-odd-row-hover-background-color: #25282a;--terra-data-grid-even-row-hover-background-color: #1d2225;--terra-data-grid-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__cell___k\+LHp{font-weight:normal;position:relative}[dir] .Cell-module__cell___k\+LHp{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-data-grid-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-data-grid-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___k\+LHp{border-right:1px solid #dedfe0;border-right:var(--terra-data-grid-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___k\+LHp{border-left:1px solid #dedfe0;border-left:var(--terra-data-grid-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___k\+LHp:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-data-grid-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___k\+LHp:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-data-grid-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___2WAPd{background-color:#cbe7fa;background-color:var(--terra-data-grid-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___pQbeM{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-data-grid-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___pQbeM{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-data-grid-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___pQbeM.Cell-module__highlighted___Z-bjs{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-data-grid-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___pQbeM.Cell-module__highlighted___Z-bjs{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-data-grid-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___6UkjV{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___6UkjV{text-align:left}[dir=rtl] .Cell-module__cell-content___6UkjV{text-align:right}.Cell-module__cell-content___6UkjV .Cell-module__no-data-cell___lweXz{color:rgba(0,0,0,0)}.Cell-module__pinned___l24NX{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___l24NX:not(.Cell-module__selected___2WAPd){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___TMMd1:hover{background-color:#e0f2fb;background-color:var(--terra-data-grid-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___TMMd1:hover{background-color:#d3e5ee;background-color:var(--terra-data-grid-even-row-hover-background-color, #d3e5ee);cursor:pointer} +.RowSelectionCell-module__input___klaGY{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___klaGY{margin:auto} +.DataGrid-module__orion-fusion-theme___yhybH{--terra-data-grid-cell-focus-outline: 3px dashed #000;--terra-data-grid-cell-focus-outline-offset: -2px}.DataGrid-module__clinical-lowlight-theme___OufgK{--terra-data-grid-cell-focus-outline: 3px dashed #fff;--terra-data-grid-cell-focus-outline-offset: -2px}.DataGrid-module__data-grid-container___4LJj1{height:100%;overflow:auto;width:100%}.DataGrid-module__data-grid___mKnSC{border-collapse:separate;border-spacing:0;table-layout:fixed;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:1px}.DataGrid-module__data-grid___mKnSC :focus{outline:3px dashed #000;outline:var(--terra-data-grid-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-data-grid-cell-focus-outline-offset, -2px)} +.FlowsheetDataGrid-module__flowsheet-data-grid-container___O1y8B{height:100%;width:100%} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/pull/1840/30586-f481a63b5092b471af59.js b/pull/1840/30586-f481a63b5092b471af59.js new file mode 100644 index 00000000000..bc1f7ee598c --- /dev/null +++ b/pull/1840/30586-f481a63b5092b471af59.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[30586],{49271:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(27424)),l=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={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=r?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),c=a(n(47166)),s=n(21538),u=a(n(33864)),d=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var y=c.default.bind(p.default),_={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},w=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,i=e.description,c=e.isExpanded,p=(0,l.useState)(c),f=(0,r.default)(p,2),_=f[0],g=f[1],b=(0,l.useState)(!1),h=(0,r.default)(b,2),C=h[0],O=h[1],E=l.default.useContext(s.ThemeContext),x=void 0!==a,N=function(){O(!C),_&&g(!_)},P=function(){g(!_),C&&O(!C)},j=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:y("template",E.className)},l.default.createElement("div",{className:y("header")},o&&l.default.createElement("h2",{className:y("title")},o)),l.default.createElement("div",{className:y("content")},i&&l.default.createElement("div",{className:y("description")},i),t),l.default.createElement("div",{className:y("footer")},n?l.default.createElement("div",{className:y("button-container")},x&&l.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":C}),onClick:N,onKeyDown:function(e){return j(e,N)},onBlur:v,onMouseDown:w,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(u.default,{className:y("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(d.default,{className:y("chevron")})),l.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":_}),onClick:P,onKeyDown:function(e){return j(e,P)},onBlur:v,onMouseDown:w,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(u.default,{className:y("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(d.default,{className:y("chevron")}))):null,l.default.createElement("div",null,C&&l.default.createElement("div",{className:y("css")},a),_&&l.default.createElement("div",{className:y("code")},n))))};g.propTypes=_,g.defaultProps={isExpanded:!1};var b=g;t.Z=b},62997:function(e,t,n){n.r(t),n.d(t,{default:function(){return u}});var a=n(87462),o=n(44925),r=(n(67294),n(81254)),l=n(17333),i=["components"],c={},s="wrapper";function u(e){var t=e.components,n=(0,o.Z)(e,i);return(0,r.mdx)(s,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.Z,{title:"Worklist Data Grid Column States",mdxType:"WorklistDataGridColumnStates"}))}u.isMDXComponent=!0},17333:function(e,t,n){n.d(t,{Z:function(){return m}});var a=n(67294),o=n(79021),r=n(87462),l=n(44925),i=n(81254),c=["components"],s={};function u(e){var t=e.components,n=(0,l.Z)(e,c);return(0,i.mdx)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport { WorklistDataGrid } from 'terra-data-grid';\n\nconst gridDataJSON = {\n cols: [\n {\n id: 'Column-0', displayName: 'Patient', sortIndicator: 'ascending', hasError: true,\n },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy', hasError: true },\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 DefaultWorklistDataGrid = () => {\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n\n const [gridColumns, setGridColumns] = useState(cols);\n const [gridRows, setGridRows] = useState(rows);\n\n const onColumnSelect = (columnId) => {\n const newColumnArray = gridColumns.map((column, columnIndex) => {\n const newColumn = { ...column };\n\n if (column.id === columnId) {\n newColumn.sortIndicator = column.sortIndicator === 'ascending' ? 'descending' : 'ascending';\n\n const newGridRows = [...gridRows];\n newGridRows.sort((rowA, rowB) => {\n const firstRowContent = rowA.cells[columnIndex].content || '';\n const secondRowContent = rowB.cells[columnIndex].content || '';\n\n if (newColumn.sortIndicator === 'ascending') {\n return firstRowContent.localeCompare(secondRowContent);\n }\n return secondRowContent.localeCompare(firstRowContent);\n });\n\n setGridRows(newGridRows);\n } else {\n newColumn.sortIndicator = undefined;\n }\n\n return newColumn;\n });\n\n setGridColumns(newColumnArray);\n };\n\n return (\n \n );\n};\n\nexport default DefaultWorklistDataGrid;\n\n")))}u.isMDXComponent=!0;var d=n(49271),m=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(d.Z,{title:t||"Worklist Data Grid Column States",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(u,null),isExpanded:r})}},79021:function(e,t,n){var a=n(64836),o=n(18698);t.Z=void 0;var r=a(n(861)),l=a(n(38416)),i=a(n(27424)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=r?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(67294)),s=n(55730);function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var m=[{id:"Column-0",displayName:"Patient",sortIndicator:"ascending",hasError:!0},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy",hasError:!0},{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}],p=[{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.Z=function(){var e=m,t=p,n=(0,c.useState)(e),a=(0,i.default)(n,2),o=a[0],u=a[1],f=(0,c.useState)(t),y=(0,i.default)(f,2),_=y[0],v=y[1];return c.default.createElement(s.WorklistDataGrid,{id:"default-terra-worklist-data-grid",overflowColumns:o,rows:_,rowHeaderIndex:0,rowHeight:"50px",defaultColumnWidth:100,columnHeaderHeight:"50px",onColumnSelect:function(e){var t=o.map((function(t,n){var a=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/1840/30812-36e4a2f7eb0e26eae8df.css b/pull/1840/30812-36e4a2f7eb0e26eae8df.css new file mode 100644 index 00000000000..67e59e5e097 --- /dev/null +++ b/pull/1840/30812-36e4a2f7eb0e26eae8df.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.DateInputField-module__orion-fusion-theme___6WeUI{--terra-date-input-field-margin-bottom: 0.5rem;--terra-date-input-field-inline-margin-right: 0.5rem;--terra-date-input-field-legend-font-size: 1rem;--terra-date-input-field-legend-margin-bottom: 0.5em;--terra-date-input-field-legend-color: #1c1f21;--terra-date-input-field-legend-font-weight: bold;--terra-date-input-field-legend-error-icon-display: none;--terra-date-input-field-legend-error-icon-padding-right: 0.25em;--terra-date-input-field-legend-required-color: #e50000;--terra-date-input-field-legend-required-padding-right: 0.25em;--terra-date-input-field-legend-optional-font-style: italic;--terra-date-input-field-legend-optional-padding-left: 0.25em;--terra-date-input-field-help-text-color: rgba(28, 31, 33, 0.65);--terra-date-input-field-help-text-font-size: 0.85rem;--terra-date-input-field-help-text-font-weight: normal;--terra-date-input-field-help-text-margin-top: 0.25em;--terra-date-input-field-error-text-color: #e50000;--terra-date-input-field-error-text-font-size: 0.85rem;--terra-date-input-field-error-text-font-weight: normal;--terra-date-input-field-error-text-margin-top: 0.25em}.DateInputField-module__clinical-lowlight-theme___ZPdZB{--terra-date-input-field-error-text-color: #fb4c4c;--terra-date-input-field-help-text-color: #6f7477;--terra-date-input-field-legend-color: #b2b5b6;--terra-date-input-field-legend-required-color: #fb4c4c;--terra-date-input-field-margin-bottom: 1.428em;--terra-date-input-field-inline-margin-right: 0.7143em;--terra-date-input-field-legend-font-size: 1rem;--terra-date-input-field-legend-margin-bottom: 0.357em;--terra-date-input-field-legend-font-weight: bold;--terra-date-input-field-legend-error-icon-display: none;--terra-date-input-field-legend-error-icon-padding-right: 0;--terra-date-input-field-legend-required-padding-right: 0.357em;--terra-date-input-field-legend-optional-font-style: italic;--terra-date-input-field-legend-optional-padding-left: 0.357em;--terra-date-input-field-help-text-font-size: 0.857rem;--terra-date-input-field-help-text-font-weight: normal;--terra-date-input-field-help-text-margin-top: 0.357em;--terra-date-input-field-error-text-font-size: 0.857rem;--terra-date-input-field-error-text-font-weight: normal;--terra-date-input-field-error-text-margin-top: 0.357em}.DateInputField-module__date-input-field___y3E0d{max-width:72.857rem}[dir] .DateInputField-module__date-input-field___y3E0d{border:0;margin-bottom:1.428em;margin-bottom:var(--terra-date-input-field-margin-bottom, 1.428em);padding:0}.DateInputField-module__date-input-field___y3E0d>div{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.DateInputField-module__is-inline___Y5zYN{display:inline-block;vertical-align:top}[dir=ltr] .DateInputField-module__is-inline___Y5zYN{margin-right:0.7143em;margin-right:var(--terra-date-input-field-inline-margin-right, 0.7143em)}[dir=rtl] .DateInputField-module__is-inline___Y5zYN{margin-left:0.7143em;margin-left:var(--terra-date-input-field-inline-margin-right, 0.7143em)}.DateInputField-module__legend-group___Y8qQh{font-size:1rem;font-size:var(--terra-date-input-field-legend-font-size, 1rem);line-height:1.29}[dir] .DateInputField-module__legend-group___Y8qQh{margin-bottom:0.357em;margin-bottom:var(--terra-date-input-field-legend-margin-bottom, 0.357em)}[dir=ltr] .DateInputField-module__legend-group___Y8qQh{text-align:left}[dir=rtl] .DateInputField-module__legend-group___Y8qQh{text-align:right}.DateInputField-module__legend-group-hidden___NubE\+{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}[dir=ltr] .DateInputField-module__legend-group-hidden___NubE\+{left:-10000px}[dir=rtl] .DateInputField-module__legend-group-hidden___NubE\+{right:-10000px}.DateInputField-module__legend___8v6Uw{color:rgba(0, 0, 0, 0.8);color:var(--terra-date-input-field-legend-color, rgba(0, 0, 0, 0.8));font-weight:bold;font-weight:var(--terra-date-input-field-legend-font-weight, bold)}.DateInputField-module__error-icon___9jalk,.DateInputField-module__error-icon-hidden___7yXqb{display:none;display:var(--terra-date-input-field-legend-error-icon-display, none)}[dir=ltr] .DateInputField-module__error-icon___9jalk, [dir=ltr] .DateInputField-module__error-icon-hidden___7yXqb{padding-right:var(--terra-date-input-field-legend-error-icon-padding-right)}[dir=rtl] .DateInputField-module__error-icon___9jalk, [dir=rtl] .DateInputField-module__error-icon-hidden___7yXqb{padding-left:var(--terra-date-input-field-legend-error-icon-padding-right)}.DateInputField-module__required___c\+zgG,.DateInputField-module__required-hidden___udcsO{color:#e50000;color:var(--terra-date-input-field-legend-required-color, #e50000);display:inline-block}[dir=ltr] .DateInputField-module__required___c\+zgG, [dir=ltr] .DateInputField-module__required-hidden___udcsO{padding-right:0.357em;padding-right:var(--terra-date-input-field-legend-required-padding-right, 0.357em)}[dir=rtl] .DateInputField-module__required___c\+zgG, [dir=rtl] .DateInputField-module__required-hidden___udcsO{padding-left:0.357em;padding-left:var(--terra-date-input-field-legend-required-padding-right, 0.357em)}.DateInputField-module__error-icon-hidden___7yXqb,.DateInputField-module__required-hidden___udcsO{visibility:hidden}.DateInputField-module__optional___Jtg7S{display:inline-block;font-style:italic;font-style:var(--terra-date-input-field-legend-optional-font-style, italic)}[dir=ltr] .DateInputField-module__optional___Jtg7S{padding-left:0.357em;padding-left:var(--terra-date-input-field-legend-optional-padding-left, 0.357em)}[dir=rtl] .DateInputField-module__optional___Jtg7S{padding-right:0.357em;padding-right:var(--terra-date-input-field-legend-optional-padding-left, 0.357em)}.DateInputField-module__help-text___zQnVy{color:rgba(0, 0, 0, 0.55);color:var(--terra-date-input-field-help-text-color, rgba(0, 0, 0, 0.55));font-size:0.857rem;font-size:var(--terra-date-input-field-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-field-help-text-font-weight, normal);line-height:1.25}[dir] .DateInputField-module__help-text___zQnVy{margin-top:0.357em;margin-top:var(--terra-date-input-field-help-text-margin-top, 0.357em)}[dir=ltr] .DateInputField-module__help-text___zQnVy{text-align:left}[dir=rtl] .DateInputField-module__help-text___zQnVy{text-align:right}.DateInputField-module__error-text___D5gK6{color:#e50000;color:var(--terra-date-input-field-error-text-color, #e50000);font-size:0.857rem;font-size:var(--terra-date-input-field-error-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-field-error-text-font-weight, normal);line-height:1.25}[dir] .DateInputField-module__error-text___D5gK6{margin-top:0.357em;margin-top:var(--terra-date-input-field-error-text-margin-top, 0.357em)}[dir=ltr] .DateInputField-module__error-text___D5gK6{text-align:left}[dir=rtl] .DateInputField-module__error-text___D5gK6{text-align:right} diff --git a/pull/1840/30812-36e4a2f7eb0e26eae8df.js b/pull/1840/30812-36e4a2f7eb0e26eae8df.js new file mode 100644 index 00000000000..ebc1980b356 --- /dev/null +++ b/pull/1840/30812-36e4a2f7eb0e26eae8df.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[30812],{76313:function(e,t,r){var n=r(64836),a=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(38416)),l=n(r(10434)),u=n(r(70215)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var r=O(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=o?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(n,l,u):n[l]=e[l]}return n.default=e,r&&r.set(e,n),n}(r(67294)),d=n(r(45697)),c=r(25387),f=n(r(94184)),s=n(r(47166)),p=n(r(47341)),b=r(55877),m=n(r(51331)),y=n(r(29270)),_=n(r(91986)),h=n(r(91417)),v=n(r(40873)),g=["dayAttributes","disabled","displayFormat","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLegendHidden","intl","legend","legendAttributes","monthAttributes","maxWidth","name","onBlur","onChange","onFocus","required","showOptional","value","yearAttributes"];function O(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(O=function(e){return e?r:t})(e)}function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function y(e,t){for(var r=0;r {\n const response = new Promise((resolve) => {\n if (name.length < 3) {\n return resolve('Not long enough');\n }\n if (name === 'TerraUser') {\n return resolve('Name is Unavailable');\n }\n return resolve('');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit }) {\n return (\n \n \n {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n value={input.value}\n required\n />\n )}\n \n \n {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n value={input.value}\n required\n />\n )}\n \n \n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size: 'small',\n content: {\n key: `Nested ${name}`,\n component: ,\n },\n });\n }}\n >\n Disclose Again\n \n
\n
\n

The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below.

\n {\n this.setState({\n text: event.target.value,\n });\n }}\n value={this.state.text || ''}\n />\n {this.state.text && this.state.text.length ?

Component has unsaved changes!

: null}\n
\n
\n

\n Selected Header Action:\n {' '}\n {this.state.selectedHeaderAction}\n

\n \n \n );\n }\n}\n\nDisclosureComponent.contextType = DisclosureManagerContext;\nDisclosureComponent.propTypes = {\n name: PropTypes.string,\n disclosureType: PropTypes.string,\n};\nDisclosureComponent.defaultProps = {\n name: 'Disclosure Component',\n};\n\nconst HEIGHT_KEYS = Object.keys(availableDisclosureHeights);\nconst WIDTH_KEYS = Object.keys(availableDisclosureWidths);\n\nconst generateDimensionOptions = values => (\n values.map((currentValue, index) => {\n const keyValue = index;\n return ;\n })\n);\n\nclass ContentComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.renderButton = this.renderButton.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n this.getId = this.getId.bind(this);\n\n this.state = { id: 'dimensions', disclosureHeight: HEIGHT_KEYS[0], disclosureWidth: WIDTH_KEYS[0] };\n }\n\n handleSelectChange(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n getId(name) {\n return name + this.state.id;\n }\n\n renderButton(size) {\n const { disclosureType } = this.props;\n const disclosureManager = this.context;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n size,\n content: {\n key: `Content-Disclosure-${size}`,\n component: ,\n },\n });\n }}\n >\n {`Disclose (${size})`}\n \n );\n }\n\n renderFormButton() {\n const { disclosureType } = this.props;\n const disclosureManager = this.context;\n\n const name = `Disclose (${this.state.disclosureHeight}) x (${this.state.disclosureWidth})`;\n\n return (\n {\n disclosureManager.disclose({\n preferredType: disclosureType,\n dimensions: { height: this.state.disclosureHeight, width: this.state.disclosureWidth },\n content: {\n key: 'Content-Disclosure-Dimensions',\n component: ,\n },\n });\n }}\n >\n {name}\n \n );\n }\n\n renderForm() {\n return (\n
\n \n \n
\n
\n \n \n
\n
\n
\n );\n }\n\n render() {\n return (\n \n )}\n >\n
\n {this.renderButton('default')}\n {this.renderButton('tiny')}\n {this.renderButton('small')}\n {this.renderButton('medium')}\n {this.renderButton('large')}\n {this.renderButton('huge')}\n {this.renderButton('fullscreen')}\n
\n

The child components can disclose content in the modal at various sizes.

\n
\n
\n {this.renderForm()}\n {this.renderFormButton()}\n
\n \n );\n }\n}\n\nContentComponent.contextType = DisclosureManagerContext;\nContentComponent.propTypes = {\n disclosureType: PropTypes.string,\n};\n\nconst ModalManagerExample = ({ showDisclosureAccessory }) => (\n
\n \n Disclosure Accessory\n
\n ) : undefined}\n >\n \n \n \n);\n\nModalManagerExample.propTypes = {\n showDisclosureAccessory: PropTypes.bool,\n};\n\nexport default ModalManagerExample;\n/* eslint-enable max-classes-per-file */\n\n")))}c.isMDXComponent=!0;var u=n(49271),h=["components"],x={};function g(e){var t=e.components,n=(0,r.Z)(e,h);return(0,i.mdx)("wrapper",(0,a.Z)({},x,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example-wrapper {\n border: 1px solid #d3d3d3;\n height: 28rem;\n }\n\n .content-wrapper {\n padding: 0.7rem;\n }\n\n .disclosure-accessory {\n background-color: #add8e6;\n padding: 1rem;\n }\n}\n\n")))}g.isMDXComponent=!0;var f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return o.createElement(u.Z,{title:t||"Modal Manager Example",description:n,example:o.createElement(s.Z,null),exampleCssSrc:o.createElement(g,null),exampleSrc:o.createElement(c,null),isExpanded:a})},N=n(78530),y=["components"],b={},w="wrapper";function C(e){var t=e.components,n=(0,r.Z)(e,y);return(0,i.mdx)(w,(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(N.ZP,{mdxType:"PropsTable"},(0,i.mdx)(N.X2,{key:"ROW1",mdxType:"Row"},(0,i.mdx)(N.O,{mdxType:"PropNameCell"},"children"),(0,i.mdx)(N.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,i.mdx)(N.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(N.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(N.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The components to be rendered in the body of the ModalManager. These components will receive the\ndisclosure capabilities through the DisclosureManger's context API."))),(0,i.mdx)(N.X2,{key:"ROW2",mdxType:"Row"},(0,i.mdx)(N.O,{mdxType:"PropNameCell"},"disclosureAccessory"),(0,i.mdx)(N.Di,{mdxType:"TypeCell"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,i.mdx)(N.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,i.mdx)(N.mW,{mdxType:"DefaultValueCell"},(0,i.mdx)("p",null,"none")),(0,i.mdx)(N.Ex,{mdxType:"DescriptionCell"},(0,i.mdx)("p",null,"The component to render within the Modal above the disclosed content.")))))}C.isMDXComponent=!0;var v=["components"],M={},T="wrapper";function k(e){var t=e.components,n=(0,r.Z)(e,v);return(0,i.mdx)(T,(0,a.Z)({},M,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(d.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-modal-manager"},"Terra Modal Manager"),(0,i.mdx)("p",null,"The ModalManager is a DisclosureManager implementation that presents disclosed content using an AbstractModal."),(0,i.mdx)("p",null,"ModalManager provides the ability to handle and navigate stacked disclosures."),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null," For applications that utilize Terra Application, use the ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/components/modal-manager"},"ModelManager")," and ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/contexts/disclosure-manager-context"},"DisclosureManagerContext")," provided by terra-application instead of using terra-modal-manager directly.")),(0,i.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Install with ",(0,i.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"npm install terra-modal-manager"))))),(0,i.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,i.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,i.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,i.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"terra-disclosure-manager"),(0,i.mdx)("td",{parentName:"tr",align:null},"^4.16.0")))),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ModalManager, { disclosureType } from 'terra-modal-manager';\n")),(0,i.mdx)("h2",{id:"details"},"Details"),(0,i.mdx)("h3",{id:"implementation-requirements"},"Implementation Requirements"),(0,i.mdx)("p",null,"The ModalManager utilizes the DisclosureManager API to manage disclosure requests. The components provided as children to the ModalManager, and the components disclosed within it, must interface with the ModalManager's context using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"withDisclosureManager()")," higher-order component generator provided by the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-disclosure-manager")," package. Alternatively, ",(0,i.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerContext")," can be consumed directly using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"useContext")," hook."),(0,i.mdx)("p",null,"The ModalManager responds to ",(0,i.mdx)("inlineCode",{parentName:"p"},'"modal"')," disclosure type requests. Components that wish to disclose content using the ModalManager should provide a preferred type of ",(0,i.mdx)("inlineCode",{parentName:"p"},'"modal"'),". This value is exported from the package as ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclosureType"),". Please see the ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/discosure-manager/disclosure-manager/disclosure-manager-api"},"DisclosureManager API documentation")," for a full description of the ModalManager's capabilities."),(0,i.mdx)("h3",{id:"disclosuremanagerheaderadapter-support"},"DisclosureManagerHeaderAdapter Support"),(0,i.mdx)("p",null,"If a component disclosed by the ModalManager renders a ",(0,i.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will render an ActionHeader and provide the standard disclosure navigation controls (close, go back, etc.) within it. The disclosed component can use the ",(0,i.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter")," to inject its own title and CollapsibleButtonView into the ActionHeader."),(0,i.mdx)("p",null,"If the disclosed component does ",(0,i.mdx)("strong",{parentName:"p"},"not")," render a ",(0,i.mdx)("inlineCode",{parentName:"p"},"DisclosureManagerHeaderAdapter"),", the ModalManager will ",(0,i.mdx)("strong",{parentName:"p"},"not")," render an ActionHeader itself. In this case, it is assumed that the disclosed component is rendering its own header. The disclosed component is responsible for rendering the appropriate controls to navigate the disclosure stack.\ns"),(0,i.mdx)("blockquote",null,(0,i.mdx)("p",{parentName:"blockquote"},"Note: The DisclosureManagerHeaderAdapter is the preferred way to present a header within the ModalManager. In a future major release, the ModalManager will ",(0,i.mdx)("strong",{parentName:"p"},"always")," render the header and navigation controls, regardless of the presence of a DisclosureManagerHeaderAdapter.")),(0,i.mdx)("h3",{id:"disclosure-accessory"},"Disclosure Accessory"),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"disclosureAccessory")," prop allows consumers of the ModalManager to render a static component above the disclosed modal content. The provided component will be rendered below the standard ActionHeader and above the disclosed content. This can be used to easily provide additional context to every disclosed component. This component is provided once to the ModalManager instance, not on a per-disclosure basis, and each component in the disclosure stack will be decorated with the same accessory component."),(0,i.mdx)("h3",{id:"static-height-vs-dynamic-height"},"Static Height vs. Dynamic Height"),(0,i.mdx)("p",null,"Terra-Model-Manager was intentionally designed to have static preset heights in order to work in conjunction with Terra content that can adjust responsively using the ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/responsive-element/about"},"terra-responsive-element"),", as well as any conditionally positioned UI elements like a ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/popup/popup"},"popup"),", ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/form-select/multi-select"},"multi-select dropdown"),", or ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-framework-docs/date-picker/date-picker"},"date picker"),". Having static preset heights allows for Terra to quickly present modal content without requiring extensive browser multiple-render drawing calculations that results in poor application performance."),(0,i.mdx)("p",null,"Some may be used to other libraries that commonly offer simple modals that can adjust the modal's height dynamically based on the content provided, but those situations only work well for when content is designed for a single presentation (i.e. is not responsive), and ones that have no higher z-index layers that require position calculation relative to the base content (i.e. no popups with pointers)."),(0,i.mdx)("h3",{id:"creating-modal-content"},"Creating Modal Content"),(0,i.mdx)("p",null,"The Modal-Manager is intended for content which has regularly composed & designed layouts, including responsive variations. It is very grid-based, so it comes with standard heights and widths to accommodate the highly-structured assembly of content."),(0,i.mdx)("p",null,"When the preset size of the modal's width or height is ",(0,i.mdx)("em",{parentName:"p"},"larger"),' than the available device-screen or viewport (e.g. if you shrink down your window smaller than what the modal size was set to be), at that point the modal-manager will then "stick" near to the edge of the viewport as it\'s outer size and not flow offscreen. It is recommended to build the inner content with a responsive design, so when the modal is smaller than it’s preset size, the content will then know to adapt and adjust to alternate layouts accordingly to the new maximum available height and/or width as the outer size. If content is not built responsively, or if you intentionally build the content to overflow in one direction, it will then force scrolling inside of the modal. Scrolling is perfectly acceptable, but should be limited to one direction, preferably vertical-only.'),(0,i.mdx)("p",null,'The key thing to remember is that the Modal-Manager, similar to a page layout, works based on the "',(0,i.mdx)("strong",{parentName:"p"},"outside-in"),'" layout principal, which allows the ',(0,i.mdx)("em",{parentName:"p"},"inside")," content to respond when the ",(0,i.mdx)("em",{parentName:"p"},"outside"),' container changes in size. The Modal-Manager unfortunately cannot simultaneously also follow the "',(0,i.mdx)("strong",{parentName:"p"},"inside-out"),'" layout principal, which would mean the ',(0,i.mdx)("em",{parentName:"p"},"outside")," container height grows or shrinks based on the ",(0,i.mdx)("em",{parentName:"p"},"inside")," content size. The reason is that the inside content cannot dictate what size it would like to be at the same as as listening for when it no longer has any space remaining, which is required in order to be able to change itself to a new layout, and cannot do both (or at least not without attempting many redraws). Designers are encouraged to create structured and grid based layout designs that work well for the modal layout size options that best utilize space, similar to designing base pages within applications."),(0,i.mdx)("h3",{id:"sizing-height--width-options"},"Sizing: Height & Width Options"),(0,i.mdx)("p",null,"The Terra-Modal-Manager has two methods of setting the preferred modal height & width. The first method is by choosing from a list of easy shorthand size options that combine a predefined height and width pair, which works standard application screen ratios. The second method is more advanced and provides the ability to choose from a list of grid-based dimensions to set the height and width independently. ",(0,i.mdx)("em",{parentName:"p"},"(Note: all values used for Modal-Manager are true pixels and not rem, relative em units.)")),(0,i.mdx)("p",null,"Using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"size")," prop within the ",(0,i.mdx)("a",{parentName:"p",href:"/terra-framework/pull/1840/components/cerner-terra-framework-docs/discosure-manager/disclosure-manager/disclosure-manager-api"},"disclose argument API")," allows the consumer to provide a simpler implementation to set the modal preferred dimension, and typically might be used for common application disclosures of similarly sized content. ",(0,i.mdx)("em",{parentName:"p"},"(Note: ",(0,i.mdx)("inlineCode",{parentName:"em"},"size")," should not be provided if ",(0,i.mdx)("inlineCode",{parentName:"em"},"dimensions")," are specified.)")),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"th"},"size")," prop: Shorthand options"),(0,i.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"tiny")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: 240px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"small")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: 420px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"medium")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: 600px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"default")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: 690px ",(0,i.mdx)("em",{parentName:"td"},"(modal size if no other details are provided)"))),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"large")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: 870px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"huge")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: 960px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"fusion-small")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 400px, h: 280px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"fusion-medium")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 600px, h: 380px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"fusion-large")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 700px, h: 460px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"fullscreen")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: screen width less ~10px, h: screen height less ~10px")))),(0,i.mdx)("p",null,"For application content that needs more specific dimensional control of modal sizes, using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"dimension")," prop within the ",(0,i.mdx)("a",{parentName:"p",href:"/terra-framework/pull/1840/components/cerner-terra-framework-docs/discosure-manager/disclosure-manager/disclosure-manager-api"},"disclose argument API")," will be the implementation to choose. Consumers supply a simple object that contains both height wand width values: ",(0,i.mdx)("inlineCode",{parentName:"p"},"{ height: '480', width: '600' }"),". ",(0,i.mdx)("em",{parentName:"p"},"(Note: ",(0,i.mdx)("inlineCode",{parentName:"em"},"dimensions")," should not be provided if a ",(0,i.mdx)("inlineCode",{parentName:"em"},"size")," is specified.)")),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Width options"),(0,i.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '320'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 320px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '400'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 400px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '480'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 480px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '560'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 560px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '600'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 600px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '640'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 640px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '700'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 700px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '800'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 800px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '960'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 960px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '1120'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1120px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '1280'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1280px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '1440'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1440px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '1600'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1600px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '1760'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1760px, h: --")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"width: '1920'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: 1920px, h: --")))),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"th"},"dimensions")," prop: Height options"),(0,i.mdx)("th",{parentName:"tr",align:null},"pixel dimensions"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '240'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 240px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '280'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 280px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '380'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 380px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '420'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 420px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '460'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 460px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '600'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 600px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '690'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 690px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '780'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 780px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '870'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 870px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '960'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 960px")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"height: '1140'")),(0,i.mdx)("td",{parentName:"tr",align:null},"w: --, h: 1140px")))),(0,i.mdx)("h2",{id:"component-features"},"Component Features"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(f,{title:"Example",mdxType:"ModalManagerExample"}),(0,i.mdx)(f,{showDisclosureAccessory:!0,title:"Disclosure Accessory Example",mdxType:"ModalManagerExample"}),(0,i.mdx)("h2",{id:"modal-manager-props"},"Modal Manager Props"),(0,i.mdx)(C,{mdxType:"ModalManagerPropsTable"}))}k.isMDXComponent=!0},11589:function(e,t,n){n.d(t,{C:function(){return o}});var a=n(67294),r=n(22863),o=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-modal-manager",name:"terra-modal-manager",version:"6.67.0",url:t})}},19326:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(38416)),o=a(n(56690)),i=a(n(89728)),l=a(n(66115)),d=a(n(61655)),s=a(n(94993)),m=a(n(73808)),p=a(n(67294)),c=a(n(45697)),u=a(n(47166)),h=a(n(17092)),x=a(n(57927)),g=a(n(10027)),f=n(56019),N=a(n(22266)),y=a(n(72702));function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,m.default)(e);if(t){var r=(0,m.default)(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return(0,s.default)(this,n)}}var w=u.default.bind(y.default),C=function(e){(0,d.default)(n,e);var t=b(n);function n(e){var a;return(0,o.default)(this,n),(a=t.call(this,e)).checkLockState=a.checkLockState.bind((0,l.default)(a)),a.state={text:void 0},a}return(0,i.default)(n,[{key:"componentDidMount",value:function(){var e=this.context;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(t,n){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?t():n()})):Promise.resolve()}},{key:"render",value:function(){var e=this,t=this.props,a=t.name,r=t.disclosureType,o=this.context;return p.default.createElement(g.default,{fill:!0},p.default.createElement(f.DisclosureManagerHeaderAdapter,{title:a,collapsibleMenuView:p.default.createElement(x.default,null,p.default.createElement(x.default.Item,{text:"Button 1",key:"button_1",onClick:function(){e.setState({selectedHeaderAction:"Button 1"})}}),p.default.createElement(x.default.Item,{text:"Button 2",key:"button_2",onClick:function(){e.setState({selectedHeaderAction:"Button 2"})}}))}),p.default.createElement("div",{className:w("content-wrapper")},p.default.createElement("h3",null,a),p.default.createElement("p",null,"The disclosed component can disclose content within the same modal."),p.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),p.default.createElement("button",{type:"button",onClick:function(){o.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}},"Dismiss"),p.default.createElement("button",{type:"button",onClick:function(){o.disclose({preferredType:r,size:"small",content:{key:"Nested ".concat(a),component:p.default.createElement(n,{name:"Nested ".concat(a),disclosureType:r})}})}},"Disclose Again"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),p.default.createElement("input",{type:"text",onChange:function(t){e.setState({text:t.target.value})},value:this.state.text||""}),this.state.text&&this.state.text.length?p.default.createElement("p",null,"Component has unsaved changes!"):null,p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("p",null,"Selected Header Action:"," ",p.default.createElement("b",null,this.state.selectedHeaderAction))))}}]),n}(p.default.Component);C.contextType=f.DisclosureManagerContext,C.propTypes={name:c.default.string,disclosureType:c.default.string},C.defaultProps={name:"Disclosure Component"};var v=Object.keys(f.availableDisclosureHeights),M=Object.keys(f.availableDisclosureWidths),T=function(e){return e.map((function(e,t){var n=t;return p.default.createElement("option",{key:n,value:e},e)}))},k=function(e){(0,d.default)(n,e);var t=b(n);function n(e){var a;return(0,o.default)(this,n),(a=t.call(this,e)).renderButton=a.renderButton.bind((0,l.default)(a)),a.handleSelectChange=a.handleSelectChange.bind((0,l.default)(a)),a.getId=a.getId.bind((0,l.default)(a)),a.state={id:"dimensions",disclosureHeight:v[0],disclosureWidth:M[0]},a}return(0,i.default)(n,[{key:"handleSelectChange",value:function(e){this.setState((0,r.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return e+this.state.id}},{key:"renderButton",value:function(e){var t=this.props.disclosureType,n=this.context;return p.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:t,size:e,content:{key:"Content-Disclosure-".concat(e),component:p.default.createElement(C,{name:"Disclosure Component",disclosureType:t})}})}},"Disclose (".concat(e,")"))}},{key:"renderFormButton",value:function(){var e=this,t=this.props.disclosureType,n=this.context,a="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return p.default.createElement("button",{type:"button",onClick:function(){n.disclose({preferredType:t,dimensions:{height:e.state.disclosureHeight,width:e.state.disclosureWidth},content:{key:"Content-Disclosure-Dimensions",component:p.default.createElement(C,{name:"Disclosure Component",disclosureType:t})}})}},a)}},{key:"renderForm",value:function(){return p.default.createElement("form",null,p.default.createElement("label",{htmlFor:this.getId("disclosureHeight")},"Pop Content Height"),p.default.createElement("select",{id:this.getId("disclosureHeight"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},T(v)),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("label",{htmlFor:this.getId("disclosureWidth")},"Pop Content Width"),p.default.createElement("select",{id:this.getId("disclosureWidth"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},T(M)),p.default.createElement("br",null),p.default.createElement("br",null))}},{key:"render",value:function(){return p.default.createElement(g.default,{header:p.default.createElement(h.default,{title:"ModalManager Child Component"})},p.default.createElement("div",{className:w("content-wrapper")},this.renderButton("default"),this.renderButton("tiny"),this.renderButton("small"),this.renderButton("medium"),this.renderButton("large"),this.renderButton("huge"),this.renderButton("fullscreen"),p.default.createElement("br",null),p.default.createElement("p",null,"The child components can disclose content in the modal at various sizes.")),p.default.createElement("div",{className:w("content-wrapper")},this.renderForm(),this.renderFormButton()))}}]),n}(p.default.Component);k.contextType=f.DisclosureManagerContext,k.propTypes={disclosureType:c.default.string};var D=function(e){var t=e.showDisclosureAccessory;return p.default.createElement("div",{className:w("example-wrapper")},p.default.createElement(N.default,{disclosureAccessory:t?p.default.createElement("div",{className:w("disclosure-accessory")},"Disclosure Accessory"):void 0},p.default.createElement(k,{disclosureType:"modal"})))};D.propTypes={showDisclosureAccessory:c.default.bool};t.Z=D},72702:function(e,t,n){n.r(t),t.default={"example-wrapper":"example-styles-module__example-wrapper___Jx-Pe","content-wrapper":"example-styles-module__content-wrapper___MTFJi","disclosure-accessory":"example-styles-module__disclosure-accessory___dEW4w"}}}]); \ No newline at end of file diff --git a/pull/1840/38120-40ad917faf922523ce1b.css b/pull/1840/38120-40ad917faf922523ce1b.css new file mode 100644 index 00000000000..310e36e3011 --- /dev/null +++ b/pull/1840/38120-40ad917faf922523ce1b.css @@ -0,0 +1 @@ +.PopupTypeCommon-test-module__test-popup-area___sbrcM{height:150px;width:350px}[dir] .PopupTypeCommon-test-module__test-popup-area___sbrcM{background:#f0f8ff}.PopupTypeCommon-test-module__popup-button___-NCYt{position:absolute}[dir=ltr] .PopupTypeCommon-test-module__popup-button___-NCYt{left:125px}[dir=rtl] .PopupTypeCommon-test-module__popup-button___-NCYt{right:125px} diff --git a/pull/1840/38120-40ad917faf922523ce1b.js b/pull/1840/38120-40ad917faf922523ce1b.js new file mode 100644 index 00000000000..43d776623ed --- /dev/null +++ b/pull/1840/38120-40ad917faf922523ce1b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[38120],{38120:function(t,e,n){var u=n(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=u(n(56690)),a=u(n(89728)),l=u(n(66115)),r=u(n(61655)),s=u(n(94993)),d=u(n(73808)),f=u(n(67294)),c=u(n(47166)),i=u(n(92306)),p=u(n(59130));function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,u=(0,d.default)(t);if(e){var o=(0,d.default)(this).constructor;n=Reflect.construct(u,arguments,o)}else n=u.apply(this,arguments);return(0,s.default)(this,n)}}var b=c.default.bind(p.default),m=function(t){(0,r.default)(n,t);var e=h(n);function n(t){var u;return(0,o.default)(this,n),(u=e.call(this,t)).handleButtonClick=u.handleButtonClick.bind((0,l.default)(u)),u.handleRequestClose=u.handleRequestClose.bind((0,l.default)(u)),u.setButtonNode=u.setButtonNode.bind((0,l.default)(u)),u.getButtonNode=u.getButtonNode.bind((0,l.default)(u)),u.state={open:!0},u}return(0,a.default)(n,[{key:"componentDidMount",value:function(){this.forceUpdate()}},{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"setButtonNode",value:function(t){this.buttonNode=t}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){return f.default.createElement("div",{id:"test-popup-area",className:b("test-popup-area")},f.default.createElement(i.default,{classNameArrow:"test-arrow",classNameContent:"test-content",isOpen:this.state.open,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose},f.default.createElement("p",null,"this is popup content"),f.default.createElement("button",{id:"button1",type:"button"},"Test button 1"),f.default.createElement("button",{id:"button2",type:"button"},"Test button 2")),f.default.createElement("button",{type:"button",id:"default-button",className:b("popup-button"),onClick:this.handleButtonClick,ref:this.setButtonNode},"Default Popup"))}}]),n}(f.default.Component);e.default=m},59130:function(t,e,n){n.r(e),e.default={"test-popup-area":"PopupTypeCommon-test-module__test-popup-area___sbrcM","popup-button":"PopupTypeCommon-test-module__popup-button___-NCYt"}}}]); \ No newline at end of file diff --git a/pull/1840/38122-c536a6c087300458616d.css b/pull/1840/38122-c536a6c087300458616d.css new file mode 100644 index 00000000000..2d6d23158be --- /dev/null +++ b/pull/1840/38122-c536a6c087300458616d.css @@ -0,0 +1 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} diff --git a/pull/1840/38122-c536a6c087300458616d.js b/pull/1840/38122-c536a6c087300458616d.js new file mode 100644 index 00000000000..59cb43b1be0 --- /dev/null +++ b/pull/1840/38122-c536a6c087300458616d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[38122],{35404:function(e,t,r){var n=r(64836),u=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(27424)),f=n(r(28411)),l=n(r(55281)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=u(e)&&"function"!=typeof e)return{default:e};var r=i(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in e)if("default"!==f&&Object.prototype.hasOwnProperty.call(e,f)){var l=a?Object.getOwnPropertyDescriptor(e,f):null;l&&(l.get||l.set)?Object.defineProperty(n,f,l):n[f]=e[f]}return n.default=e,r&&r.set(e,n),n}(r(67294));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(i=function(e){return e?r:t})(e)}t.default=function(){var e=(0,o.useState)(!1),t=(0,a.default)(e,2),r=t[0],n=t[1];return o.default.createElement("div",null,o.default.createElement(l.default,{id:"button1",text:"Test Button",onBlur:function(){return n(!0)}}),o.default.createElement(f.default,{name:"date-input",disabled:r}))}}}]); \ No newline at end of file diff --git a/pull/1840/38186-92aecaad0568a0910fe4.js b/pull/1840/38186-92aecaad0568a0910fe4.js new file mode 100644 index 00000000000..f8e3c2a642a --- /dev/null +++ b/pull/1840/38186-92aecaad0568a0910fe4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[38186],{38186:function(e,t,a){var l=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(a(67294)),r=l(a(30006));t.default=function(){return n.default.createElement(n.default.Fragment,null,n.default.createElement(r.default,{value:"2020-10-31T22:30:00",initialTimeZone:"America/Adak"}),n.default.createElement(r.default,{value:"2020-11-02T22:30:00",initialTimeZone:"America/Adak"}),n.default.createElement(r.default,{value:"2020-10-31T22:30:00",initialTimeZone:"America/Chicago"}),n.default.createElement(r.default,{value:"2020-11-02T22:30:00",initialTimeZone:"America/Chicago"}),n.default.createElement(r.default,{value:"2020-10-31T22:30:00",initialTimeZone:"Australia/Sydney"}),n.default.createElement(r.default,{value:"2020-11-02T22:30:00",initialTimeZone:"Australia/Sydney"}))}},30006:function(e,t,a){var l=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(a(10434)),i=l(a(27424)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=r?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(l,i,u):l[i]=e[i]}return l.default=e,a&&a.set(e,l),l}(a(67294)),f=l(a(45697)),d=l(a(44887)),o=l(a(77947));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}var m={value:f.default.string,initialTimeZone:f.default.string},p={value:"",initialTimeZone:o.default.getLocalTimeZone()};function v(e){var t=e.value,a=e.initialTimeZone,l=o.default.createSafeDate(t,e.initialTimeZone);l&&l.isValid()&&(t=l.format(),a=l.tz());var n=(0,u.useState)(t),f=(0,i.default)(n,2),c=f[0],m=f[1],p=a;return u.default.createElement(u.default.Fragment,null,u.default.createElement("p",null,"Selected ISO Date Time:",u.default.createElement("span",{"data-date-time-value":!0},c)),u.default.createElement("p",null,"Initial Time Zone:",u.default.createElement("span",{"data-date-time-timeZone":!0},p)),u.default.createElement(d.default,(0,r.default)({name:"date-time-picker-example",onChange:function(e,t){m(t)}},e)))}v.propTypes=m,v.defaultProps=p;t.default=v}}]); \ No newline at end of file diff --git a/pull/1840/38262-77d9fe9f64cf4852cffc.css b/pull/1840/38262-77d9fe9f64cf4852cffc.css new file mode 100644 index 00000000000..52170f29bfe --- /dev/null +++ b/pull/1840/38262-77d9fe9f64cf4852cffc.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/pull/1840/38262-77d9fe9f64cf4852cffc.js b/pull/1840/38262-77d9fe9f64cf4852cffc.js new file mode 100644 index 00000000000..57a75ddabe6 --- /dev/null +++ b/pull/1840/38262-77d9fe9f64cf4852cffc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[38262,77883,18974,22020,78727,40994],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),u=a(n(17422)),i=o.default.bind(u.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=t?r.default.createElement("a",{className:i("badge"),href:t},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},o,u)};d.propTypes=c;var f=d;t.Z=f},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),u=a(n(45697)),i=a(n(47166)),c=n(21538),d=a(n(33864)),f=a(n(23399)),s=n(51051),p=a(n(53560));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var _=i.default.bind(p.default),b={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,u=e.description,i=e.isExpanded,p=(0,o.useState)(i),m=(0,l.default)(p,2),b=m[0],g=m[1],h=(0,o.useState)(!1),E=(0,l.default)(h,2),O=E[0],w=E[1],j=o.default.useContext(c.ThemeContext),x=void 0!==a,P=function(){w(!O),b&&g(!b)},T=function(){g(!b),O&&w(!O)},N=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",j.className)},o.default.createElement("div",{className:_("header")},r&&o.default.createElement("h2",{className:_("title")},r)),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")},x&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":O}),onClick:P,onKeyDown:function(e){return N(e,P)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(f.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(f.default,{className:_("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:_("css")},a),b&&o.default.createElement("div",{className:_("code")},n))))};g.propTypes=b,g.defaultProps={isExpanded:!1};var h=g;t.Z=h},17422: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"}},53560: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"}},68586:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=f(n(67294)),l=f(n(45697)),o=f(n(94184)),u=f(n(47166)),i=f(n(47341)),c=f(n(68586)),d=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function f(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function b(e,t){for(var n=0;n=0||(l[i]=t[i]);return l}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(l[i]=t[i])}return l}e.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var O=o.default.bind(a.default),b={fitStart:r.default.element,fill:r.default.element.isRequired,fitEnd:r.default.element,align:r.default.oneOf(["center","bottom","stretch"]),alignFitStart:r.default.oneOf(["center","bottom","stretch"]),alignFitEnd:r.default.oneOf(["center","bottom","stretch"]),alignFill:r.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:r.default.object,fillAttributes:r.default.object,fitEndAttributes:r.default.object},p=function(t){var e=t.fitStart,i=t.fill,n=t.fitEnd,r=t.align,o=t.alignFitStart,a=t.alignFill,u=t.alignFitEnd,f=t.fitStartAttributes,m=t.fillAttributes,b=t.fitEndAttributes,p=y(t,c),S=d({},f),h=d({},m),_=d({},b);return l.default.createElement("span",s({},p,{className:O("arrange",p.className)}),l.default.createElement("span",s({},S,{className:O("fit",r||o,S.className,"fit-block")}),e),l.default.createElement("span",s({},h,{className:O("fill",r||a,h.className,"fill-block")}),i),l.default.createElement("span",s({},_,{className:O("fit",r||u,_.className)}),n))};p.propTypes=b;var S=p;e.default=S},91021:function(t,e,i){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=r(i(67294)),l=r(i(99139));function r(t){return t&&t.__esModule?t:{default:t}}function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=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}l.d(a,{Z:function(){return m}})}}]); \ No newline at end of file diff --git a/pull/1840/39597-c35bc4e5769e2b36a5d1.css b/pull/1840/39597-c35bc4e5769e2b36a5d1.css new file mode 100644 index 00000000000..310e36e3011 --- /dev/null +++ b/pull/1840/39597-c35bc4e5769e2b36a5d1.css @@ -0,0 +1 @@ +.PopupTypeCommon-test-module__test-popup-area___sbrcM{height:150px;width:350px}[dir] .PopupTypeCommon-test-module__test-popup-area___sbrcM{background:#f0f8ff}.PopupTypeCommon-test-module__popup-button___-NCYt{position:absolute}[dir=ltr] .PopupTypeCommon-test-module__popup-button___-NCYt{left:125px}[dir=rtl] .PopupTypeCommon-test-module__popup-button___-NCYt{right:125px} diff --git a/pull/1840/39597-c35bc4e5769e2b36a5d1.js b/pull/1840/39597-c35bc4e5769e2b36a5d1.js new file mode 100644 index 00000000000..4a3c865387c --- /dev/null +++ b/pull/1840/39597-c35bc4e5769e2b36a5d1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[39597],{95749:function(e,t,n){var u=n(64836),a=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=u(n(10434)),l=u(n(56690)),r=u(n(89728)),i=u(n(66115)),p=u(n(61655)),d=u(n(94993)),f=u(n(73808)),c=u(n(38416)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var u={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var r=o?Object.getOwnPropertyDescriptor(e,l):null;r&&(r.get||r.set)?Object.defineProperty(u,l,r):u[l]=e[l]}return u.default=e,n&&n.set(e,u),u}(n(67294)),h=u(n(47166)),C=u(n(92306)),g=u(n(59130));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 v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,u=(0,f.default)(e);if(t){var a=(0,f.default)(this).constructor;n=Reflect.construct(u,arguments,a)}else n=u.apply(this,arguments);return(0,d.default)(this,n)}}var b=h.default.bind(g.default),y=Object.keys(C.default.Opts.heights),k=Object.keys(C.default.Opts.widths),_=function(e){(0,p.default)(n,e);var t=v(n);function n(e){var u;return(0,l.default)(this,n),u=t.call(this,e),(0,c.default)((0,i.default)(u),"generateOptions",(function(e){return e.map((function(e,t){var n=t;return s.default.createElement("option",{key:n,value:e},e)}))})),u.handleButtonClick=u.handleButtonClick.bind((0,i.default)(u)),u.handleRequestClose=u.handleRequestClose.bind((0,i.default)(u)),u.setButtonNode=u.setButtonNode.bind((0,i.default)(u)),u.getButtonNode=u.getButtonNode.bind((0,i.default)(u)),u.handleSelectHeightChange=u.handleSelectHeightChange.bind((0,i.default)(u)),u.handleSelectWidthChange=u.handleSelectWidthChange.bind((0,i.default)(u)),u.state={open:!1,popupContentHeight:"Default",popupContentWidth:"Default"},u}return(0,r.default)(n,[{key:"handleButtonClick",value:function(){this.setState({open:!0})}},{key:"handleRequestClose",value:function(){this.setState({open:!1})}},{key:"handleSelectHeightChange",value:function(e){this.setState({popupContentHeight:e.target.value})}},{key:"handleSelectWidthChange",value:function(e){this.setState({popupContentWidth:e.target.value})}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"render",value:function(){var e=this.state,t=e.open,n=e.popupContentHeight,u=e.popupContentWidth,a={};"Default"!==n&&(a.contentHeight=n),"Default"!==u&&(a.contentWidth=u);var l={};return"auto"===n&&(l.height="500px"),"auto"===u&&(l.width="500px"),s.default.createElement("div",{id:"test-popup-area",className:b("test-popup-area")},s.default.createElement("label",{htmlFor:"popupContentHeight"},"Pop Content Height"),s.default.createElement("select",{id:"popupContentHeight",name:"popupContentHeight",value:n,onChange:this.handleSelectHeightChange},s.default.createElement("option",{value:"Default"},"Default"),this.generateOptions(y)),s.default.createElement("br",null),s.default.createElement("br",null),s.default.createElement("label",{htmlFor:"popupContentWidth"},"Pop Content Width"),s.default.createElement("select",{id:"popupContentWidth",name:"popupContentWidth",value:u,onChange:this.handleSelectWidthChange},s.default.createElement("option",{value:"Default"},"Default"),this.generateOptions(k)),s.default.createElement("br",null),s.default.createElement("br",null),s.default.createElement("div",null,s.default.createElement(C.default,(0,o.default)({},a,{classNameContent:"test-content",isOpen:t,targetRef:this.getButtonNode,onRequestClose:this.handleRequestClose}),s.default.createElement("p",null,"This is a popup with custom contentWidth and contentHeight"))),s.default.createElement("button",{type:"button",id:"popup-dimensions",className:b("popup-button"),onClick:this.handleButtonClick,ref:this.setButtonNode},"Popup Dimensions"))}}]),n}(s.Component);t.default=_},59130:function(e,t,n){n.r(t),t.default={"test-popup-area":"PopupTypeCommon-test-module__test-popup-area___sbrcM","popup-button":"PopupTypeCommon-test-module__popup-button___-NCYt"}}}]); \ No newline at end of file diff --git a/pull/1840/39763-e112eacacc1a07318d82.css b/pull/1840/39763-e112eacacc1a07318d82.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/1840/39763-e112eacacc1a07318d82.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/1840/39763-e112eacacc1a07318d82.js b/pull/1840/39763-e112eacacc1a07318d82.js new file mode 100644 index 00000000000..da268ba53bc --- /dev/null +++ b/pull/1840/39763-e112eacacc1a07318d82.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[39763],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),r=d(l(17422)),i=t.default.bind(r.default),u={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,t=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))),r=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")},t,r)};p.propTypes=u;var o=p;a.Z=o},39763:function(e,a,l){l.r(a),l.d(a,{default:function(){return N}});var d=l(87462),m=l(44925),n=(l(67294),l(81254)),t=l(64835),r=["components"],i={},u="wrapper";function p(e){var a=e.components,l=(0,m.Z)(e,r);return(0,n.mdx)(u,(0,d.Z)({},i,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3431---august-4-2023"},"3.43.1 - (August 4, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Reverted "Focus is now locked within modal content when modal is open for improved keyboard accessibility."')))),(0,n.mdx)("h2",{id:"3430---july-31-2023"},"3.43.0 - (July 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Focus is now locked within modal content when modal is open for improved keyboard accessibility.")))),(0,n.mdx)("h2",{id:"3420---june-5-2023"},"3.42.0 - (June 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Screen readers now both announce the title and contents when opening the modal.")))),(0,n.mdx)("h2",{id:"3410---may-11-2023"},"3.41.0 - (May 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added screen reader support to read the title of the modal when it is open for nested ModalManager disclosures.")))),(0,n.mdx)("h2",{id:"3400---april-27-2023"},"3.40.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added screen reader support to read the title of the modal when it is open.")))),(0,n.mdx)("h2",{id:"3390---february-14-2023"},"3.39.0 - (February 14, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO test and screenshots due to webpack-config-terra and\nterra-functional-testing upgrade")))),(0,n.mdx)("h2",{id:"3381---march-15-2022"},"3.38.1 - (March 15, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3380---november-16-2021"},"3.38.0 - (November 16, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dependencies to not be hard-coded.")))),(0,n.mdx)("h2",{id:"3370---november-9-2021"},"3.37.0 - (November 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Changed some css rules to not cause issues with Abstract Modal in IE.")))),(0,n.mdx)("h2",{id:"3360---september-20-2021"},"3.36.0 - (September 20, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to the webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"3350---july-21-2021"},"3.35.0 - (July 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,n.mdx)("h2",{id:"3340---june-8-2021"},"3.34.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,n.mdx)("h2",{id:"3330---april-6-2021"},"3.33.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated jest tests to not expect a mock to cross it blocks.")))),(0,n.mdx)("h2",{id:"3320---march-9-2021"},"3.32.0 - (March 9, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,n.mdx)("h2",{id:"3310---january-5-2021"},"3.31.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,n.mdx)("li",{parentName:"ul"},"Updated FormattedMessage child function to join if given an array."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"3300---november-24-2020"},"3.30.0 - (November 24, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3290---november-10-2020"},"3.29.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fix to prevent modal from closing on pressing escape to close select.")))),(0,n.mdx)("h2",{id:"3280---august-4-2020"},"3.28.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,n.mdx)("h2",{id:"3270---july-14-2020"},"3.27.0 - (July 14, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules")))),(0,n.mdx)("h2",{id:"3260---june-2-2020"},"3.26.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced createRef api with useRef hook.")))),(0,n.mdx)("h2",{id:"3250---may-19-2020"},"3.25.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"3240---april-28-2020"},"3.24.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,n.mdx)("h2",{id:"3230---march-31-2020"},"3.23.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"3220---march-3-2020"},"3.22.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the ",(0,n.mdx)("inlineCode",{parentName:"li"},"AbstractModal")," to stop storing the modalTrigger in state to prevent additional re-renders when ",(0,n.mdx)("inlineCode",{parentName:"li"},"_ModalContent")," is opened."),(0,n.mdx)("li",{parentName:"ul"},"Updated implementation to use React hooks.")))),(0,n.mdx)("h2",{id:"3210---february-18-2020"},"3.21.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update dependency ",(0,n.mdx)("inlineCode",{parentName:"li"},"wicg-inert")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v3"),".")))),(0,n.mdx)("h2",{id:"3200---january-28-2020"},"3.20.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax"),(0,n.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,n.mdx)("h2",{id:"3190---january-7-2020"},"3.19.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update screenshots"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,n.mdx)("h2",{id:"3180---december-16-2019"},"3.18.0 - (December 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update screenshot")))),(0,n.mdx)("h2",{id:"3170---december-10-2019"},"3.17.0 - (December 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"3160---november-7-2019"},"3.16.0 - (November 7, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"3150---october-16-2019"},"3.15.0 - (October 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Place focus onto the HTML body element upon modal dismissal in IE."),(0,n.mdx)("li",{parentName:"ul"},"This is done ",(0,n.mdx)("em",{parentName:"li"},"only")," when the modal is disclosed via a non-HTML element (SVG, for instance).")))),(0,n.mdx)("h2",{id:"3140---october-3-2019"},"3.14.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,n.mdx)("h2",{id:"3130---september-26-2019"},"3.13.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Check whether ",(0,n.mdx)("inlineCode",{parentName:"li"},"focus")," is defined for the modal trigger element before restoring focus.")))),(0,n.mdx)("h2",{id:"3120---september-19-2019"},"3.12.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,n.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,n.mdx)("h2",{id:"3110---september-6-2019"},"3.11.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,n.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"v2.0.1")),(0,n.mdx)("li",{parentName:"ul"},"Moved running the wicg-inert script to when 'terra-abstract-modal' is mounted")))),(0,n.mdx)("h2",{id:"3100---august-21-2019"},"3.10.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure aria-hidden attribute on root node is properly removed when modal is closed")))),(0,n.mdx)("h2",{id:"390---august-14-2019"},"3.9.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"380---july-30-2019"},"3.8.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,n.mdx)("h2",{id:"371---july-23-2019"},"3.7.1 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,n.mdx)("h2",{id:"370---july-23-2019"},"3.7.0 - (July 23, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added Node.contains polyfill to better support IE 10 / IE 11"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed issue in IE 10 when trying to pull value from data attribute")))),(0,n.mdx)("h2",{id:"360---july-16-2019"},"3.6.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added visually hidden text to better indicate beginning and ending of modal dialog"),(0,n.mdx)("li",{parentName:"ul"},"Added translations for visually hidden text that indicates beginning and end of modal dialog"),(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"350---july-10-2019"},"3.5.0 - (July 10, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"data-overlay-count")," attribute to root document when overlay is opened"),(0,n.mdx)("li",{parentName:"ul"},"Added check for ",(0,n.mdx)("inlineCode",{parentName:"li"},"data-modal-count")," attribute on root document to track opening and closing of overlays and modals,\nto prevent the removal of the ",(0,n.mdx)("inlineCode",{parentName:"li"},"inert")," attribute from the root element if another overlay or abstract modal exists."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"When the abstract modal is open on touch devices, it will now focus on the first interactive DOM element within it. This enables focus to be shifted into the modal correctly when using VoiceOver on iOS.")))),(0,n.mdx)("h2",{id:"340---july-2-2019"},"3.4.0 - (July 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,n.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension"),(0,n.mdx)("li",{parentName:"ul"},"Removed conditional logic required to import wicg-inert polyfill")))),(0,n.mdx)("h2",{id:"330---june-19-2019"},"3.3.0 - (June 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added check to only load inert polyfill if it is not already defined on the Element prototype"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,n.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,n.mdx)("h2",{id:"320---june-12-2019"},"3.2.0 - (June 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Cleaned up Jest/WDIO tests"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,n.mdx)("h2",{id:"310---may-21-2019"},"3.1.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.should.validateElement()"))))),(0,n.mdx)("h2",{id:"300---may-13-2019"},"3.0.0 - (May 13, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed focus-trap from abstract modal"),(0,n.mdx)("li",{parentName:"ul"},"Replaced with functionality that will disable focus on elements outside of the modal (not including content rendered from the modal in a portal)"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"isFocused")," prop"),(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"fallbackFocus")," prop. Focus now always shifts to modal container when opened."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Component specific handling for pressing Escape key to close the abstract modal")))),(0,n.mdx)("h2",{id:"260---april-24-2019"},"2.6.0 - (April 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,n.mdx)("h2",{id:"250---march-26-2019"},"2.5.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"),(0,n.mdx)("li",{parentName:"ul"},"Updated ",(0,n.mdx)("inlineCode",{parentName:"li"},"rootProp")," default value from ",(0,n.mdx)("inlineCode",{parentName:"li"},"[data-terra-base]")," to ",(0,n.mdx)("inlineCode",{parentName:"li"},"#root")))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"240---march-12-2019"},"2.4.0 - (March 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"230---march-5-2019"},"2.3.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"escapeDeactivates option set on focus trap to prevent escape from breaking focus")))),(0,n.mdx)("h2",{id:"220---february-5-2019"},"2.2.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate package to the terra-framework repository")))),(0,n.mdx)("h2",{id:"210---january-26-2019"},"2.1.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"200---january-22-2019"},"2.0.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"1290---january-22-2019"},"1.29.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,n.mdx)("h2",{id:"1280---january-22-2019"},"1.28.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,n.mdx)("h2",{id:"1270---january-8-2019"},"1.27.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1260---january-2-2019"},"1.26.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added support for the fallbackFocus option of FocusTrap"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed use of componentWillReceiveProps")))),(0,n.mdx)("h2",{id:"1251---november-20-2018"},"1.25.1 - (November 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"1250---november-19-2018"},"1.25.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1240---november-13-2018"},"1.24.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Defaulted role prop to dialog."),(0,n.mdx)("li",{parentName:"ul"},"Added aria-modal to the modal.")))),(0,n.mdx)("h2",{id:"1230---november-9-2018"},"1.23.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1220---october-24-2018"},"1.22.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1210---october-16-2018"},"1.21.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1200---october-8-2018"},"1.20.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react to ^4.0.1")))),(0,n.mdx)("h2",{id:"1190---october-2-2018"},"1.19.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1180---september-25-2018"},"1.18.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Use absolute position for modal and modal overlay for iOS stability")))),(0,n.mdx)("h2",{id:"1171---september-6-2018"},"1.17.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"1170---september-5-2018"},"1.17.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"1160---september-4-2018"},"1.16.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1150---august-29-2018"},"1.15.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,n.mdx)("h2",{id:"1140---august-1-2018"},"1.14.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---july-19-2018"},"1.13.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"1120---july-17-2018"},"1.12.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,n.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,n.mdx)("h2",{id:"1110---july-10-2018"},"1.11.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1100---june-28-2018"},"1.10.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"190---june-22-2018"},"1.9.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"180---june-19-2018"},"1.8.0 - (June 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"170---june-12-2018"},"1.7.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,n.mdx)("li",{parentName:"ul"},"Converted Nightwatch tests to WebdriverIO.")))),(0,n.mdx)("h2",{id:"160---may-30-2018"},"1.6.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"150---may-25-2018"},"1.5.0 - (May 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---may-23-2018"},"1.4.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"130---may-16-2018"},"1.3.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---may-9-2018"},"1.2.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add more z-indexes")))),(0,n.mdx)("h2",{id:"110---may-2-2018"},"1.1.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated outdated documentation"),(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"100---april-20-2018"},"1.0.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var o=["components"],x={},s="wrapper";function N(e){var a=e.components,l=(0,m.Z)(e,o);return(0,n.mdx)(s,(0,d.Z)({},x,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}N.isMDXComponent=!0},64835:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-abstract-modal",name:"terra-abstract-modal",version:"3.43.1",url:a})}},17422: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"}},87462:function(e,a,l){function d(){return d=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}l.d(a,{Z:function(){return d}})}}]); \ No newline at end of file diff --git a/pull/1840/39976-cd6a4153fed2fe29f99a.css b/pull/1840/39976-cd6a4153fed2fe29f99a.css new file mode 100644 index 00000000000..049ef13eee2 --- /dev/null +++ b/pull/1840/39976-cd6a4153fed2fe29f99a.css @@ -0,0 +1,4 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.DateTimePicker-module__date-time-picker___eJnBN .DateTimePicker-module__date-facade___AMtXQ{display:inline-block;vertical-align:top}[dir=ltr] .DateTimePicker-module__date-time-picker___eJnBN .DateTimePicker-module__date-facade___AMtXQ{margin:0 .5rem .5rem 0}[dir=rtl] .DateTimePicker-module__date-time-picker___eJnBN .DateTimePicker-module__date-facade___AMtXQ{margin:0 0 .5rem .5rem}.DateTimePicker-module__date-time-picker___eJnBN .DateTimePicker-module__time-facade___\+bEdN{display:inline-block} +._TimeClarification-module__clinical-lowlight-theme___0nCYU{--terra-date-time-picker-clarification-button-offset-background-color: #2d3539;--terra-date-time-picker-clarification-header-background-color: #222a2e;--terra-date-time-picker-clarification-header-border-bottom-color: #181b1d;--terra-date-time-picker-clarification-header-color: #b2b5b6;--terra-date-time-picker-clarification-modal-background-color: #222a2e;--terra-date-time-picker-clarification-modal-border: #181b1d;--terra-date-time-picker-clarification-modal-box-shadow: 0 3px 7px #181b1d;--terra-date-time-picker-clarification-modal-color: #b2b5b6;--terra-date-time-picker-clarification-modal-border-radius: 5px;--terra-date-time-picker-clarification-header-height: 3.587rem;--terra-date-time-picker-clarification-header-padding: 0.714rem;--terra-date-time-picker-clarification-title-font-size: 1.285rem;--terra-date-time-picker-clarification-title-line-height: 1.75;--terra-date-time-picker-clarification-button-offset-height: 2.142857rem}._TimeClarification-module__orion-fusion-theme___O\+Yca{--terra-date-time-picker-clarification-button-offset-background-color: #fff;--terra-date-time-picker-clarification-button-offset-height: 2.16667rem;--terra-date-time-picker-clarification-header-background-color: #f4f4f4;--terra-date-time-picker-clarification-header-border-bottom-color: #9b9fa1;--terra-date-time-picker-clarification-header-color: #1c1f21;--terra-date-time-picker-clarification-header-height: 2.83333rem;--terra-date-time-picker-clarification-header-padding: 0.25rem;--terra-date-time-picker-clarification-modal-background-color: #fff;--terra-date-time-picker-clarification-modal-border-radius: 0;--terra-date-time-picker-clarification-modal-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--terra-date-time-picker-clarification-modal-color: #1c1f21;--terra-date-time-picker-clarification-title-font-size: 1.667rem;--terra-date-time-picker-clarification-title-line-height: 1.25;--terra-date-time-picker-clarification-modal-border: #dedfe0}._TimeClarification-module__time-clarification___qZubd{color:var(--terra-date-time-picker-clarification-modal-color);width:640px}[dir] ._TimeClarification-module__time-clarification___qZubd{background-color:#fff;background-color:var(--terra-date-time-picker-clarification-modal-background-color, #fff);border:var(--terra-date-time-picker-clarification-modal-border);border-radius:5px;border-radius:var(--terra-date-time-picker-clarification-modal-border-radius, 5px);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-date-time-picker-clarification-modal-box-shadow, 0 3px 7px rgba(0, 0, 0, 0.3))}._TimeClarification-module__header___AYp8S{color:#1c1f21;color:var(--terra-date-time-picker-clarification-header-color, #1c1f21);height:3.587rem;height:var(--terra-date-time-picker-clarification-header-height, 3.587rem);width:100%}[dir] ._TimeClarification-module__header___AYp8S{background-color:#f4f4f4;background-color:var(--terra-date-time-picker-clarification-header-background-color, #f4f4f4);border-bottom-color:#dedfe0;border-bottom-color:var(--terra-date-time-picker-clarification-header-border-bottom-color, #dedfe0);border-bottom-style:solid;border-bottom-width:1px;padding:0.714rem;padding:var(--terra-date-time-picker-clarification-header-padding, 0.714rem)}._TimeClarification-module__title___yBRsr{font-size:1.285rem;font-size:var(--terra-date-time-picker-clarification-title-font-size, 1.285rem);font-weight:normal;line-height:1.75;line-height:var(--terra-date-time-picker-clarification-title-line-height, 1.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}[dir] ._TimeClarification-module__title___yBRsr{margin:0}[dir] ._TimeClarification-module__body___l5d62{padding:.25rem .714rem}[dir] ._TimeClarification-module__body___l5d62 p{margin-top:.714rem}._TimeClarification-module__buttons___tJ3zE{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}[dir] ._TimeClarification-module__buttons___tJ3zE{margin:.714rem 0}[dir] ._TimeClarification-module__buttons___tJ3zE ._TimeClarification-module__button-daylight___okKUr, [dir] ._TimeClarification-module__buttons___tJ3zE ._TimeClarification-module__button-standard___5rzmZ{margin:.25rem}._TimeClarification-module__button-offset___tB1q1{height:2.142857rem;height:var(--terra-date-time-picker-clarification-button-offset-height, 2.142857rem)}[dir] ._TimeClarification-module__button-offset___tB1q1{background-color:#fff;background-color:var(--terra-date-time-picker-clarification-button-offset-background-color, #fff)}._TimeClarification-module__button-offset___tB1q1:focus{outline:none}._TimeClarification-module__button-offset-hidden___KRFhV{display:none}._TimeClarification-module__offset-button-container___V6-Sz{display:inline-block;vertical-align:top} diff --git a/pull/1840/3f00041b60141018a3cf3bea7e104e95.png b/pull/1840/3f00041b60141018a3cf3bea7e104e95.png new file mode 100644 index 00000000000..27b9912ca4e Binary files /dev/null and b/pull/1840/3f00041b60141018a3cf3bea7e104e95.png differ diff --git a/pull/1840/40101-18f814f9bf00e4ce2f6b.css b/pull/1840/40101-18f814f9bf00e4ce2f6b.css new file mode 100644 index 00000000000..28756af10ec --- /dev/null +++ b/pull/1840/40101-18f814f9bf00e4ce2f6b.css @@ -0,0 +1,3 @@ +.SlidePanel-module__clinical-lowlight-theme___NdNQF{--terra-slide-panel-panel-background-color: #222a2e;--terra-slide-panel-main-background-color: #222a2e;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 5px #181b1d;--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 5px #181b1d;--terra-slide-panel-main-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-background-color: #222a2e;--terra-slide-panel-panel-squish-border-right-color: #181b1d;--terra-slide-panel-panel-squish-border-left-color: #181b1d;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6}.SlidePanel-module__orion-fusion-theme___aBPYu{--terra-slide-panel-main-background-color: #fff;--terra-slide-panel-panel-background-color: #fff;--terra-slide-panel-main-squish-background-color: #fff;--terra-slide-panel-panel-squish-background-color: #fff;--terra-slide-panel-panel-small-width: 320px;--terra-slide-panel-panel-width-large-scalar: 0.6;--terra-slide-panel-panel-overlay-position-start-box-shadow: 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-overlay-position-end-box-shadow: -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);--terra-slide-panel-panel-squish-width-small: 320px;--terra-slide-panel-panel-squish-width-large-scalar: 0.6;--terra-slide-panel-panel-squish-border-right-color: #d3d4d5;--terra-slide-panel-panel-squish-border-left-color: #d3d4d5}.SlidePanel-module__slide-panel___5vKEK{overflow:hidden;position:relative}.SlidePanel-module__main___Jq40y,.SlidePanel-module__panel___N9gHx{box-sizing:border-box;height:100%;outline:none;-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%}.SlidePanel-module__main___Jq40y{position:relative;z-index:0}[dir] .SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-background-color, #fff)}.SlidePanel-module__panel___N9gHx{position:absolute;z-index:500}[dir] .SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-background-color, #fff)}.SlidePanel-module__slide-panel___5vKEK .SlidePanel-module__slide-panel___5vKEK>.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} +[dir] .DisclosureComponent-module__content-wrapper___bvpSZ{border-bottom:1px solid #000;margin:0}[dir] .DisclosureComponent-module__form-wrapper___96jEd{padding:.7rem} +.SlidePanelManagerDefault-test-module__content-wrapper___6BZ9g{height:100%}[dir] .SlidePanelManagerDefault-test-module__disclosure-accessory___OZMgv{background-color:#add8e6;padding:1rem}.SlidePanelManagerDefault-test-module__disclosure-container___-QHV0{height:100%}[dir] .SlidePanelManagerDefault-test-module__disclosure-container___-QHV0{background-color:#b899f0;padding:1rem} diff --git a/pull/1840/40101-18f814f9bf00e4ce2f6b.js b/pull/1840/40101-18f814f9bf00e4ce2f6b.js new file mode 100644 index 00000000000..e7d3fa559f3 --- /dev/null +++ b/pull/1840/40101-18f814f9bf00e4ce2f6b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[40101],{73887:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(38416)),s=l(n(56690)),i=l(n(89728)),r=l(n(66115)),o=l(n(61655)),u=l(n(94993)),c=l(n(73808)),d=l(n(67294)),m=l(n(45697)),f=l(n(57927)),p=l(n(10027)),h=n(56019),g=l(n(47166)),b=l(n(5768));function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,c.default)(e);if(t){var a=(0,c.default)(this).constructor;n=Reflect.construct(l,arguments,a)}else n=l.apply(this,arguments);return(0,u.default)(this,n)}}var k=g.default.bind(b.default),v=Object.keys(h.availableDisclosureHeights),E=Object.keys(h.availableDisclosureWidths),_=function(e){(0,o.default)(n,e);var t=y(n);function n(e){var l;return(0,s.default)(this,n),(l=t.call(this,e)).disclose=l.disclose.bind((0,r.default)(l)),l.dismiss=l.dismiss.bind((0,r.default)(l)),l.closeDisclosure=l.closeDisclosure.bind((0,r.default)(l)),l.goBack=l.goBack.bind((0,r.default)(l)),l.maximize=l.maximize.bind((0,r.default)(l)),l.minimize=l.minimize.bind((0,r.default)(l)),l.generateOptions=l.generateOptions.bind((0,r.default)(l)),l.handleSelectChange=l.handleSelectChange.bind((0,r.default)(l)),l.renderFormButton=l.renderFormButton.bind((0,r.default)(l)),l.renderForm=l.renderForm.bind((0,r.default)(l)),l.getId=l.getId.bind((0,r.default)(l)),l.state={id:"disclosureDimensions",disclosureHeight:v[0],disclosureWidth:E[0]},l}return(0,i.default)(n,[{key:"handleSelectChange",value:function(e){this.setState((0,a.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return"".concat(this.state.id,"-").concat(e,"-").concat(this.props.nestedIndex)}},{key:"generateOptions",value:function(e,t){var n=this;return e.map((function(e,l){var a=l;return d.default.createElement("option",{id:"".concat(t,"-").concat(e,"-").concat(n.props.nestedIndex),key:a,value:e},e)}))}},{key:"disclose",value:function(e,t){var n=this,l=this.props,a=l.disclosureType,s=l.nestedIndex,i=l.renderHeaderAdapter,r=s+1;return function(){n.props.disclosureManager.disclose({preferredType:a,size:e,dimensions:t,content:{key:"DemoContainer-".concat(r),component:d.default.createElement(C,{identifier:"DemoContainer-".concat(r),nestedIndex:r,disclosureType:a,renderHeaderAdapter:i})}})}}},{key:"dismiss",value:function(){this.props.disclosureManager.dismiss()}},{key:"closeDisclosure",value:function(){this.props.disclosureManager.closeDisclosure()}},{key:"goBack",value:function(){this.props.disclosureManager.goBack()}},{key:"maximize",value:function(){this.props.disclosureManager.maximize()}},{key:"minimize",value:function(){this.props.disclosureManager.minimize()}},{key:"renderFormButton",value:function(){var e="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return d.default.createElement("button",{type:"button",id:"disclose-dimension-".concat(this.props.nestedIndex),onClick:this.disclose(void 0,{height:this.state.disclosureHeight,width:this.state.disclosureWidth})},e)}},{key:"renderForm",value:function(){return d.default.createElement("form",null,d.default.createElement("label",{htmlFor:this.getId("height")},"Pop Content Height"),d.default.createElement("select",{id:this.getId("height"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},this.generateOptions(v,"height")),d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("label",{htmlFor:this.getId("width")},"Pop Content Width"),d.default.createElement("select",{id:this.getId("width"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},this.generateOptions(E,"width")),d.default.createElement("br",null),d.default.createElement("br",null))}},{key:"render",value:function(){var e=this.props,t=e.disclosureManager,n=e.identifier,l=e.renderHeaderAdapter;return d.default.createElement(p.default,{id:n,className:"nested-component",fill:!0,header:d.default.createElement("h2",{className:k("content-wrapper")},"Content Component")},l?d.default.createElement(h.DisclosureManagerHeaderAdapter,{title:"Disclosure - ".concat(n),collapsibleMenuView:d.default.createElement(f.default,null,d.default.createElement(f.default.Item,{text:"Header Button 1",key:"button_1"}),d.default.createElement(f.default.Item,{text:"Header Button 2",key:"button_2"}))}):void 0,d.default.createElement("p",null,"id:"," ",n),d.default.createElement("button",{type:"button",className:"disclose",onClick:this.disclose()},"Disclose"),d.default.createElement("button",{type:"button",className:"disclose-tiny",onClick:this.disclose("tiny")},"Disclose Tiny"),d.default.createElement("button",{type:"button",className:"disclose-small",onClick:this.disclose("small")},"Disclose Small"),d.default.createElement("button",{type:"button",className:"disclose-medium",onClick:this.disclose("medium")},"Disclose Medium"),d.default.createElement("button",{type:"button",className:"disclose-large",onClick:this.disclose("large")},"Disclose Large"),d.default.createElement("button",{type:"button",className:"disclose-huge",onClick:this.disclose("huge")},"Disclose Huge"),d.default.createElement("button",{type:"button",className:"disclose-fullscreen",onClick:this.disclose("fullscreen")},"Disclose Fullscreen"),d.default.createElement("div",{className:k("form-wrapper")},this.renderForm(),this.renderFormButton()),t&&t.dismiss?d.default.createElement("button",{type:"button",className:"dismiss",onClick:this.dismiss},"Dismiss"):null,t&&t.closeDisclosure?d.default.createElement("button",{type:"button",className:"close-disclosure",onClick:this.closeDisclosure},"Close Disclosure"):null,t&&t.goBack?d.default.createElement("button",{type:"button",className:"go-back",onClick:this.goBack},"Go Back"):null,t&&t.maximize?d.default.createElement("button",{type:"button",className:"maximize",onClick:this.maximize},"Maximize"):null,t&&t.minimize?d.default.createElement("button",{type:"button",className:"minimize",onClick:this.minimize},"Minimize"):null)}}]),n}(d.default.Component);_.propTypes={disclosureManager:h.disclosureManagerShape,identifier:m.default.string,disclosureType:m.default.string,nestedIndex:m.default.number,renderHeaderAdapter:m.default.bool},_.defaultProps={nestedIndex:0};var C=(0,h.withDisclosureManager)(_);t.default=C},73405:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),s=l(n(47166)),i=l(n(34653)),r=l(n(73887)),o=l(n(74787)),u=s.default.bind(o.default);t.default=function(){return a.default.createElement("div",{role:"main",className:u("content-wrapper")},a.default.createElement(i.default,null,a.default.createElement(r.default,{identifier:"root-component",disclosureType:"panel"})))}},5768:function(e,t,n){n.r(t),t.default={"content-wrapper":"DisclosureComponent-module__content-wrapper___bvpSZ","form-wrapper":"DisclosureComponent-module__form-wrapper___96jEd"}},74787:function(e,t,n){n.r(t),t.default={"content-wrapper":"SlidePanelManagerDefault-test-module__content-wrapper___6BZ9g","disclosure-accessory":"SlidePanelManagerDefault-test-module__disclosure-accessory___OZMgv","disclosure-container":"SlidePanelManagerDefault-test-module__disclosure-container___-QHV0"}}}]); \ No newline at end of file diff --git a/pull/1840/40338-2e5350ed602f7fd7c9ab.js b/pull/1840/40338-2e5350ed602f7fd7c9ab.js new file mode 100644 index 00000000000..365bb423b85 --- /dev/null +++ b/pull/1840/40338-2e5350ed602f7fd7c9ab.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[40338],{40338:function(e,t,n){var a=n(64836),i=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(10434)),u=a(n(70215)),r=a(n(56690)),o=a(n(89728)),s=a(n(66115)),d=a(n(61655)),c=a(n(94993)),f=a(n(73808)),h=I(n(67294)),m=a(n(45697)),p=n(25387),v=a(n(47166)),y=a(n(17092)),_=a(n(10027)),k=a(n(29270)),C=I(n(51051)),K=a(n(47341)),M=a(n(62971)),g=a(n(54575)),b=["menuItems","onChange","routingStackBack","selectedChildKey","selectedMenuKey","toolbar"];function E(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(E=function(e){return e?n:t})(e)}function I(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=E(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var r=l?Object.getOwnPropertyDescriptor(e,u):null;r&&(r.get||r.set)?Object.defineProperty(a,u,r):a[u]=e[u]}return a.default=e,n&&n.set(e,a),a}function R(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,f.default)(e);if(t){var i=(0,f.default)(this).constructor;n=Reflect.construct(a,arguments,i)}else n=a.apply(this,arguments);return(0,c.default)(this,n)}}var w=v.default.bind(g.default),S={intl:m.default.shape({formatMessage:m.default.func}).isRequired,menuItems:m.default.arrayOf(m.default.shape({childKeys:m.default.arrayOf(m.default.string),hasSubMenu:m.default.bool,isRootMenu:m.default.bool,id:m.default.string,metaData:m.default.object,key:m.default.string.isRequired,text:m.default.string.isRequired})),onChange:m.default.func.isRequired,routingStackBack:m.default.func,selectedChildKey:m.default.string,selectedMenuKey:m.default.string.isRequired,toolbar:m.default.element},x=function(e){var t={},n={};return e.forEach((function(e){t[e.key]={id:e.id,text:e.text,childKeys:e.childKeys,metaData:e.metaData,hasSubMenu:e.hasSubMenu,isRootMenu:e.isRootMenu},e.childKeys&&e.childKeys.forEach((function(t){n[t]=e.key}))})),{items:t,parents:n}},D=function(e){(0,d.default)(n,e);var t=R(n);function n(e){var a;(0,r.default)(this,n),(a=t.call(this,e)).handleBackClick=a.handleBackClick.bind((0,s.default)(a)),a.handleItemClick=a.handleItemClick.bind((0,s.default)(a)),a.updateAriaLiveContent=a.updateAriaLiveContent.bind((0,s.default)(a)),a.setVisuallyHiddenComponent=a.setVisuallyHiddenComponent.bind((0,s.default)(a));var i=x(e.menuItems),l=i.items,u=i.parents;return a.state={items:l,parents:u,prevPropsMenuItem:e.menuItems},a}return(0,o.default)(n,[{key:"handleBackClick",value:function(e){var t=this.state.parents[this.props.selectedMenuKey];t&&this.props.onChange(e,{selectedMenuKey:t,selectedChildKey:this.props.selectedMenuKey,metaData:this.state.items[t].metaData})}},{key:"handleItemClick",value:function(e,t){var n=this.state.items[t];this.state.items[t]&&this.state.items[t].text&&this.updateAriaLiveContent(this.state.items[t].text),n.childKeys&&n.childKeys.length?this.props.onChange(e,{selectedMenuKey:t,selectedChildKey:void 0,metaData:n.metaData}):this.props.onChange(e,{selectedMenuKey:this.props.selectedMenuKey,selectedChildKey:t,metaData:n.metaData})}},{key:"setVisuallyHiddenComponent",value:function(e){this.visuallyHiddenComponent=e}},{key:"buildListItem",value:function(e){var t=this,n=this.state.items[e];return h.default.createElement(M.default,{id:n.id,hasChevron:n.hasSubMenu||n.childKeys&&n.childKeys.length>0,isSelected:e===this.props.selectedChildKey,text:n.text,key:e,onClick:function(n){t.handleItemClick(n,e)},onKeyDown:function(n){n.nativeEvent.keyCode!==C.KEY_SPACE&&n.nativeEvent.keyCode!==C.KEY_RETURN||(n.preventDefault(),t.handleItemClick(n,e))},"data-menu-item":e})}},{key:"buildListContent",value:function(e){var t=this;return e&&e.childKeys&&e.childKeys.length?h.default.createElement("nav",{role:"navigation"},h.default.createElement("ul",{role:"menu",className:w(["side-menu-list"])},e.childKeys.map((function(e){return t.buildListItem(e)})))):null}},{key:"updateAriaLiveContent",value:function(e){var t=this.props.intl.formatMessage({id:"Terra.navigation.side.menu.selected"});this.visuallyHiddenComponent&&(this.visuallyHiddenComponent.innerText=e?"".concat(e," ").concat(t):"")}},{key:"render",value:function(){var e,t,n=this.props,a=(n.menuItems,n.onChange,n.routingStackBack),i=(n.selectedChildKey,n.selectedMenuKey),r=n.toolbar,o=(0,u.default)(n,b),s=this.state.items[i],d=this.context,c=w(["side-menu-content-container",d.className]);return(e=this.state.parents[i]?this.handleBackClick:a)||!s.isRootMenu?t=h.default.createElement(h.Fragment,null,h.default.createElement(y.default,{className:w("side-menu-action-header"),onBack:e,title:s?s.text:null,"data-navigation-side-menu-action-header":!0}),r):c=w(["side-menu-content-container","is-root"]),h.default.createElement(h.Fragment,null,h.default.createElement(k.default,{"aria-atomic":"true","aria-live":"assertive","aria-relevant":"additions text",refCallback:this.setVisuallyHiddenComponent}),h.default.createElement(_.default,(0,l.default)({},o,{header:t,fill:!0,className:c}),this.buildListContent(s)))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.menuItems!==t.prevPropsMenuItem?x(e.menuItems):null}}]),n}(h.Component);D.propTypes=S,D.defaultProps={menuItems:[]},D.contextType=K.default;t.default=(0,p.injectIntl)(D)},62971:function(e,t,n){var a=n(64836),i=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(10434)),u=a(n(70215)),r=a(n(56690)),o=a(n(89728)),s=a(n(66115)),d=a(n(61655)),c=a(n(94993)),f=a(n(73808)),h=E(n(67294)),m=a(n(45697)),p=n(25387),v=a(n(94184)),y=a(n(47166)),_=a(n(47341)),k=E(n(51051)),C=a(n(23399)),K=a(n(29270)),M=a(n(84866)),g=["hasChevron","intl","isSelected","text"];function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(b=function(e){return e?n:t})(e)}function E(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=b(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var r=l?Object.getOwnPropertyDescriptor(e,u):null;r&&(r.get||r.set)?Object.defineProperty(a,u,r):a[u]=e[u]}return a.default=e,n&&n.set(e,a),a}function I(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,f.default)(e);if(t){var i=(0,f.default)(this).constructor;n=Reflect.construct(a,arguments,i)}else n=a.apply(this,arguments);return(0,c.default)(this,n)}}var R=y.default.bind(M.default),w={hasChevron:m.default.bool,intl:m.default.shape({formatMessage:m.default.func}).isRequired,isSelected:m.default.bool,onKeyDown:m.default.func,onKeyUp:m.default.func,text:m.default.string},S=function(e){(0,d.default)(n,e);var t=I(n);function n(e){var a;return(0,r.default)(this,n),(a=t.call(this,e)).state={active:!1,focused:!1},a.handleKeyDown=a.handleKeyDown.bind((0,s.default)(a)),a.handleKeyUp=a.handleKeyUp.bind((0,s.default)(a)),a.handleOnBlur=a.handleOnBlur.bind((0,s.default)(a)),a.textRender=a.textRender.bind((0,s.default)(a)),a}return(0,o.default)(n,[{key:"handleOnBlur",value:function(){this.setState({focused:!1})}},{key:"handleKeyDown",value:function(e){e.nativeEvent.keyCode===k.KEY_SPACE&&this.setState({active:!0}),e.nativeEvent.keyCode!==k.KEY_SPACE&&e.nativeEvent.keyCode!==k.KEY_RETURN||this.setState({focused:!0}),this.props.onKeyDown&&this.props.onKeyDown(e)}},{key:"handleKeyUp",value:function(e){e.nativeEvent.keyCode===k.KEY_SPACE&&this.setState({active:!1}),e.nativeEvent.keyCode===k.KEY_TAB&&this.setState({focused:!0}),this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"textRender",value:function(){var e=this.props,t=e.intl,n=e.isSelected,a=e.text,i=t.formatMessage({id:"Terra.navigation.side.menu.selected"});return n?h.default.createElement(h.Fragment,null,a,h.default.createElement(K.default,{text:i})):a}},{key:"render",value:function(){var e=this.props,t=e.hasChevron,n=(e.intl,e.isSelected),a=(e.text,(0,u.default)(e,g)),i=this.context,r=(0,v.default)(R("menu-item",{"is-selected":n},{"is-active":this.state.active},{"is-focused":this.state.focused},i.className),a.className);return h.default.createElement("li",{className:R("list-item"),role:"none"},h.default.createElement("div",(0,l.default)({role:"menuitem"},a,{tabIndex:"0",className:r,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleOnBlur,"aria-haspopup":t}),h.default.createElement("div",{className:R("title")},this.textRender()),t&&h.default.createElement("span",{className:R("chevron")},h.default.createElement(C.default,null))))}}]),n}(h.default.Component);S.propTypes=w,S.contextType=_.default;t.default=(0,p.injectIntl)(S)},84866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"MenuItem-module__clinical-lowlight-theme___WejfL","orion-fusion-theme":"MenuItem-module__orion-fusion-theme___Dd4c1","list-item":"MenuItem-module__list-item___Pg+tM","menu-item":"MenuItem-module__menu-item___PGkUQ","is-hovered":"MenuItem-module__is-hovered___Gt2R8",chevron:"MenuItem-module__chevron___wpMIy","is-focused":"MenuItem-module__is-focused___UheNC","is-selected":"MenuItem-module__is-selected___nZvDz","is-active":"MenuItem-module__is-active___ZqiaG",title:"MenuItem-module__title___cKrPN"}},54575:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"NavigationSideMenu-module__clinical-lowlight-theme___21td8","orion-fusion-theme":"NavigationSideMenu-module__orion-fusion-theme___sArMM","side-menu-content-container":"NavigationSideMenu-module__side-menu-content-container___zBCiE","is-root":"NavigationSideMenu-module__is-root___Q49aQ","side-menu-list":"NavigationSideMenu-module__side-menu-list___UXvjw","side-menu-action-header":"NavigationSideMenu-module__side-menu-action-header___rRjrA"}}}]); \ No newline at end of file diff --git a/pull/1840/404.html b/pull/1840/404.html new file mode 100644 index 00000000000..8626375f96e --- /dev/null +++ b/pull/1840/404.html @@ -0,0 +1 @@ +Redirect                                                                      \ No newline at end of file diff --git a/pull/1840/40422-64f2d5f90c7522be16c0.css b/pull/1840/40422-64f2d5f90c7522be16c0.css new file mode 100644 index 00000000000..852bbc91139 --- /dev/null +++ b/pull/1840/40422-64f2d5f90c7522be16c0.css @@ -0,0 +1,2 @@ +.LayoutSlidePanel-module__clinical-lowlight-theme___q2naq{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #181b1d;--terra-layout-slide-panel-squish-panel-background-color: #383f42;--terra-layout-slide-panel-squish-panel-border-right-color: #383f42;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__orion-fusion-theme___2KWcp{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-border-right-color: #d3d4d5;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__content-container___vB31H{outline:none}.LayoutSlidePanel-module__layout-slide-panel___6Ra3S{height:100%;overflow:hidden;position:relative;width:100%}.LayoutSlidePanel-module__content___Qa4PX,.LayoutSlidePanel-module__panel___xUrqy{box-sizing:border-box;height:100%;overflow:hidden;transition:none}[dir=ltr] .LayoutSlidePanel-module__is-animated___1uvdg{transition:left .15s ease}[dir=rtl] .LayoutSlidePanel-module__is-animated___1uvdg{transition:right .15s ease}.LayoutSlidePanel-module__content___Qa4PX{position:relative;width:100%;z-index:0}[dir=ltr] .LayoutSlidePanel-module__content___Qa4PX{float:right}[dir=rtl] .LayoutSlidePanel-module__content___Qa4PX{float:left}.LayoutSlidePanel-module__panel___xUrqy{position:absolute;width:18.571rem;width:var(--terra-layout-slide-panel-panel-width, 18.571rem);z-index:5000}[dir] .LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__panel___xUrqy{left:-100%}[dir=rtl] .LayoutSlidePanel-module__panel___xUrqy{right:-100%}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{right:0}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-tiny___9Oz70{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-small___JXknd{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__content___Qa4PX{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___xUrqy[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___xHsZe{display:block;height:100%} +.NavigationLayoutContent-module__content___kZuBj{height:100%;overflow:hidden} diff --git a/pull/1840/40422-64f2d5f90c7522be16c0.js b/pull/1840/40422-64f2d5f90c7522be16c0.js new file mode 100644 index 00000000000..91ef65aa050 --- /dev/null +++ b/pull/1840/40422-64f2d5f90c7522be16c0.js @@ -0,0 +1 @@ +(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[40422],{37061:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=n(39711),u=a(n(80303)),c={header:{"/":{path:"/",component:{default:{componentClass:function(){return o.default.createElement("div",null,o.default.createElement("div",{className:"test-header"},"Header"),o.default.createElement(r.Link,{to:"/page1",className:"page-1-link"},"Page 1"),o.default.createElement(r.Link,{to:"/page2",className:"page-2-link"},"Page 2"),o.default.createElement(r.Link,{to:"/page3",className:"page-3-link"},"Page 3"))}}}}},menu:{"/page1":{path:"/page1",component:{tiny:{componentClass:function(){return o.default.createElement("div",{className:"test-menu"},"Tiny Menu")}},medium:{componentClass:function(){return o.default.createElement("div",{className:"test-menu"},"Medium Menu")}},huge:{componentClass:function(){return o.default.createElement("div",{className:"test-menu"},"Huge Menu")}}}},"/page2":{path:"/page2",component:{default:{componentClass:function(){return o.default.createElement("div",{className:"test-menu"},"Menu")}},huge:{componentClass:function(){return o.default.createElement("div",{className:"test-menu-huge"},"Huge Menu")}}}}},content:{"/page1":{path:"/page1",component:{default:{componentClass:function(){return o.default.createElement("div",{className:"page-1-content"},"Page 1 Content")}}}},"/page2":{path:"/page2",component:{default:{componentClass:function(){return o.default.createElement("div",{className:"page-2-content"},"Page 2 Content")}}}},"/page3":{path:"/page3",component:{default:{componentClass:function(){return o.default.createElement("div",{className:"page-3-content"},"Page 3 Content")}}}}}};t.default=function(){return o.default.createElement(r.MemoryRouter,{initialEntries:["/page1","/page2","/page3"],initialIndex:0},o.default.createElement(u.default,{config:c,menuText:"Menu",id:"test-root"}))}},37714:function(e,t,n){"use strict";var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.supportedComponentBreakpoints=t.routePropType=t.routeConfigPropType=t.processedRoutesPropType=t.navigationLayoutConfigPropType=t.componentConfigPropType=void 0;var o=a(n(18698)),r=a(n(45697)),u=t.supportedComponentBreakpoints=["tiny","small","medium","large","huge"],c=t.componentConfigPropType=r.default.objectOf((function(e,t,n,a,r){if(!("default"===t||u.indexOf(t)>=0))return new Error("Invalid prop '".concat(r,"' supplied to '").concat(n,"'. Validation failed."));var c=e[t],l=!0;return null!==c&&("object"!==(0,o.default)(c)||!c.componentClass||"object"!==(0,o.default)(c.props)&&null!==c.props&&void 0!==c.props)&&(l=!1),!!l||new Error("Invalid prop '".concat(r,"' supplied to '").concat(n,"'. Validation failed."))})),l=t.routePropType=r.default.shape({path:function(e,t,n){return!!/\/.*/.test(e[t])||new Error("Invalid prop `".concat(t,"` supplied to")+" `".concat(n,"`. Validation failed. ").concat(t," must start with a forward slash (/)."))},component:c.isRequired}),i=t.routeConfigPropType=r.default.objectOf(l);t.navigationLayoutConfigPropType=r.default.shape({header:i,menu:i,content:i}),t.processedRoutesPropType=r.default.arrayOf(r.default.shape({path:r.default.string,componentClass:r.default.func,componentProps:r.default.object}))},15059:function(e){var t=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],n=t.join(","),a="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function o(e,t){t=t||{};var o,u,c,p=[],d=[],s=e.querySelectorAll(n);for(t.includeContainer&&a.call(e,n)&&(s=Array.prototype.slice.apply(s)).unshift(e),o=0;o=0||(n[i]=t[i]);return n}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(n[i]=t[i])}return n}e.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var O=a.default.bind(o.default),b={fitStart:r.default.element,fill:r.default.element.isRequired,fitEnd:r.default.element,align:r.default.oneOf(["center","bottom","stretch"]),alignFitStart:r.default.oneOf(["center","bottom","stretch"]),alignFitEnd:r.default.oneOf(["center","bottom","stretch"]),alignFill:r.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:r.default.object,fillAttributes:r.default.object,fitEndAttributes:r.default.object},p=function(t){var e=t.fitStart,i=t.fill,l=t.fitEnd,r=t.align,a=t.alignFitStart,o=t.alignFill,u=t.alignFitEnd,f=t.fitStartAttributes,m=t.fillAttributes,b=t.fitEndAttributes,p=y(t,c),S=d({},f),v=d({},m),_=d({},b);return n.default.createElement("span",s({},p,{className:O("arrange",p.className)}),n.default.createElement("span",s({},S,{className:O("fit",r||a,S.className,"fit-block")}),e),n.default.createElement("span",s({},v,{className:O("fill",r||o,v.className,"fill-block")}),i),n.default.createElement("span",s({},_,{className:O("fit",r||u,_.className)}),l))};p.propTypes=b;var S=p;e.default=S},91021:function(t,e,i){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var l=r(i(67294)),n=r(i(99139));function r(t){return t&&t.__esModule?t:{default:t}}function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e Extension -> Search for and install ",(0,m.mdx)("em",{parentName:"li"},"Dev Containers"),' (or "ms-vscode-remote.remote-containers")'),(0,m.mdx)("li",{parentName:"ul"},"More information on ",(0,m.mdx)("a",{parentName:"li",href:"https://code.visualstudio.com/docs/devcontainers/containers"},"Dev Containers")))),(0,m.mdx)("li",{parentName:"ol"},"Build the dev container:",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"(Option 1) - Opening local workspace in dev container",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Clone the repository (or fork) locally and open the project in Visual Studio Code"),(0,m.mdx)("li",{parentName:"ul"},"Navigate to View -> Command Palette and run ",(0,m.mdx)("strong",{parentName:"li"},"Dev Containers: Open Workspace in Container")))),(0,m.mdx)("li",{parentName:"ul"},"(Option 2) - Recommended for Windows for hot-reloading to work during development and improved performance: Creating the dev container using dev volumes (for more information and guidance, see the ",(0,m.mdx)("a",{parentName:"li",href:"https://code.visualstudio.com/docs/devcontainers/containers#_quick-start-open-a-git-repository-or-github-pr-in-an-isolated-container-volume"},"Official Guide"),")",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"If you have git setup and have global config file ",(0,m.mdx)("em",{parentName:"li"},"~/.gitconfig")," locally, these settings should automatically be transferred to the dev container"),(0,m.mdx)("li",{parentName:"ul"},"Navigate to View -> Command Palette and run ",(0,m.mdx)("strong",{parentName:"li"},"Dev Containers: Clone Repository in Container Volume")),(0,m.mdx)("li",{parentName:"ul"},"Paste the GitHub URL of this repository (or fork)"),(0,m.mdx)("li",{parentName:"ul"},"VS Code will now reload the workspace and create/start the dev container and volume"),(0,m.mdx)("li",{parentName:"ul"},"Please note: changes made using this option will only update files in the Docker volume. It is recommended to commit changes often in case the volume is deleted or dev container gets removed."))))),(0,m.mdx)("li",{parentName:"ol"},"You're now running in a dev container. Use the terminal of the dev container in Visual Studio Code to issue any npm or bash commands."),(0,m.mdx)("li",{parentName:"ol"},"Before running any WDIO tests, make sure to perform the following steps:",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Open a new terminal (outside the dev container) and navigate to ".devcontainer/" path in your repository.'),(0,m.mdx)("li",{parentName:"ul"},"Execute the command ",(0,m.mdx)("inlineCode",{parentName:"li"},'"docker compose -f docker-compose-wdio.yml up"'),'. Selenium hub should spin up. Leave this running in the background. If you see errors saying "container name already exists", run ',(0,m.mdx)("inlineCode",{parentName:"li"},'"docker container prune"'),' command followed by pressing "y" to clear up any unused containers and try running the previous command again.'),(0,m.mdx)("li",{parentName:"ul"},"You can now run ",(0,m.mdx)("inlineCode",{parentName:"li"},"npm run test:docker")," or ",(0,m.mdx)("inlineCode",{parentName:"li"},"npm run wdio:docker")," commands to run WDIO tests from inside the Dev Container."),(0,m.mdx)("li",{parentName:"ul"},"NOTE: Optionally, if you want to run other WDIO commands in the dev container, you can also edit the root package.json file WDIO scripts to include ",(0,m.mdx)("inlineCode",{parentName:"li"},"--disableSeleniumService=true")," flag. This will disable the selenium service from spinning up again.\nFor example:",(0,m.mdx)("pre",{parentName:"li"},(0,m.mdx)("code",{parentName:"pre",className:"language-sh"},'"scripts": {\n "wdio-fusion": "terra wdio --disableSeleniumService=true --themes orion-fusion-theme",\n }\n'))),(0,m.mdx)("li",{parentName:"ul"},"If any of the compose files were to be changed, you must refresh the docker container by deleting the corresponding existing docker images, then running the following command:",(0,m.mdx)("pre",{parentName:"li"},(0,m.mdx)("code",{parentName:"pre",className:"language-sh"}," docker compose -f .yml up\n"))))),(0,m.mdx)("li",{parentName:"ol"},"To terminate a dev container:",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Use command line or Rancher/Docker Desktop OR"),(0,m.mdx)("li",{parentName:"ul"},"Using Visual Studio Code",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Select the Remote Explorer icon in the Activity Bar or View -> Command Palette and run ",(0,m.mdx)("strong",{parentName:"li"},"Remote Explorer: Focus on Containers View")),(0,m.mdx)("li",{parentName:"ul"},"Locate the ",(0,m.mdx)("strong",{parentName:"li"},"terra-framework_devcontainer"),' or currently running dev container under "Dev Containers"'),(0,m.mdx)("li",{parentName:"ul"},"Right click and select ",(0,m.mdx)("strong",{parentName:"li"},"Stop Container")," and close the workspace",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"You can also select ",(0,m.mdx)("strong",{parentName:"li"},"Rebuild Container")," to restart the dev container"))))))),(0,m.mdx)("li",{parentName:"ol"},"To reopen a dev container:",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Existing local workspace (for Option 1)",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Open the project in Visual Studio Code"),(0,m.mdx)("li",{parentName:"ul"},"Ensure the workspace contains the .devcontainer folder"),(0,m.mdx)("li",{parentName:"ul"},"Navigate to View -> Command Palette and run ",(0,m.mdx)("strong",{parentName:"li"},"Dev Containers: Open Workspace in Container")))),(0,m.mdx)("li",{parentName:"ul"},"Isolated dev container volume (for Option 2)",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Open Visual Studio Code"),(0,m.mdx)("li",{parentName:"ul"},"Use the Remote Explorer icon in the Activity Bar or View -> Command Palette and run ",(0,m.mdx)("strong",{parentName:"li"},"Remote Explorer: Focus on Containers View")," to view containers"),(0,m.mdx)("li",{parentName:"ul"},"Locate the ",(0,m.mdx)("strong",{parentName:"li"},"terra-framework_devcontainer"),' under "Dev Containers"'),(0,m.mdx)("li",{parentName:"ul"},"Hover over the dev container and click the Folder icon labelled ",(0,m.mdx)("strong",{parentName:"li"},"Open Folder in Container")," or by right clicking and selecting ",(0,m.mdx)("strong",{parentName:"li"},"Open Folder in Container"))))))),(0,m.mdx)("h2",{id:"license"},"LICENSE"),(0,m.mdx)("p",null,"Copyright 2017 - 2020 Cerner Innovation, Inc."),(0,m.mdx)("p",null,'Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at'),(0,m.mdx)("p",null," "," "," "," ",(0,m.mdx)("a",{parentName:"p",href:"http://www.apache.org/licenses/LICENSE-2.0"},"http://www.apache.org/licenses/LICENSE-2.0")),(0,m.mdx)("p",null,'Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.'))}l.isMDXComponent=!0},87462:function(e,a,t){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}t.d(a,{Z:function(){return r}})}}]); \ No newline at end of file diff --git a/pull/1840/40677-f2d5b7ec7cf64c7e75d6.js b/pull/1840/40677-f2d5b7ec7cf64c7e75d6.js new file mode 100644 index 00000000000..0629191f488 --- /dev/null +++ b/pull/1840/40677-f2d5b7ec7cf64c7e75d6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[40677,11817],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),u=a(n(17422)),i=o.default.bind(u.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=t?r.default.createElement("a",{className:i("badge"),href:t},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},o,u)};c.propTypes=d;var f=c;t.Z=f},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),u=a(n(45697)),i=a(n(47166)),d=n(21538),c=a(n(33864)),f=a(n(23399)),s=n(51051),p=a(n(53560));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var b=i.default.bind(p.default),_={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},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,a=e.exampleCssSrc,r=e.title,u=e.description,i=e.isExpanded,p=(0,o.useState)(i),m=(0,l.default)(p,2),_=m[0],h=m[1],g=(0,o.useState)(!1),O=(0,l.default)(g,2),E=O[0],w=O[1],j=o.default.useContext(d.ThemeContext),I=void 0!==a,x=function(){w(!E),_&&h(!_)},P=function(){h(!_),E&&w(!E)},C=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",j.className)},o.default.createElement("div",{className:b("header")},r&&o.default.createElement("h2",{className:b("title")},r)),o.default.createElement("div",{className:b("content")},u&&o.default.createElement("div",{className:b("description")},u),t),o.default.createElement("div",{className:b("footer")},n?o.default.createElement("div",{className:b("button-container")},I&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":E}),onClick:x,onKeyDown:function(e){return C(e,x)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(f.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":_}),onClick:P,onKeyDown:function(e){return C(e,P)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(f.default,{className:b("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:b("css")},a),_&&o.default.createElement("div",{className:b("code")},n))))};h.propTypes=_,h.defaultProps={isExpanded:!1};var g=h;t.Z=g},17422: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"}},53560: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"}},68586:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=f(n(67294)),l=f(n(45697)),o=f(n(94184)),u=f(n(47166)),i=f(n(47341)),d=f(n(68586)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function f(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function _(e,t){for(var n=0;n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={inputId:r.default.string.isRequired,label:r.default.string.isRequired,defaultValue:r.default.oneOfType([r.default.string,r.default.number]),disabled:r.default.bool,error:r.default.node,errorIcon:r.default.element,help:r.default.node,hideRequired:r.default.bool,inputAttrs:r.default.object,isIncomplete:r.default.bool,isInline:r.default.bool,isInvalid:r.default.bool,isLabelHidden:r.default.bool,labelAttrs:r.default.object,maxWidth:r.default.string,onChange:r.default.func,onInput:r.default.func,refCallback:r.default.func,required:r.default.bool,showOptional:r.default.bool,type:r.default.string,value:r.default.oneOfType([r.default.string,r.default.number])},p={defaultValue:void 0,disabled:!1,error:null,errorIcon:a.default.createElement(o.default,null),help:null,hideRequired:!1,inputAttrs:{},isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},onChange:void 0,onInput:void 0,maxWidth:void 0,refCallback:void 0,required:!1,showOptional:!1,type:void 0,value:void 0},m=function(e){var t,n=e.defaultValue,r=e.disabled,o=e.error,d=e.errorIcon,s=e.help,p=e.hideRequired,m=e.inputAttrs,b=e.inputId,_=e.isIncomplete,v=e.isInline,y=e.isInvalid,h=e.isLabelHidden,g=e.label,O=e.labelAttrs,E=e.maxWidth,w=e.onChange,j=e.onInput,I=e.refCallback,x=e.required,P=e.showOptional,C=e.type,T=e.value,k=f(e,i);s&&o&&y?t="".concat(b,"-error ").concat(b,"-help"):(s&&(t="".concat(b,"-help")),o&&y&&(t="".concat(b,"-error")));var N=C||m.type;return k.placeholder&&(k.placeholder=null),a.default.createElement(l.default,c({label:g,labelAttrs:O,error:o,errorIcon:d,help:s,hideRequired:p,required:x,showOptional:P,isInvalid:y,isInline:v,isLabelHidden:h,htmlFor:b,maxWidth:E},k),a.default.createElement(u.default,c({},m,{disabled:m.disabled||r,id:b,isIncomplete:_,type:N,onChange:w,onInput:j,value:T,defaultValue:n,refCallback:I,"aria-describedby":t})))};m.propTypes=s,m.defaultProps=p;t.default=m},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));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.SlidePanel-module__panel___N9gHx{z-index:499}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:right}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__main___Jq40y{float:left}[dir=ltr] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(-100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{transform:translate3d(100%, 0, 0)}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:left}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__main___Jq40y{float:right}[dir=ltr] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] [data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{left:0;transform:translate3d(-100%, 0, 0)}[dir] .SlidePanel-module__is-open___SU3q3>.SlidePanel-module__panel___N9gHx{transform:translate3d(0, 0, 0)}@media all and (min-width: 768px){[data-slide-panel-panel-size=small]>.SlidePanel-module__panel___N9gHx{width:320px;width:var(--terra-slide-panel-panel-small-width, 320px)}[data-slide-panel-panel-size=large]>.SlidePanel-module__panel___N9gHx{width:calc(100%*0.6);width:calc(100%*var(--terra-slide-panel-panel-width-large-scalar, 0.6))}}@media(max-width: 767px),print{.SlidePanel-module__is-open___SU3q3>.SlidePanel-module__main___Jq40y{visibility:hidden}}@media(min-width: 768px),print{[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:-1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-end-box-shadow, -1px 0 0 0 #cdced0, 16px 0 16px 14px rgba(77, 87, 92, 0.45), 12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=overlay][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{box-shadow:1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04);box-shadow:var(--terra-slide-panel-panel-overlay-position-start-box-shadow, 1px 0 0 0 #cdced0, -16px 0 16px 14px rgba(77, 87, 92, 0.45), -12px 0 24px 18px rgba(100, 105, 108, 0.06), 0 0 100px 20px rgba(28, 31, 33, 0.04))}}@media(min-width: 768px),print{[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__main___Jq40y{background-color:#fff;background-color:var(--terra-slide-panel-main-squish-background-color, #fff)}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=small]>.SlidePanel-module__main___Jq40y{width:calc(100% - 320px);width:calc(100% - var(--terra-slide-panel-panel-squish-width-small, 320px))}.SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-size=large]>.SlidePanel-module__main___Jq40y{width:calc(100%*(1 - 0.6));width:calc(100%*(1 - var(--terra-slide-panel-panel-squish-width-large-scalar, 0.6)))}[dir] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish]>.SlidePanel-module__panel___N9gHx{background-color:#fff;background-color:var(--terra-slide-panel-panel-squish-background-color, #fff)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=start]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-right-color, #d3d4d5)}[dir=ltr] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-left:1px solid rgba(0,0,0,0);border-left-color:#d3d4d5;border-left-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}[dir=rtl] .SlidePanel-module__is-open___SU3q3[data-slide-panel-panel-behavior=squish][data-slide-panel-panel-position=end]>.SlidePanel-module__panel___N9gHx{border-right:1px solid rgba(0,0,0,0);border-right-color:#d3d4d5;border-right-color:var(--terra-slide-panel-panel-squish-border-left-color, #d3d4d5)}}.SlidePanel-module__is-fullscreen___0BQTN[data-slide-panel-panel-size]>.SlidePanel-module__panel___N9gHx{width:100%}.SlidePanel-module__fill___vHC0f{height:100%;width:100%}.SlidePanel-module__panel___N9gHx[aria-hidden=true]{visibility:hidden}.SlidePanel-module__main___Jq40y[aria-hidden=true]{visibility:hidden} +.SlidePanelDocCommon-test-module__content-wrapper___\+5Bqw{height:200px;overflow:auto}.SlidePanelDocCommon-test-module__content-wrapper-large___4O5B9{height:100vh}.SlidePanelDocCommon-test-module__main-content___KgtfP{height:100%;width:100%}[dir] .SlidePanelDocCommon-test-module__main-content___KgtfP{background-color:#f04769}.SlidePanelDocCommon-test-module__panel-content___mRK\+i{height:100%;width:100%}[dir] .SlidePanelDocCommon-test-module__panel-content___mRK\+i{background-color:blue}.SlidePanelDocCommon-test-module__content-wrapper-toggle___eOcKz{height:768px;position:relative;width:100%}[dir] .SlidePanelDocCommon-test-module__content-wrapper-toggle___eOcKz{border:1px #d3d3d3 solid}[dir] .SlidePanelDocCommon-test-module__button___hxSzl{background-color:#008a00}.SlidePanelDocCommon-test-module__circle-svg___BFboR{overflow:visible}[dir] .SlidePanelDocCommon-test-module__circle-svg___BFboR :hover{cursor:pointer}[dir] .SlidePanelDocCommon-test-module__p-clickable___yicz1:hover{cursor:pointer} diff --git a/pull/1840/41049-2f85b3dcd36a28618629.js b/pull/1840/41049-2f85b3dcd36a28618629.js new file mode 100644 index 00000000000..67659ba092d --- /dev/null +++ b/pull/1840/41049-2f85b3dcd36a28618629.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41049],{41049:function(e,t,l){var a=l(64836),n=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(l(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=p(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var r=i?Object.getOwnPropertyDescriptor(e,o):null;r&&(r.get||r.set)?Object.defineProperty(a,o,r):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(67294)),r=a(l(47166)),s=a(l(55281)),d=a(l(27662)),u=a(l(3343)),c=a(l(23399)),f=a(l(69967));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(p=function(e){return e?l:t})(e)}var m=r.default.bind(f.default);t.default=function(){var e=(0,o.useState)(!1),t=(0,i.default)(e,2),l=t[0],a=t[1],n=function(){a(!l)};return(0,o.useEffect)((function(){document.getElementById("test-p-click").onclick=n})),o.default.createElement("div",{className:m("content-wrapper-toggle")},o.default.createElement(d.default,{id:"test-slide",mainContent:o.default.createElement("div",{className:m("main-content")},o.default.createElement("button",{type:"button",id:"test-toggle",className:m("button"),onClick:n},"Toggle",o.default.createElement(c.default,null)),o.default.createElement(s.default,{icon:o.default.createElement(u.default,null),text:"Terra Button toggle",onClick:n}),o.default.createElement("p",{id:"test-p-click",className:m("p-clickable")},"Paragraph Toggle"),o.default.createElement("svg",{id:"test-click-svg",width:50,height:50,xmlns:"http://www.w3.org/2000/svg",onClick:n,className:m("circle-svg")},o.default.createElement("circle",{cx:"50",cy:"45",r:"25",stroke:"black",strokeWidth:"3",fill:"#008a00"})),o.default.createElement("p",null,"Circle SVG Toggle")),panelContent:o.default.createElement("div",{id:"panel-content",className:m("panel-content")},o.default.createElement("button",{id:"focus-button",type:"button",className:m("button"),onClick:n},"Close panel")),panelAriaLabel:"Panel content area",mainAriaLabel:"Main content area",panelSize:"small",panelBehavior:"overlay",isOpen:l,fill:!0}))}},27662:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.SlidePanelPositions=void 0;var n=a(l(10434)),i=a(l(70215)),o=a(l(56690)),r=a(l(89728)),s=a(l(66115)),d=a(l(61655)),u=a(l(94993)),c=a(l(73808)),f=a(l(67294)),p=a(l(45697)),m=a(l(94184)),_=a(l(47166)),h=a(l(47341)),g=a(l(29270)),v=l(25387),b=l(55877),P=a(l(1034)),y=["intl","isFullscreen","isOpen","fill","mainAriaLabel","mainContent","panelAriaLabel","panelContent","panelBehavior","panelPosition","panelSize","setSlidePanelRef"];function k(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var l,a=(0,c.default)(e);if(t){var n=(0,c.default)(this).constructor;l=Reflect.construct(a,arguments,n)}else l=a.apply(this,arguments);return(0,u.default)(this,l)}}var N=_.default.bind(P.default),C=t.SlidePanelPositions={START:"start",END:"end"},S={panelAriaLabel:p.default.string,mainAriaLabel:p.default.string,mainContent:p.default.node,panelContent:p.default.node,panelBehavior:p.default.oneOf(["overlay","squish"]),panelPosition:p.default.oneOf(["start","end"]),panelSize:p.default.oneOf(["small","large"]),isFullscreen:p.default.bool,isOpen:p.default.bool,fill:p.default.bool,setSlidePanelRef:p.default.func,intl:p.default.shape({formatMessage:p.default.func,locale:p.default.string})},O={panelBehavior:"overlay",panelPosition:C.END,panelSize:"small"},w=function(e){(0,d.default)(l,e);var t=k(l);function l(e){var a;return(0,o.default)(this,l),(a=t.call(this,e)).setPanelNode=a.setPanelNode.bind((0,s.default)(a)),a.mainNode=f.default.createRef(),a.setLastClicked=a.setLastClicked.bind((0,s.default)(a)),a.setDisclosingNode=a.setDisclosingNode.bind((0,s.default)(a)),a.mainAriaDescribedByID="detail-panel-warning-".concat((0,b.v4)()),a}return(0,r.default)(l,[{key:"componentDidUpdate",value:function(e){if(this.props.isOpen&&this.props.isOpen!==e.isOpen)return this.setDisclosingNode(this.lastClicked),void this.panelNode.focus();if(!this.props.isOpen&&this.props.isOpen!==e.isOpen){var t;if(null!==(t=this.disclosingNode)&&void 0!==t&&t.focus)return this.disclosingNode.setAttribute("aria-expanded","false"),void this.disclosingNode.focus();this.mainNode.current.focus()}}},{key:"setPanelNode",value:function(e){this.props.setSlidePanelRef&&this.props.setSlidePanelRef(e),this.panelNode=e}},{key:"setLastClicked",value:function(e){this.lastClicked=e.target}},{key:"setDisclosingNode",value:function(e){e&&(e.setAttribute("aria-expanded","true"),this.disclosingNode=e)}},{key:"render",value:function(){var e=this.props,t=e.intl,l=e.isFullscreen,a=e.isOpen,o=e.fill,r=e.mainAriaLabel,s=e.mainContent,d=e.panelAriaLabel,u=e.panelContent,c=e.panelBehavior,p=e.panelPosition,_=e.panelSize,h=(e.setSlidePanelRef,(0,i.default)(e,y)),v=this.context,b=(0,m.default)(N("slide-panel",{"is-open":a},{"is-fullscreen":l},{fill:o},v.className),h.className),P=f.default.createElement("div",{className:N(["panel"]),key:"panel",tabIndex:"-1","aria-label":d||t.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"}),"aria-hidden":a?"false":"true",role:"region",ref:this.setPanelNode},f.default.createElement(g.default,{text:d||t.formatMessage({id:"Terra.slidePanel.defaultPanelLabel"})}),u),k=f.default.createElement("div",{className:N("main"),key:"main",tabIndex:"-1","aria-label":r,"aria-describedby":this.mainAriaDescribedByID,"aria-hidden":a&&l?"true":"false",ref:this.mainNode,role:"main",onClick:this.setLastClicked,onKeyUp:this.setLastClicked},f.default.createElement(g.default,{tabIndex:"-1",id:this.mainAriaDescribedByID,text:t.formatMessage({id:"Terra.slidePanel.discloseWarning"})}),s),S=p===C.START?f.default.createElement(f.default.Fragment,null,P,k):f.default.createElement(f.default.Fragment,null,k,P);return f.default.createElement("div",(0,n.default)({},h,{className:b,"data-slide-panel-panel-behavior":c,"data-slide-panel-panel-position":p,"data-slide-panel-panel-size":_}),S)}}]),l}(f.default.Component);w.propTypes=S,w.defaultProps=O,w.contextType=h.default;t.default=(0,v.injectIntl)(w)},69967:function(e,t,l){l.r(t),t.default={"content-wrapper":"SlidePanelDocCommon-test-module__content-wrapper___+5Bqw","content-wrapper-large":"SlidePanelDocCommon-test-module__content-wrapper-large___4O5B9","main-content":"SlidePanelDocCommon-test-module__main-content___KgtfP","panel-content":"SlidePanelDocCommon-test-module__panel-content___mRK+i","content-wrapper-toggle":"SlidePanelDocCommon-test-module__content-wrapper-toggle___eOcKz",button:"SlidePanelDocCommon-test-module__button___hxSzl","circle-svg":"SlidePanelDocCommon-test-module__circle-svg___BFboR","p-clickable":"SlidePanelDocCommon-test-module__p-clickable___yicz1"}},1034:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"SlidePanel-module__clinical-lowlight-theme___NdNQF","orion-fusion-theme":"SlidePanel-module__orion-fusion-theme___aBPYu","slide-panel":"SlidePanel-module__slide-panel___5vKEK",main:"SlidePanel-module__main___Jq40y",panel:"SlidePanel-module__panel___N9gHx","is-open":"SlidePanel-module__is-open___SU3q3","is-fullscreen":"SlidePanel-module__is-fullscreen___0BQTN",fill:"SlidePanel-module__fill___vHC0f"}}}]); \ No newline at end of file diff --git a/pull/1840/41414-57fc22765319a38291fa.js b/pull/1840/41414-57fc22765319a38291fa.js new file mode 100644 index 00000000000..bcf62a5aa1e --- /dev/null +++ b/pull/1840/41414-57fc22765319a38291fa.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41414],{41414:function(e,t,r){var a=r(64836),n=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=a(r(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=o(t);if(r&&r.has(e))return r.get(e);var a={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var f=u?Object.getOwnPropertyDescriptor(e,l):null;f&&(f.get||f.set)?Object.defineProperty(a,l,f):a[l]=e[l]}return a.default=e,r&&r.set(e,a),a}(r(67294)),f=a(r(55281)),i=a(r(8787));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(o=function(e){return e?r:t})(e)}t.default=function(){var e=(0,l.useState)("2020-01-01T01:10:09"),t=(0,u.default)(e,2),r=t[0],a=t[1],n=(0,l.useState)(""),o=(0,u.default)(n,2),c=o[0],d=o[1];return l.default.createElement("div",null,l.default.createElement(i.default,{value:r,selectedDate:r}),l.default.createElement("p",null,c),l.default.createElement(f.default,{text:"Click To Set Date and Time to 01/30/2020 - 02:30",onClick:function(){a("2019-01-30T02:30:09"),d("Button clicked")},id:"button1"}))}},8787:function(e,t,r){var a=r(64836),n=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=a(r(10434)),l=a(r(27424)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var a={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var f=u?Object.getOwnPropertyDescriptor(e,l):null;f&&(f.get||f.set)?Object.defineProperty(a,l,f):a[l]=e[l]}return a.default=e,r&&r.set(e,a),a}(r(67294)),i=a(r(45697)),o=a(r(44887)),c=a(r(77947));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}var p={value:i.default.string,initialTimeZone:i.default.string},s=function(e){var t=e.value,r=c.default.createSafeDate(t,e.initialTimeZone);r&&r.isValid()&&(t=r.format());var a=(0,f.useState)(t),n=(0,l.default)(a,2),i=n[0],d=n[1];return f.default.createElement("div",null,f.default.createElement("p",null,"Selected ISO Date Time:",f.default.createElement("span",{"data-date-time-value":!0},i)),f.default.createElement(o.default,(0,u.default)({name:"date-time-picker-example",onChange:function(e,t){d(t)},initialTimeZone:e.initialTimeZone},e)))};s.propTypes=p,s.defaultProps={value:""};t.default=s}}]); \ No newline at end of file diff --git a/pull/1840/41578-3414fe1c27c1fc5e4422.js b/pull/1840/41578-3414fe1c27c1fc5e4422.js new file mode 100644 index 00000000000..0c1fe7e1032 --- /dev/null +++ b/pull/1840/41578-3414fe1c27c1fc5e4422.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41578],{41578:function(e,t,a){var r=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),u=r(a(80008)),l=r(a(8787));t.default=function(){return n.default.createElement(l.default,{minDate:(0,u.default)().format(),maxDate:(0,u.default)().add(6,"days").format(),value:"2019-04-19T10:30:00"})}},8787:function(e,t,a){var r=a(64836),n=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=r(a(10434)),l=r(a(27424)),f=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var f=u?Object.getOwnPropertyDescriptor(e,l):null;f&&(f.get||f.set)?Object.defineProperty(r,l,f):r[l]=e[l]}return r.default=e,a&&a.set(e,r),r}(a(67294)),i=r(a(45697)),o=r(a(44887)),d=r(a(77947));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}var p={value:i.default.string,initialTimeZone:i.default.string},s=function(e){var t=e.value,a=d.default.createSafeDate(t,e.initialTimeZone);a&&a.isValid()&&(t=a.format());var r=(0,f.useState)(t),n=(0,l.default)(r,2),i=n[0],c=n[1];return f.default.createElement("div",null,f.default.createElement("p",null,"Selected ISO Date Time:",f.default.createElement("span",{"data-date-time-value":!0},i)),f.default.createElement(o.default,(0,u.default)({name:"date-time-picker-example",onChange:function(e,t){c(t)},initialTimeZone:e.initialTimeZone},e)))};s.propTypes=p,s.defaultProps={value:""};t.default=s}}]); \ No newline at end of file diff --git a/pull/1840/41790-012116b6c706087cfd52.css b/pull/1840/41790-012116b6c706087cfd52.css new file mode 100644 index 00000000000..11f4a215b50 --- /dev/null +++ b/pull/1840/41790-012116b6c706087cfd52.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .DatePicker-test-module__content-wrapper___dH2Rb{margin:10px}.DatePicker-test-module__date-wrapper___c5yjd{display:inline-block} diff --git a/pull/1840/41790-012116b6c706087cfd52.js b/pull/1840/41790-012116b6c706087cfd52.js new file mode 100644 index 00000000000..bed2d56f9b4 --- /dev/null +++ b/pull/1840/41790-012116b6c706087cfd52.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41790],{23699:function(e,t,r){var a=r(64836),n=r(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=a(r(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var a={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var f=u?Object.getOwnPropertyDescriptor(e,l):null;f&&(f.get||f.set)?Object.defineProperty(a,l,f):a[l]=e[l]}return a.default=e,r&&r.set(e,a),a}(r(67294)),f=a(r(47166)),c=a(r(28411)),o=a(r(94904));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}var p=f.default.bind(o.default);t.default=function(){var e=(0,l.useState)(""),t=(0,u.default)(e,2),r=t[0],a=t[1];return l.default.createElement("div",{className:p("content-wrapper")},l.default.createElement("h3",null,"Selected Date:"," ",l.default.createElement("span",{id:"selected-date"},r)),l.default.createElement(c.default,{name:"date-input-onselect",onSelect:function(e,t){a(t)}}))}},94904:function(e,t,r){r.r(t),t.default={"content-wrapper":"DatePicker-test-module__content-wrapper___dH2Rb","date-wrapper":"DatePicker-test-module__date-wrapper___c5yjd"}}}]); \ No newline at end of file diff --git a/pull/1840/41882-887b1589da27a075e99c.css b/pull/1840/41882-887b1589da27a075e99c.css new file mode 100644 index 00000000000..4b2a635dc83 --- /dev/null +++ b/pull/1840/41882-887b1589da27a075e99c.css @@ -0,0 +1,2 @@ +[dir] .DisclosureComponentCommon-test-module__header___zA\+M6{border-bottom:1px solid #000;margin:0}[dir] .DisclosureComponentCommon-test-module__content-form___ZH5Rj{padding:.7rem}.DisclosureComponentCommon-test-module__select-field___eTUIx{max-width:300px} +.ModalManagerCommon-test-module__content-wrapper___fnO38{height:100%}[dir] .ModalManagerCommon-test-module__disclosure-accessory___lBCWz{background-color:#add8e6;padding:1rem}.ModalManagerCommon-test-module__disclosure-container___GqXUT{height:100%}[dir] .ModalManagerCommon-test-module__disclosure-container___GqXUT{background-color:#b899f0;padding:1rem} diff --git a/pull/1840/41882-887b1589da27a075e99c.js b/pull/1840/41882-887b1589da27a075e99c.js new file mode 100644 index 00000000000..329d4b4d9a6 --- /dev/null +++ b/pull/1840/41882-887b1589da27a075e99c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[41882],{51864:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(n(38416)),a=l(n(56690)),i=l(n(89728)),o=l(n(66115)),r=l(n(61655)),u=l(n(94993)),c=l(n(73808)),d=l(n(67294)),m=l(n(45697)),f=l(n(57927)),h=l(n(10027)),p=n(56019),g=l(n(47166)),b=l(n(32625));function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,l=(0,c.default)(e);if(t){var s=(0,c.default)(this).constructor;n=Reflect.construct(l,arguments,s)}else n=l.apply(this,arguments);return(0,u.default)(this,n)}}var k=g.default.bind(b.default),v=Object.keys(p.availableDisclosureHeights),C=Object.keys(p.availableDisclosureWidths),_=function(e){(0,r.default)(n,e);var t=y(n);function n(e){var l;return(0,a.default)(this,n),(l=t.call(this,e)).disclose=l.disclose.bind((0,o.default)(l)),l.dismiss=l.dismiss.bind((0,o.default)(l)),l.closeDisclosure=l.closeDisclosure.bind((0,o.default)(l)),l.goBack=l.goBack.bind((0,o.default)(l)),l.maximize=l.maximize.bind((0,o.default)(l)),l.minimize=l.minimize.bind((0,o.default)(l)),l.generateOptions=l.generateOptions.bind((0,o.default)(l)),l.handleSelectChange=l.handleSelectChange.bind((0,o.default)(l)),l.renderFormButton=l.renderFormButton.bind((0,o.default)(l)),l.renderForm=l.renderForm.bind((0,o.default)(l)),l.getId=l.getId.bind((0,o.default)(l)),l.state={id:"disclosureDimensions",disclosureHeight:v[0],disclosureWidth:C[0]},l}return(0,i.default)(n,[{key:"handleSelectChange",value:function(e){this.setState((0,s.default)({},e.target.name,e.target.value))}},{key:"getId",value:function(e){return"".concat(this.state.id,"-").concat(e,"-").concat(this.props.nestedIndex)}},{key:"generateOptions",value:function(e,t){var n=this;return e.map((function(e,l){var s=l;return d.default.createElement("option",{id:"".concat(t,"-").concat(e,"-").concat(n.props.nestedIndex),key:s,value:e},e)}))}},{key:"disclose",value:function(e,t){var n=this,l=this.props,s=l.disclosureType,a=l.nestedIndex,i=l.renderHeaderAdapter,o=a+1;return function(){n.props.disclosureManager.disclose({preferredType:s,size:e,dimensions:t,content:{key:"DemoContainer-".concat(o),component:d.default.createElement(E,{identifier:"DemoContainer-".concat(o),nestedIndex:o,renderHeaderAdapter:i})}})}}},{key:"dismiss",value:function(){this.props.disclosureManager.dismiss()}},{key:"closeDisclosure",value:function(){this.props.disclosureManager.closeDisclosure()}},{key:"goBack",value:function(){this.props.disclosureManager.goBack()}},{key:"maximize",value:function(){this.props.disclosureManager.maximize()}},{key:"minimize",value:function(){this.props.disclosureManager.minimize()}},{key:"renderFormButton",value:function(){var e="Disclose (".concat(this.state.disclosureHeight,") x (").concat(this.state.disclosureWidth,")");return d.default.createElement("button",{type:"button",id:"disclose-dimension-".concat(this.props.nestedIndex),onClick:this.disclose(void 0,{height:this.state.disclosureHeight,width:this.state.disclosureWidth})},e)}},{key:"renderForm",value:function(){return d.default.createElement("form",null,d.default.createElement("label",{htmlFor:this.getId("height")},"Pop Content Height"),d.default.createElement("select",{id:this.getId("height"),name:"disclosureHeight",value:this.state.disclosureHeight,onChange:this.handleSelectChange},this.generateOptions(v,"height")),d.default.createElement("br",null),d.default.createElement("br",null),d.default.createElement("label",{htmlFor:this.getId("width")},"Pop Content Width"),d.default.createElement("select",{id:this.getId("width"),name:"disclosureWidth",value:this.state.disclosureWidth,onChange:this.handleSelectChange},this.generateOptions(C,"width")),d.default.createElement("br",null),d.default.createElement("br",null))}},{key:"render",value:function(){var e=this.props,t=e.disclosureManager,n=e.identifier,l=e.renderHeaderAdapter;return d.default.createElement(h.default,{id:n,className:"nested-component",fill:!0,header:d.default.createElement("h2",{className:k("header")},"Content Component")},l?d.default.createElement(p.DisclosureManagerHeaderAdapter,{title:"Disclosure - ".concat(n),collapsibleMenuView:d.default.createElement(f.default,null,d.default.createElement(f.default.Item,{text:"Header Button 1",key:"button_1"}),d.default.createElement(f.default.Item,{text:"Header Button 2",key:"button_2"}))}):void 0,d.default.createElement("p",null,"id:"," ",n),d.default.createElement("button",{type:"button",className:"disclose",onClick:this.disclose()},"Disclose"),d.default.createElement("button",{type:"button",className:"disclose-tiny",onClick:this.disclose("tiny")},"Disclose Tiny"),d.default.createElement("button",{type:"button",className:"disclose-small",onClick:this.disclose("small")},"Disclose Small"),d.default.createElement("button",{type:"button",className:"disclose-medium",onClick:this.disclose("medium")},"Disclose Medium"),d.default.createElement("button",{type:"button",className:"disclose-large",onClick:this.disclose("large")},"Disclose Large"),d.default.createElement("button",{type:"button",className:"disclose-huge",onClick:this.disclose("huge")},"Disclose Huge"),d.default.createElement("button",{type:"button",className:"disclose-fullscreen",onClick:this.disclose("fullscreen")},"Disclose Fullscreen"),d.default.createElement("div",{className:k("content-form")},this.renderForm(),this.renderFormButton()),t&&t.dismiss?d.default.createElement("button",{type:"button",className:"dismiss",onClick:this.dismiss},"Dismiss"):null,t&&t.closeDisclosure?d.default.createElement("button",{type:"button",className:"close-disclosure",onClick:this.closeDisclosure},"Close Disclosure"):null,t&&t.goBack?d.default.createElement("button",{type:"button",className:"go-back",onClick:this.goBack},"Go Back"):null,t&&t.maximize?d.default.createElement("button",{type:"button",className:"maximize",onClick:this.maximize},"Maximize"):null,t&&t.minimize?d.default.createElement("button",{type:"button",className:"minimize",onClick:this.minimize},"Minimize"):null)}}]),n}(d.default.Component);_.propTypes={disclosureManager:p.disclosureManagerShape,identifier:m.default.string,disclosureType:m.default.string,nestedIndex:m.default.number,renderHeaderAdapter:m.default.bool},_.defaultProps={nestedIndex:0};var E=(0,p.withDisclosureManager)(_);t.default=E},41882:function(e,t,n){var l=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(n(67294)),a=l(n(47166)),i=l(n(22266)),o=l(n(51864)),r=l(n(1422)),u=a.default.bind(r.default);t.default=function(){return s.default.createElement("div",{role:"main",className:u("content-wrapper")},s.default.createElement(i.default,null,s.default.createElement(o.default,{identifier:"root-component",disclosureType:"modal"})))}},32625:function(e,t,n){n.r(t),t.default={header:"DisclosureComponentCommon-test-module__header___zA+M6","content-form":"DisclosureComponentCommon-test-module__content-form___ZH5Rj","select-field":"DisclosureComponentCommon-test-module__select-field___eTUIx"}},1422:function(e,t,n){n.r(t),t.default={"content-wrapper":"ModalManagerCommon-test-module__content-wrapper___fnO38","disclosure-accessory":"ModalManagerCommon-test-module__disclosure-accessory___lBCWz","disclosure-container":"ModalManagerCommon-test-module__disclosure-container___GqXUT"}}}]); \ No newline at end of file diff --git a/pull/1840/42183-1bae6ac14243f6045e3e.css b/pull/1840/42183-1bae6ac14243f6045e3e.css new file mode 100644 index 00000000000..33a6a54a20b --- /dev/null +++ b/pull/1840/42183-1bae6ac14243f6045e3e.css @@ -0,0 +1,7 @@ +.LayoutSlidePanel-module__clinical-lowlight-theme___q2naq{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #101010, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #181b1d;--terra-layout-slide-panel-squish-panel-background-color: #383f42;--terra-layout-slide-panel-squish-panel-border-right-color: #383f42;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__orion-fusion-theme___2KWcp{--terra-layout-slide-panel-overlay-panel-ltr-box-shadow: 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-overlay-panel-rtl-box-shadow: -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);--terra-layout-slide-panel-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-background-color: #fff;--terra-layout-slide-panel-squish-panel-border-right-color: #d3d4d5;--terra-layout-slide-panel-squish-panel-ltr-box-shadow: none;--terra-layout-slide-panel-squish-panel-rtl-box-shadow: none;--terra-layout-slide-panel-panel-width: 18.571rem;--terra-layout-slide-panel-tiny-panel-width: calc(100% - 3.571rem);--terra-layout-slide-panel-small-panel-width: 22.857rem;--terra-layout-slide-panel-squish-panel-border-right-width: 1px}.LayoutSlidePanel-module__content-container___vB31H{outline:none}.LayoutSlidePanel-module__layout-slide-panel___6Ra3S{height:100%;overflow:hidden;position:relative;width:100%}.LayoutSlidePanel-module__content___Qa4PX,.LayoutSlidePanel-module__panel___xUrqy{box-sizing:border-box;height:100%;overflow:hidden;transition:none}[dir=ltr] .LayoutSlidePanel-module__is-animated___1uvdg{transition:left .15s ease}[dir=rtl] .LayoutSlidePanel-module__is-animated___1uvdg{transition:right .15s ease}.LayoutSlidePanel-module__content___Qa4PX{position:relative;width:100%;z-index:0}[dir=ltr] .LayoutSlidePanel-module__content___Qa4PX{float:right}[dir=rtl] .LayoutSlidePanel-module__content___Qa4PX{float:left}.LayoutSlidePanel-module__panel___xUrqy{position:absolute;width:18.571rem;width:var(--terra-layout-slide-panel-panel-width, 18.571rem);z-index:5000}[dir] .LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__panel___xUrqy{left:-100%}[dir=rtl] .LayoutSlidePanel-module__panel___xUrqy{right:-100%}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC>.LayoutSlidePanel-module__panel___xUrqy{right:0}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-tiny___9Oz70{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___xUrqy.LayoutSlidePanel-module__is-small___JXknd{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-overlay___s9u4z>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__content___Qa4PX{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___eTmJC.LayoutSlidePanel-module__is-squish___c1HSt>.LayoutSlidePanel-module__panel___xUrqy{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___xUrqy[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___xHsZe{display:block;height:100%} +.NavigationLayoutContent-module__content___kZuBj{height:100%;overflow:hidden} +.MenuItem-module__clinical-lowlight-theme___WejfL{--terra-navigation-side-menu-list-item-background-color: #222a2e;--terra-navigation-side-menu-list-item-border-bottom: none;--terra-navigation-side-menu-list-item-border-left: none;--terra-navigation-side-menu-list-item-border-right: none;--terra-navigation-side-menu-list-item-border-top: none;--terra-navigation-side-menu-item-active-background-color: #2d3539;--terra-navigation-side-menu-item-active-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-border-bottom: none;--terra-navigation-side-menu-item-border-left: none;--terra-navigation-side-menu-item-border-right: none;--terra-navigation-side-menu-item-border-top: none;--terra-navigation-side-menu-item-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-chevron-height: 0.8em;--terra-navigation-side-menu-item-chevron-padding-left: 0.7143rem;--terra-navigation-side-menu-item-chevron-width: 0.8em;--terra-navigation-side-menu-item-color: #b2b5b6;--terra-navigation-side-menu-item-focus-background-color: #2d3539;--terra-navigation-side-menu-item-focus-box-shadow: inset 0 0 0 1px #4a90e2, inset 0 0 0 4px rgba(0, 0, 0, 0.3);--terra-navigation-side-menu-item-font-size: 1.071rem;--terra-navigation-side-menu-item-font-weight: normal;--terra-navigation-side-menu-item-line-height: 1.42857;--terra-navigation-side-menu-item-focus-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-hover-background-color: #2d3539;--terra-navigation-side-menu-item-hover-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-hover-color: #b2b5b6;--terra-navigation-side-menu-item-padding-bottom: 0.8225rem;--terra-navigation-side-menu-item-padding-left: 1.2143rem;--terra-navigation-side-menu-item-padding-right: 0.7143rem;--terra-navigation-side-menu-item-padding-top: 0.8225rem;--terra-navigation-side-menu-item-selected-background-attachment: none;--terra-navigation-side-menu-item-selected-background-color: #2d3539;--terra-navigation-side-menu-item-selected-background-image: none;--terra-navigation-side-menu-item-selected-before-background-image: none;--terra-navigation-side-menu-item-selected-background-size: auto;--terra-navigation-side-menu-item-selected-border-left: 4px solid #3496cf;--terra-navigation-side-menu-item-selected-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-selected-color: #b2b5b6;--terra-navigation-side-menu-item-selected-focus-background-color: #2d3539;--terra-navigation-side-menu-item-selected-focus-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-selected-focus-color: #b2b5b6;--terra-navigation-side-menu-item-selected-font-weight: 600;--terra-navigation-side-menu-item-selected-padding-left: 0.7143rem;--terra-navigation-side-menu-item-selected-hover-background-color: #2d3539;--terra-navigation-side-menu-item-selected-hover-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-selected-hover-color: #b2b5b6;--terra-navigation-side-menu-item-text-transform: none}.MenuItem-module__orion-fusion-theme___Dd4c1{--terra-navigation-side-menu-list-item-background-color: transparent;--terra-navigation-side-menu-list-item-border-bottom: none;--terra-navigation-side-menu-list-item-border-left: none;--terra-navigation-side-menu-list-item-border-right: none;--terra-navigation-side-menu-list-item-border-top: none;--terra-navigation-side-menu-item-active-background-color: #f5fafe;--terra-navigation-side-menu-item-active-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-border-bottom: none;--terra-navigation-side-menu-item-border-left: none;--terra-navigation-side-menu-item-border-right: none;--terra-navigation-side-menu-item-border-top: none;--terra-navigation-side-menu-item-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-chevron-height: 0.8em;--terra-navigation-side-menu-item-chevron-padding-left: 0.7143rem;--terra-navigation-side-menu-item-chevron-width: 0.8em;--terra-navigation-side-menu-item-color: #1c1f21;--terra-navigation-side-menu-item-focus-background-color: transparent;--terra-navigation-side-menu-item-focus-box-shadow: inset 0 0 0 1px #26a2e5, inset 0 0 0 4px rgba(76, 178, 233, 0.2);--terra-navigation-side-menu-item-font-size: 1.071rem;--terra-navigation-side-menu-item-font-weight: normal;--terra-navigation-side-menu-item-line-height: 1.42857;--terra-navigation-side-menu-item-focus-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-hover-background-color: #f5fafe;--terra-navigation-side-menu-item-hover-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-hover-color: #1c1f21;--terra-navigation-side-menu-item-padding-bottom: 0.8225rem;--terra-navigation-side-menu-item-padding-left: 1.2143rem;--terra-navigation-side-menu-item-padding-right: 0.7143rem;--terra-navigation-side-menu-item-padding-top: 0.8225rem;--terra-navigation-side-menu-item-selected-background-attachment: none;--terra-navigation-side-menu-item-selected-background-color: #f4f4f4;--terra-navigation-side-menu-item-selected-background-image: none;--terra-navigation-side-menu-item-selected-before-background-image: none;--terra-navigation-side-menu-item-selected-background-size: auto;--terra-navigation-side-menu-item-selected-border-left: 0.5rem solid #007cc3;--terra-navigation-side-menu-item-selected-chevron-color: #909496;--terra-navigation-side-menu-item-selected-color: #1c1f21;--terra-navigation-side-menu-item-selected-focus-background-color: #f4f4f4;--terra-navigation-side-menu-item-selected-focus-chevron-color: #909496;--terra-navigation-side-menu-item-selected-focus-color: #1c1f21;--terra-navigation-side-menu-item-selected-font-weight: 600;--terra-navigation-side-menu-item-selected-padding-left: 0.7143rem;--terra-navigation-side-menu-item-selected-hover-background-color: #f4f4f4;--terra-navigation-side-menu-item-selected-hover-chevron-color: #909496;--terra-navigation-side-menu-item-selected-hover-color: #1c1f21;--terra-navigation-side-menu-item-text-transform: none}[dir] .MenuItem-module__list-item___Pg\+tM{background-color:var(--terra-navigation-side-menu-list-item-background-color);border-bottom:none;border-bottom:var(--terra-navigation-side-menu-list-item-border-bottom, none);border-top:none;border-top:var(--terra-navigation-side-menu-list-item-border-top, none)}[dir=ltr] .MenuItem-module__list-item___Pg\+tM{border-left:none;border-left:var(--terra-navigation-side-menu-list-item-border-left, none);border-right:none;border-right:var(--terra-navigation-side-menu-list-item-border-right, none)}[dir=rtl] .MenuItem-module__list-item___Pg\+tM{border-right:none;border-right:var(--terra-navigation-side-menu-list-item-border-left, none);border-left:none;border-left:var(--terra-navigation-side-menu-list-item-border-right, none)}.MenuItem-module__menu-item___PGkUQ{-ms-flex-align:stretch;align-items:stretch;color:#1c1f21;color:var(--terra-navigation-side-menu-item-color, #1c1f21);display:-ms-flexbox;display:flex;font-size:1.071rem;font-size:var(--terra-navigation-side-menu-item-font-size, 1.071rem);font-weight:normal;font-weight:var(--terra-navigation-side-menu-item-font-weight, normal);line-height:1.42857;line-height:var(--terra-navigation-side-menu-item-line-height, 1.42857);outline:none;position:relative;text-decoration:none;text-transform:none;text-transform:var(--terra-navigation-side-menu-item-text-transform, none);width:100%;z-index:0}[dir] .MenuItem-module__menu-item___PGkUQ{border-bottom:none;border-bottom:var(--terra-navigation-side-menu-item-border-bottom, none);border-top:none;border-top:var(--terra-navigation-side-menu-item-border-top, none);cursor:pointer;padding-bottom:0.8225rem;padding-bottom:var(--terra-navigation-side-menu-item-padding-bottom, 0.8225rem);padding-top:0.8225rem;padding-top:var(--terra-navigation-side-menu-item-padding-top, 0.8225rem)}[dir=ltr] .MenuItem-module__menu-item___PGkUQ{border-left:none;border-left:var(--terra-navigation-side-menu-item-border-left, none);border-right:none;border-right:var(--terra-navigation-side-menu-item-border-right, none);padding-left:1.2143rem;padding-left:var(--terra-navigation-side-menu-item-padding-left, 1.2143rem);padding-right:0.7143rem;padding-right:var(--terra-navigation-side-menu-item-padding-right, 0.7143rem)}[dir=rtl] .MenuItem-module__menu-item___PGkUQ{border-right:none;border-right:var(--terra-navigation-side-menu-item-border-left, none);border-left:none;border-left:var(--terra-navigation-side-menu-item-border-right, none);padding-right:1.2143rem;padding-right:var(--terra-navigation-side-menu-item-padding-left, 1.2143rem);padding-left:0.7143rem;padding-left:var(--terra-navigation-side-menu-item-padding-right, 0.7143rem)}.MenuItem-module__menu-item___PGkUQ:hover,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-hovered___Gt2R8{color:var(--terra-navigation-side-menu-item-hover-color)}[dir] .MenuItem-module__menu-item___PGkUQ:hover, [dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-hovered___Gt2R8{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-hover-background-color, #f5fafe)}.MenuItem-module__menu-item___PGkUQ:hover .MenuItem-module__chevron___wpMIy,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-hovered___Gt2R8 .MenuItem-module__chevron___wpMIy{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-hover-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC:not(.MenuItem-module__is-selected___nZvDz):hover,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC:not(.MenuItem-module__is-selected___nZvDz).MenuItem-module__is-hovered___Gt2R8{color:var(--terra-navigation-side-menu-item-hover-color)}[dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC:not(.MenuItem-module__is-selected___nZvDz):hover, [dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC:not(.MenuItem-module__is-selected___nZvDz).MenuItem-module__is-hovered___Gt2R8{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-hover-background-color, #f5fafe)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC:not(.MenuItem-module__is-selected___nZvDz):hover .MenuItem-module__chevron___wpMIy,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC:not(.MenuItem-module__is-selected___nZvDz).MenuItem-module__is-hovered___Gt2R8 .MenuItem-module__chevron___wpMIy{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-hover-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC{z-index:5}[dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC{background-color:var(--terra-navigation-side-menu-item-focus-background-color);box-shadow:inset 0 0 0 1px #26a2e5, inset 0 0 0 4px rgba(76, 178, 233, 0.2);box-shadow:var(--terra-navigation-side-menu-item-focus-box-shadow, inset 0 0 0 1px #26a2e5, inset 0 0 0 4px rgba(76, 178, 233, 0.2))}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-focused___UheNC .MenuItem-module__chevron___wpMIy{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-focus-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___PGkUQ:active,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-active___ZqiaG{z-index:5}[dir] .MenuItem-module__menu-item___PGkUQ:active, [dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-active___ZqiaG{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-active-background-color, #f5fafe)}.MenuItem-module__menu-item___PGkUQ:active .MenuItem-module__chevron___wpMIy,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-active___ZqiaG .MenuItem-module__chevron___wpMIy{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-active-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___PGkUQ:active.MenuItem-module__is-focused___UheNC,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-active___ZqiaG.MenuItem-module__is-focused___UheNC{z-index:5}[dir] .MenuItem-module__menu-item___PGkUQ:active.MenuItem-module__is-focused___UheNC, [dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-active___ZqiaG.MenuItem-module__is-focused___UheNC{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-active-background-color, #f5fafe)}.MenuItem-module__menu-item___PGkUQ:active.MenuItem-module__is-focused___UheNC .MenuItem-module__chevron___wpMIy,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-active___ZqiaG.MenuItem-module__is-focused___UheNC .MenuItem-module__chevron___wpMIy{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-active-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz{color:var(--terra-navigation-side-menu-item-selected-color);font-weight:600;font-weight:var(--terra-navigation-side-menu-item-selected-font-weight, 600)}[dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz{background-attachment:var(--terra-navigation-side-menu-item-selected-background-attachment);background-color:#f4f4f4;background-color:var(--terra-navigation-side-menu-item-selected-background-color, #f4f4f4);background-image:var(--terra-navigation-side-menu-item-selected-background-image);background-size:var(--terra-navigation-side-menu-item-selected-background-size)}[dir=ltr] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz{border-left:0.5rem solid #007cc3;border-left:var(--terra-navigation-side-menu-item-selected-border-left, 0.5rem solid #007cc3);padding-left:0.7143rem;padding-left:var(--terra-navigation-side-menu-item-selected-padding-left, 0.7143rem)}[dir=rtl] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz{border-right:0.5rem solid #007cc3;border-right:var(--terra-navigation-side-menu-item-selected-border-left, 0.5rem solid #007cc3);padding-right:0.7143rem;padding-right:var(--terra-navigation-side-menu-item-selected-padding-left, 0.7143rem)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz::before{content:"";height:100%;position:absolute;top:0;width:100%;z-index:-1}[dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz::before{background-image:var(--terra-navigation-side-menu-item-selected-before-background-image)}[dir=ltr] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz::before{left:0}[dir=rtl] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz::before{right:0}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz .MenuItem-module__chevron___wpMIy{color:#909496;color:var(--terra-navigation-side-menu-item-selected-chevron-color, #909496)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz:hover,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz.MenuItem-module__is-hovered___Gt2R8{color:var(--terra-navigation-side-menu-item-selected-hover-color)}[dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz:hover, [dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz.MenuItem-module__is-hovered___Gt2R8{background-color:#f4f4f4;background-color:var(--terra-navigation-side-menu-item-selected-hover-background-color, #f4f4f4)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz:hover .MenuItem-module__chevron___wpMIy,.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz.MenuItem-module__is-hovered___Gt2R8 .MenuItem-module__chevron___wpMIy{color:#909496;color:var(--terra-navigation-side-menu-item-selected-hover-chevron-color, #909496)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz.MenuItem-module__is-focused___UheNC{color:var(--terra-navigation-side-menu-item-selected-focus-color)}[dir] .MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz.MenuItem-module__is-focused___UheNC{background-color:#f4f4f4;background-color:var(--terra-navigation-side-menu-item-selected-focus-background-color, #f4f4f4)}.MenuItem-module__menu-item___PGkUQ.MenuItem-module__is-selected___nZvDz.MenuItem-module__is-focused___UheNC .MenuItem-module__chevron___wpMIy{color:#909496;color:var(--terra-navigation-side-menu-item-selected-focus-chevron-color, #909496)}.MenuItem-module__title___cKrPN,.MenuItem-module__chevron___wpMIy{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative}.MenuItem-module__title___cKrPN{-ms-flex:1 1 auto;flex:1 1 auto;width:100%}.MenuItem-module__chevron___wpMIy{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-chevron-color, #bcbfc0);-ms-flex:0 0 auto;flex:0 0 auto}[dir=ltr] .MenuItem-module__chevron___wpMIy{padding-left:0.7143rem;padding-left:var(--terra-navigation-side-menu-item-chevron-padding-left, 0.7143rem)}[dir=rtl] .MenuItem-module__chevron___wpMIy{padding-right:0.7143rem;padding-right:var(--terra-navigation-side-menu-item-chevron-padding-left, 0.7143rem)}.MenuItem-module__chevron___wpMIy>svg{height:0.8em;height:var(--terra-navigation-side-menu-item-chevron-height, 0.8em);width:0.8em;width:var(--terra-navigation-side-menu-item-chevron-width, 0.8em)} +.NavigationSideMenu-module__clinical-lowlight-theme___21td8{--terra-navigation-side-menu-action-header-background-color: #141719;--terra-navigation-side-menu-action-header-border-bottom-color: #141719;--terra-navigation-side-menu-action-header-box-shadow: none;--terra-navigation-side-menu-action-header-color: #b2b5b6;--terra-navigation-side-menu-content-container-background-color: #222a2e;--terra-navigation-side-menu-content-container-header-background-color: #141719;--terra-navigation-side-menu-content-container-main-background-color: #222a2e;--terra-navigation-side-menu-list-background-color: #222a2e;--terra-navigation-side-menu-list-padding-bottom: 0.125rem;--terra-navigation-side-menu-list-padding-top: 0.125rem}.NavigationSideMenu-module__orion-fusion-theme___sArMM{--terra-navigation-side-menu-action-header-background-color: #f4f4f4;--terra-navigation-side-menu-action-header-border-bottom-color: #dedfe0;--terra-navigation-side-menu-action-header-box-shadow: none;--terra-navigation-side-menu-action-header-color: #fff;--terra-navigation-side-menu-content-container-background-color: transparent;--terra-navigation-side-menu-content-container-header-background-color: transparent;--terra-navigation-side-menu-content-container-main-background-color: transparent;--terra-navigation-side-menu-list-background-color: transparent;--terra-navigation-side-menu-list-padding-bottom: 0.125rem;--terra-navigation-side-menu-list-padding-top: 0.125rem}.NavigationSideMenu-module__side-menu-content-container___zBCiE{overflow:hidden}[dir] .NavigationSideMenu-module__side-menu-content-container___zBCiE{background-color:var(--terra-navigation-side-menu-content-container-background-color)}[dir] .NavigationSideMenu-module__side-menu-content-container___zBCiE>:nth-child(1){background-color:var(--terra-navigation-side-menu-content-container-header-background-color)}[dir] .NavigationSideMenu-module__side-menu-content-container___zBCiE>:nth-child(2), [dir] .NavigationSideMenu-module__side-menu-content-container___zBCiE.NavigationSideMenu-module__is-root___Q49aQ>:nth-child(1){background-color:var(--terra-navigation-side-menu-content-container-main-background-color)}.NavigationSideMenu-module__side-menu-list___UXvjw{list-style:none}[dir] .NavigationSideMenu-module__side-menu-list___UXvjw{background-color:transparent;background-color:var(--terra-navigation-side-menu-list-background-color, transparent);margin:0;padding:0;padding-bottom:0.125rem;padding-bottom:var(--terra-navigation-side-menu-list-padding-bottom, 0.125rem);padding-top:0.125rem;padding-top:var(--terra-navigation-side-menu-list-padding-top, 0.125rem)}.NavigationSideMenu-module__side-menu-action-header___rRjrA{color:var(--terra-navigation-side-menu-action-header-color);z-index:1}[dir] .NavigationSideMenu-module__side-menu-action-header___rRjrA{background-color:#f4f4f4;background-color:var(--terra-navigation-side-menu-action-header-background-color, #f4f4f4);border-bottom-color:#dedfe0;border-bottom-color:var(--terra-navigation-side-menu-action-header-border-bottom-color, #dedfe0);box-shadow:var(--terra-navigation-side-menu-action-header-box-shadow)} +.ApplicationMenuLayout-module__fit___fJ-8H{-ms-flex:0 0 auto;flex:0 0 auto}.ApplicationMenuLayout-module__fill___NpC9g{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.ApplicationMenuLayout-module__fit___fJ-8H,.ApplicationMenuLayout-module__fill___NpC9g{display:-ms-flexbox;display:flex;position:relative;width:100%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__header___kdgcp,.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__footer___k9Yr3{max-height:40%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__widgets___-YRy1{max-height:100%}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__content___T7isC{overflow:hidden}.ApplicationMenuLayout-module__menu___\+THcL>.ApplicationMenuLayout-module__body___6HrKr>.ApplicationMenuLayout-module__content___T7isC>.ApplicationMenuLayout-module__normalizer___uQB7W{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;width:100%} +.ApplicationMenu-module__clinical-lowlight-theme___Qf5Kk{--terra-application-layout-menu-background-color: #222a2e;--terra-application-layout-menu-header-background-color: #034370;--terra-application-layout-menu-header-background-image: none}.ApplicationMenu-module__orion-fusion-theme___m9Gez{--terra-application-layout-menu-background-color: transparent;--terra-application-layout-menu-header-background-color: #0079be;--terra-application-layout-menu-header-background-image: none}.ApplicationMenu-module__application-menu___Cxvc3{height:100%;position:relative}[dir] .ApplicationMenu-module__application-menu___Cxvc3{background-color:transparent;background-color:var(--terra-application-layout-menu-background-color, transparent)}.ApplicationMenu-module__menu-header___2auo7{position:relative;width:100%}[dir] .ApplicationMenu-module__menu-header___2auo7{background-color:#0079be;background-color:var(--terra-application-layout-menu-header-background-color, #0079be);background-image:var(--terra-application-layout-menu-header-background-image)} +.UserData-module__clinical-lowlight-theme___ZgDMj{--terra-application-layout-user-data-photo-height: 3.571rem;--terra-application-layout-user-data-photo-margin-right: 0.5714rem;--terra-application-layout-user-data-photo-width: 3.571rem;--terra-application-layout-user-data-info-margin-right: 0;--terra-application-layout-user-data-name-font-size: 1.143rem;--terra-application-layout-user-data-name-font-weight: normal;--terra-application-layout-user-data-detail-font-size: 0.8571rem}.UserData-module__orion-fusion-theme___9iihZ{--terra-application-layout-user-data-photo-height: 3.571rem;--terra-application-layout-user-data-photo-margin-right: 0.5714rem;--terra-application-layout-user-data-photo-width: 3.571rem;--terra-application-layout-user-data-info-margin-right: 0;--terra-application-layout-user-data-name-font-size: 1.143rem;--terra-application-layout-user-data-name-font-weight: normal;--terra-application-layout-user-data-detail-font-size: 0.8571rem}.UserData-module__user-data___4MxMt{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:start;justify-content:flex-start}.UserData-module__user-data___4MxMt .UserData-module__photo___iTfxG{-ms-flex:0 0 auto;flex:0 0 auto;height:3.571rem;height:var(--terra-application-layout-user-data-photo-height, 3.571rem);width:3.571rem;width:var(--terra-application-layout-user-data-photo-width, 3.571rem)}[dir=ltr] .UserData-module__user-data___4MxMt .UserData-module__photo___iTfxG{margin-right:0.5714rem;margin-right:var(--terra-application-layout-user-data-photo-margin-right, 0.5714rem)}[dir=rtl] .UserData-module__user-data___4MxMt .UserData-module__photo___iTfxG{margin-left:0.5714rem;margin-left:var(--terra-application-layout-user-data-photo-margin-right, 0.5714rem)}.UserData-module__user-info___cRHeD{-ms-flex:1 1 auto;flex:1 1 auto;width:100%}[dir=ltr] .UserData-module__user-info___cRHeD{margin-right:var(--terra-application-layout-user-data-info-margin-right)}[dir=rtl] .UserData-module__user-info___cRHeD{margin-left:var(--terra-application-layout-user-data-info-margin-right)}.UserData-module__name___zwzs5{font-size:1.143rem;font-size:var(--terra-application-layout-user-data-name-font-size, 1.143rem);font-weight:var(--terra-application-layout-user-data-name-font-weight);overflow-wrap:break-word;white-space:normal;word-break:break-word;word-wrap:break-word}.UserData-module__detail___xFGuz{font-size:0.8571rem;font-size:var(--terra-application-layout-user-data-detail-font-size, 0.8571rem);overflow-wrap:break-word;white-space:normal;word-break:break-word;word-wrap:break-word} diff --git a/pull/1840/42183-1bae6ac14243f6045e3e.js b/pull/1840/42183-1bae6ac14243f6045e3e.js new file mode 100644 index 00000000000..aac35d5864a --- /dev/null +++ b/pull/1840/42183-1bae6ac14243f6045e3e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[42183],{18428:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RoutingMenu",{enumerable:!0,get:function(){return g.default}}),t.default=t.Utils=void 0;var i=a(n(38416)),o=a(n(56690)),u=a(n(89728)),r=a(n(61655)),l=a(n(94993)),s=a(n(73808)),f=a(n(67294)),c=a(n(45697)),d=a(n(80303)),p=n(37714),m=n(39711),y=a(n(22266)),g=a(n(57169)),h=a(n(39571)),v=a(n(2406)),_=a(n(9071)),C=a(n(19786)),P=a(n(27354));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function O(e){for(var t=1;t0}}))}},{key:"buildNavigationMenuConfig",value:function(e){var t=n.buildMenuNavigationItems(e),a={componentClass:g.default,props:{menuItems:t},refuseRoutingStackNavigation:0===t.length};return{"/":{path:"/",component:{tiny:a,small:a}}}}},{key:"buildApplicationMenus",value:function(e,t){var n=e.nameConfig,a=e.utilityConfig,i=e.extensions;if(t){var o={};return Object.keys(t).forEach((function(e){var u=O({},t[e]),r=O({},u.component);b.forEach((function(e){if(r[e]){var t=O({},r[e]),o=O({},t.props);o.applicationMenuWrapperProps={contentComponentClass:t.componentClass,nameConfig:n,utilityConfig:a,extensions:i},t.props=o,t.componentClass=h.default,r[e]=t}})),u.component=r,o[e]=u})),o}}},{key:"buildRoutingConfig",value:function(e){var t=e.routingConfig;return O(O({},t),{},{menu:n.buildApplicationMenus(e,O(O({},t.menu),n.buildNavigationMenuConfig(e)))})}},{key:"getDerivedStateFromProps",value:function(e,t){return t.prevProps.nameConfig!==e.nameConfig||t.prevProps.utilityConfig!==e.utilityConfig||t.prevProps.routingConfig!==e.routingConfig||t.prevProps.navigationItems!==e.navigationItems||t.prevProps.indexPath!==e.indexPath?{applicationLayoutRoutingConfig:n.buildRoutingConfig(e)}:null}}]),n}(f.default.Component);E.propTypes=k,E.defaultProps={navigationItems:[]};t.default=E,t.Utils={helpers:C.default,utilityHelpers:P.default,propTypes:_.default}},57169:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(56690)),o=a(n(89728)),u=a(n(66115)),r=a(n(61655)),l=a(n(94993)),s=a(n(73808)),f=a(n(67294)),c=a(n(45697)),d=n(39711),p=a(n(40338)),m=a(n(83003)),y=a(n(9071));function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,s.default)(e);if(t){var i=(0,s.default)(this).constructor;n=Reflect.construct(a,arguments,i)}else n=a.apply(this,arguments);return(0,l.default)(this,n)}}var h={title:c.default.string,menuItems:c.default.arrayOf(c.default.shape({text:c.default.string.isRequired,path:c.default.string.isRequired,hasSubMenu:c.default.bool})),layoutConfig:y.default.layoutConfigPropType.isRequired,routingStackDelegate:m.default.propType.isRequired,location:c.default.shape({pathname:c.default.string}).isRequired},v="routingMenuRootMenuKey",_=function(e){(0,r.default)(n,e);var t=g(n);function n(e){var a;return(0,i.default)(this,n),(a=t.call(this,e)).handleMenuChange=a.handleMenuChange.bind((0,u.default)(a)),a.state={selectedChildKey:n.getSelectedChildKey(e.location.pathname,e.menuItems),prevPropsLocationPathName:e.location.pathname,prevPropsMenuItems:e.menuItems},a}return(0,o.default)(n,[{key:"handleMenuChange",value:function(e,t){var n,a=this.props,i=a.routingStackDelegate,o=a.layoutConfig;return t.metaData.externalLink?n=function(){return window.open(t.metaData.externalLink.path,t.metaData.externalLink.target||"_blank")}:(this.setState({selectedChildKey:t.selectedChildKey}),n=function(){return i.show({path:t.metaData.path})}),!t.metaData.hasSubMenu&&o.toggleMenu?o.toggleMenu().then((function(){n()})):Promise.resolve().then((function(){return n()}))}},{key:"render",value:function(){var e=this.props,t=e.title,a=e.routingStackDelegate,i=e.menuItems,o=this.state.selectedChildKey,u=n.buildSideMenuItems(i);return u.push({key:v,text:t||"",childKeys:u.map((function(e){return e.key})),isRootMenu:!a.showParent&&!t}),f.default.createElement(p.default,{menuItems:u,onChange:this.handleMenuChange,routingStackBack:a.showParent,selectedMenuKey:v,selectedChildKey:o,"data-routing-menu":!0})}}],[{key:"buildSideMenuItems",value:function(e){return e.map((function(e){return{key:e.path,text:e.text,hasSubMenu:!!e.hasSubMenu,metaData:{path:e.path,externalLink:e.externalLink,hasSubMenu:!!e.hasSubMenu}}}))}},{key:"getDerivedStateFromProps",value:function(e,t){return e.location.pathname!==t.prevPropsLocationPathName||e.menuItems!==t.prevPropsMenuItems?{prevPropsLocationPathName:e.location.pathname,prevPropsMenuItems:e.menuItems,selectedChildKey:n.getSelectedChildKey(e.location.pathname,e.menuItems)}:null}},{key:"getSelectedChildKey",value:function(e,t){for(var n=0,a=t.length;n=5.0.2 <7.0.0")))),(0,i.mdx)("h2",{id:"integration-with-terra"},"Integration with Terra"),(0,i.mdx)("p",null,"To easily integrate react-final-form with Terra form elements, we have created individual Field components inside of terra-form-input (InputField), terra-form-textarea (TextareaField), terra-form-radio (RadioField) and terra-form-checkbox (CheckboxField). For integrating with terra-form-select components, a Select element can be combined with a terra-form-field component. There are future enhancements to add a Field component to terra-form-select."),(0,i.mdx)("p",null,"For all of these field components, the isInvalid and error props of the Fields will be set from the data coming from react-final-form."),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("p",null,"react-final-form consists of a wrapping Form element that houses the validation logic, and Field elements that validate individual inputs of a given form."),(0,i.mdx)("p",null,"To start, you need to import the Form component from react-final-form, and set the onSubmit and render props of the Form. onSubmit is a function with a single argument that is an object of the submitted form values, and the render function is essentially a function that returns a native form rendered in react. The render function has several different props provided by react-final-form that can be used for creating your forms (see ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form#formrenderprops"},"form render props")," for all possible options). One thing to note is that inside the render function, handleSubmit needs to be passed into the native form component as well."),(0,i.mdx)("p",null,"When rendering individual fields inside the form, there are a few things that need to be done. The first is to create a Field component using the Field object from react-final-form, and setting the name, initial value, and validate props. Then inside the Field children, render a function with the arguments input and meta. The input prop contains information specific to the event such as value and name, and meta includes information related to field errors, submission state, validity status. You can view more of the provided attributes ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form#fieldrenderprops"},"here"),". For immediate use, make sure that the function returns a form element with the onChange, value, and other input attributes set appropriately."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"NOTE:")," When using ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/final-form/react-final-form"},"react-final-form")," for validation, we recommend disabling HTML5 form validation by adding the ",(0,i.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-novalidate"},(0,i.mdx)("inlineCode",{parentName:"a"},"noValidate")," boolean attribute")," to your form element."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-html"},"
\n")),(0,i.mdx)("p",null,"See links in the sidebar for working with additional validation events and writing custom validations."),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(l.Z,{title:"Basic Form Validation Example",mdxType:"DefaultFormValidation"}))}s.isMDXComponent=!0},30715:function(e,t,n){n.d(t,{Z:function(){return f}});var r=n(67294),a=n(99906),i=n(87462),o=n(44925),l=n(81254),u=["components"],d={};function m(e){var t=e.components,n=(0,o.Z)(e,u);return(0,l.mdx)("wrapper",(0,i.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Form, Field } from 'react-final-form';\nimport InputField from 'terra-form-input/lib/InputField';\nimport TextareaField from 'terra-form-textarea/lib/TextareaField';\nimport Button from 'terra-button';\nimport Spacer from 'terra-spacer';\n\nconst validateUniqueUser = async (name) => {\n const response = new Promise((resolve) => {\n if (name !== 'TerraUser') {\n return resolve('');\n }\n\n return resolve('Name is Unavailable');\n });\n\n await response;\n return response;\n};\n\nexport default class MainEntry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n this.submitForm = this.submitForm.bind(this);\n this.renderForm = this.renderForm.bind(this);\n }\n\n submitForm(values) {\n this.setState({\n submittedValues: values,\n });\n }\n\n renderForm({ handleSubmit }) {\n return (\n \n \n {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n value={input.value}\n />\n )}\n \n \n {({ input, meta }) => (\n { input.onChange(e.target.value); }}\n value={input.value}\n required\n />\n )}\n \n \n {i !== 0 ? : null}\n \n ));\n }\n\n return (\n
\n \n
\n );\n }\n}\n\nSlideGroupDemo.propTypes = {\n isAnimated: PropTypes.bool,\n};\n\nexport default SlideGroupDemo;\n\n")))}h.isMDXComponent=!0;var _=n(49271),v=["components"],b={};function y(e){var t=e.components,n=(0,r.Z)(e,v);return(0,o.mdx)("wrapper",(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .container {\n height: 250px;\n overflow: hidden;\n position: relative;\n width: 400px;\n }\n\n .slide {\n background-color: #add8e6;\n height: 100%;\n padding: 5px;\n }\n\n .content-wrapper {\n height: 200px;\n overflow: hidden;\n position: relative;\n width: 400px;\n }\n\n .button {\n background-color: #d3d3d3;\n }\n\n .custom-slide {\n height: 200px !important;\n }\n}\n\n")))}y.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(_.Z,{title:t||"Slide Group Demo",description:n,example:l.createElement(p.Z,null),exampleCssSrc:l.createElement(y,null),exampleSrc:l.createElement(h,null),isExpanded:a})},E=n(11988),N=["components"],S={};function T(e){var t=e.components,n=(0,r.Z)(e,N);return(0,o.mdx)("wrapper",(0,a.Z)({},S,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport SlideGroup from 'terra-slide-group';\nimport styles from './SlideGroupDemo.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass SlideGroupDemo extends React.Component {\n constructor(props) {\n super(props);\n\n this.increment = this.increment.bind(this);\n this.decrement = this.decrement.bind(this);\n\n this.state = {\n counter: 1,\n };\n }\n\n increment() {\n this.setState(prevState => ({\n counter: prevState.counter + 1,\n }));\n }\n\n decrement() {\n this.setState(prevState => ({\n counter: prevState.counter - 1,\n }));\n }\n\n render() {\n const slides = [];\n for (let i = 0; i < this.state.counter; i += 1) {\n slides.push((\n \n

\n Slide\n {i}\n

\n
\n \n {i !== 0 ? : null}\n \n ));\n }\n\n return (\n
\n \n
\n );\n }\n}\n\nSlideGroupDemo.propTypes = {\n isAnimated: PropTypes.bool,\n};\n\nconst AnimatedSlideGroup = () => (\n \n);\nexport default AnimatedSlideGroup;\n\n")))}T.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(_.Z,{title:t||"Slide Group Demo Animated",description:n,example:l.createElement(E.Z,null),exampleCssSrc:l.createElement(y,null),exampleSrc:l.createElement(T,null),isExpanded:a})},C=["components"],D={},k="wrapper";function G(e){var t=e.components,n=(0,r.Z)(e,C);return(0,o.mdx)(k,(0,a.Z)({},D,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-slide-group"},"Terra Slide Group"),(0,o.mdx)("p",null,"The SlideGroup is a utility component that utilizes the ",(0,o.mdx)("inlineCode",{parentName:"p"},"react-transition-group")," library to present a stack of components in an\nanimated fashion."),(0,o.mdx)("p",null,"The last component in the group is visible, and all others are hidden. While the hidden components are not visible and\nmarked with the ",(0,o.mdx)("inlineCode",{parentName:"p"},"aria-hidden")," attribute, they are not actually unmounted."),(0,o.mdx)("p",null,"When a slide is disclosed, non-visible focus is assigned to the outermost slide container. Any component utilizing the SlideGroup will need to handle the keyboard accessibility of the content on each slide."),(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-slide-group"))))),(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)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SlideGroup from 'terra-slide-group';\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(g,{title:"Non-Animated SlideGroup",mdxType:"SlideGroupDemo"}),(0,o.mdx)(w,{title:"Animated SlideGroup",mdxType:"SlideGroupDemoAnimated"}),(0,o.mdx)("h2",{id:"slide-group-props-table"},"Slide Group Props Table"),(0,o.mdx)(c,{mdxType:"SlideGroupPropsTable"}))}G.isMDXComponent=!0},94941:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-group",name:"terra-slide-group",version:"4.33.0",url:t})}},74254:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(56690)),l=a(n(89728)),o=a(n(66115)),i=a(n(61655)),d=a(n(94993)),u=a(n(73808)),s=a(n(67294)),m=a(n(45697)),c=a(n(47166)),p=a(n(46829)),f=a(n(71534));function x(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,u.default)(e);if(t){var r=(0,u.default)(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return(0,d.default)(this,n)}}var h=c.default.bind(f.default),_=function(e){(0,i.default)(n,e);var t=x(n);function n(e){var a;return(0,r.default)(this,n),(a=t.call(this,e)).increment=a.increment.bind((0,o.default)(a)),a.decrement=a.decrement.bind((0,o.default)(a)),a.state={counter:1},a}return(0,l.default)(n,[{key:"increment",value:function(){this.setState((function(e){return{counter:e.counter+1}}))}},{key:"decrement",value:function(){this.setState((function(e){return{counter:e.counter-1}}))}},{key:"render",value:function(){for(var e=[],t=0;t