\n
\n )}\n Form Submitted Successfully With
\n{JSON.stringify(this.state.submittedValues, 0, 2)}\n \n \n (\n (\n (\n
\n \n \n (\n (\n (\n
\n \n \n );\n }\n\n render() {\n return (\n \n
\n )}\n Form Submitted Successfully With
\n{JSON.stringify(this.state.submittedValues, 0, 2)}\n \n
\n )}\n Form Submitted Successfully With
\n{JSON.stringify(this.state.submittedValues, 0, 2)}\n {message}
\n \n );\n};\n\nexport default SliderWithOnChangeCallback;\n\n")))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Slider With On Change Callback",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},66367:function(e,n,a){a.d(n,{Z:function(){return s}});var l=a(67294),t=a(83816),r=a(87462),m=a(44925),i=a(81254),d=["components"],u={};function o(e){var n=e.components,a=(0,m.Z)(e,d);return(0,i.mdx)("wrapper",(0,r.Z)({},u,a,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport Slider from \'terra-slider\';\n\nconst SliderWithValueUpdate = () => {\n const [value, setValue] = useState(\'20\');\n\n const setSliderValue = () => {\n setValue(80);\n };\n\n const handleChange = (v) => {\n setValue(v);\n };\n const message = `Slider value is: ${value}`;\n\n return (\n\n
\n );\n};\n\nexport default SliderWithValueUpdate;\n\n')))}o.isMDXComponent=!0;var p=a(49271),s=function(e){var n=e.title,a=e.description,r=e.isExpanded;return l.createElement(p.Z,{title:n||"Slider With Value Update",description:a,example:l.createElement(t.Z,null),exampleSrc:l.createElement(o,null),isExpanded:r})}},45811:function(e,n,a){a.d(n,{C:function(){return r}});var l=a(67294),t=a(22863),r=function(e){var n=e.url;return l.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slider",name:"terra-slider",version:"1.1.1",url:n})}},80795:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{minimumValue:0,maximumValue:100,label:"Zoom",minimumLabel:"0%",maximumLabel:"100%",value:20})}},38734:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{minimumValue:0,maximumValue:100,label:"Size",value:50})}},6922:function(e,n,a){var l=a(64836);n.Z=void 0;var t=l(a(67294)),r=l(a(19270));n.Z=function(){return t.default.createElement(r.default,{isDisabled:!0,minimumValue:0,maximumValue:100,label:"Size",value:50})}},99683:function(e,n,a){var l=a(64836),t=a(18698);n.Z=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=d(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(19270));function d(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:n})(e)}n.Z=function(){var e=(0,m.useState)("20"),n=(0,r.default)(e,2),a=n[0],l=n[1],t="Slider value is: ".concat(a);return m.default.createElement(m.default.Fragment,null,m.default.createElement(i.default,{minimumValue:0,maximumValue:100,label:"Zoom",value:a,onChange:function(e){l(e)}}),m.default.createElement("p",null,t))}},83816:function(e,n,a){var l=a(64836),t=a(18698);n.Z=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=d(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(19270));function d(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:n})(e)}n.Z=function(){var e=(0,m.useState)("20"),n=(0,r.default)(e,2),a=n[0],l=n[1],t="Slider value is: ".concat(a);return m.default.createElement("div",null,m.default.createElement(i.default,{minimumValue:0,maximumValue:100,label:"Zoom",value:a,onChange:function(e){l(e)}}),m.default.createElement("p",null,t),m.default.createElement("button",{text:"Set slider value",type:"button",onClick:function(){l(80)},id:"slider-set-value-button"}," Set slider value to 80 "))}},19270:function(e,n,a){var l=a(64836),t=a(18698);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=l(a(27424)),m=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=x(n);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var i=r?Object.getOwnPropertyDescriptor(e,m):null;i&&(i.get||i.set)?Object.defineProperty(l,m,i):l[m]=e[m]}return l.default=e,a&&a.set(e,l),l}(a(67294)),i=l(a(45697)),d=l(a(47166)),u=l(a(47341)),o=l(a(29270)),p=a(25387),s=a(55877),c=l(a(86495));function x(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,a=new WeakMap;return(x=function(e){return e?a:n})(e)}var f=d.default.bind(c.default),y={label:i.default.string.isRequired,minimumValue:i.default.number.isRequired,maximumValue:i.default.number.isRequired,value:i.default.number.isRequired,isDisabled:i.default.bool,minimumLabel:i.default.string,maximumLabel:i.default.string,onChange:i.default.func,intl:i.default.shape({formatMessage:i.default.func}).isRequired},v=function(e){var n=e.isDisabled,a=e.intl,l=e.minimumValue,t=e.maximumValue,i=e.label,d=e.minimumLabel,p=e.maximumLabel,c=e.onChange,x=e.value,y=(0,m.useContext)(u.default),v=f(["slider",y.className]),b=(0,m.useRef)(),g=d||l,h=p||t,T=d&&p?a.formatMessage({id:"Terra.slider.ariaDescribedByTextWithLabels"},{minimumLabel:d,maximumLabel:p,minimumValue:l,maximumValue:t}):a.formatMessage({id:"Terra.slider.ariaDescribedByTextWithoutLabels"},{minimumValue:l,maximumValue:t}),S=(0,s.v4)(),C=(0,m.useState)(x),N=(0,r.default)(C,2),D=N[0],_=N[1];(0,m.useEffect)((function(){_(x)}),[x]);return m.default.createElement("div",{style:{"--terra-slider-progress-status":"".concat(D,"%")},className:v},m.default.createElement("span",{className:f("label"),"aria-hidden":"true"},i),m.default.createElement("span",{className:f("slider-label","slider-min-label"),"aria-hidden":"true"},g),m.default.createElement("input",{className:f("input-range"),type:"range",ref:b,"aria-label":i,"aria-describedby":S,value:D,disabled:n,min:l,max:t,onChange:function(e){_(e.currentTarget.value),c&&c(e.currentTarget.value)}}),m.default.createElement("span",{className:f("slider-label","slider-max-label"),"aria-hidden":"true"},h),m.default.createElement(o.default,{id:S,text:T}))};v.propTypes=y,v.defaultProps={isDisabled:!1};n.default=(0,p.injectIntl)(v)},86495:function(e,n,a){a.r(n),n.default={"orion-fusion-theme":"Slider-module__orion-fusion-theme___8lFzi","clinical-lowlight-theme":"Slider-module__clinical-lowlight-theme___ou4Xa",slider:"Slider-module__slider___p5WX-",label:"Slider-module__label___9ub6Z","slider-label":"Slider-module__slider-label___fdXlu","slider-min-label":"Slider-module__slider-min-label___zedNZ","slider-max-label":"Slider-module__slider-max-label___6gGpy","input-range":"Slider-module__input-range___9Lrsz"}}}]);
\ No newline at end of file
diff --git a/pull/1911/33523-03860fa4559432622aa5.css b/pull/1911/33523-03860fa4559432622aa5.css
new file mode 100644
index 00000000000..cb4d8f84554
--- /dev/null
+++ b/pull/1911/33523-03860fa4559432622aa5.css
@@ -0,0 +1,8 @@
+.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-background-color: #2d3539;--terra-table-row-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-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-background-color: #fefffe}[dir] .Row-module__striped-table-row___0o1z0:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-table-row-striped-background-color, #f0f0f0)}[dir] .Row-module__row___kR-J-{background-color:#fff;background-color:var(--terra-table-row-background-color, #fff)}[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-.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)}
+.Section-module__clinical-lowlight-theme___CmVbA{--terra-table-row-striped-background-color: #2d3539;--terra-table-row-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}.Section-module__orion-fusion-theme___42iAO{--terra-table-row-striped-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-background-color: #fefffe}.Section-module__section___Rf5QD.Section-module__collapsed___M5LcR{display:none}.Section-module__header___Q0nuu{position:relative;z-index:3}[dir=ltr] .Section-module__header___Q0nuu th{border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Section-module__header___Q0nuu th{border-right:1px solid #dedfe0;border-right:var(--terra-table-cell-border-left, 1px solid #dedfe0);border-left:1px solid #dedfe0;border-left:var(--terra-table-cell-border-right, 1px solid #dedfe0)}
+.ColumnResizeHandle-module__orion-fusion-theme___uvYEY{--terra-table-resize-handle-active-border-color: #517ea5;--terra-table-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___MWieH{--terra-table-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-table-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___rckkL{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___rckkL{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___rckkL{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___rckkL{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___rckkL:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___rckkL:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-table-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[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))}[dir] .ColumnResizeHandle-module__resize-handle-selected___-zzct{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-table-resize-handle-active-border-color, rgb(34, 42, 46)) !important}
+.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-left: 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: #4e5356;--terra-table-column-header-background-color: #f4f4f4;--terra-table-column-header-border-bottom: 2px solid #9b9fa1;--terra-table-column-header-border-left: 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;-ms-flex-direction:row;flex-direction:row;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 .ColumnHeaderCell-module__display-text___A4k3l{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l{text-align:right}.ColumnHeaderCell-module__column-header___oWlRh .ColumnHeaderCell-module__display-text___A4k3l.ColumnHeaderCell-module__hidden___Tu-Xs{color:rgba(0,0,0,0)}[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)}
+.ColumnHeader-module__hidden___I3b7-{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___I3b7-{border:0;margin:-1px;padding:0}
+.Table-module__clinical-lowlight-theme___G2b7R{--terra-table-cell-focus-outline: 3px dashed #fff;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #181b1d}.Table-module__orion-fusion-theme___iu\+p1{--terra-table-cell-focus-outline: 3px dashed #000;--terra-table-cell-focus-outline-offset: -2px;--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.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}[dir=ltr] .Table-module__table___wcFdg{margin-right:15px}[dir=rtl] .Table-module__table___wcFdg{margin-left:15px}.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)}[dir] .Table-module__headerless___eod6K tr:first-child td, [dir] .Table-module__headerless___eod6K tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)}
diff --git a/pull/1911/33523-03860fa4559432622aa5.js b/pull/1911/33523-03860fa4559432622aa5.js
new file mode 100644
index 00000000000..3233908ecc1
--- /dev/null
+++ b/pull/1911/33523-03860fa4559432622aa5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[33523],{92320: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(12810)),o=[{id:"Column-0",displayName:"Vitals"},{id:"Column-1",displayName:"March 16"},{id:"Column-2",displayName:"March 17"}],d=[{id:"1",cells:[{content:"Heart Rate Monitored (bpm)"},{content:"68"},{content:"66"}]},{height:"150px",id:"2",cells:[{content:"Temperature Oral (degC)"},{content:"36.7",isMasked:!0},{content:"36.9",isMasked:!0}]},{id:"3",cells:[{content:"Cardiac Index (L/min/m2)"},{content:"2.25"},{content:"2.28"}]},{id:"4",cells:[{content:"ICP (mmHg)",isMasked:!0},{content:"11"},{content:"11"}]},{id:"5",cells:[{content:"CPP (mmHg)"},{content:"63"},{content:"47"}]}];t.default=function(){var e=o,t=d;return n.default.createElement("div",{id:"scroll-test-container",style:{padding:"10px"}},n.default.createElement("div",{style:{height:"200px",marginBottom:"20px"}},n.default.createElement(r.default,{id:"scroll-test-1",overflowColumns:e,rows:t,rowHeaderIndex:0,columnHeaderHeight:"50px",ariaLabel:"table"})),n.default.createElement("div",{style:{height:"300px",marginBottom:"20px"}},n.default.createElement(r.default,{id:"scroll-test-2",overflowColumns:e,rows:t,rowHeaderIndex:0,columnHeaderHeight:"50px",ariaLabel:"table"})),n.default.createElement("div",{style:{width:"400px"}},n.default.createElement(r.default,{id:"scroll-test-3",overflowColumns:e,rows:t,rowHeaderIndex:0,columnHeaderHeight:"50px",ariaLabel:"table"})))}}}]);
\ No newline at end of file
diff --git a/pull/1911/33593-49d7324814860a37cd70.js b/pull/1911/33593-49d7324814860a37cd70.js
new file mode 100644
index 00000000000..bd13301ba6b
--- /dev/null
+++ b/pull/1911/33593-49d7324814860a37cd70.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_framework=self.webpackChunkterra_framework||[]).push([[33593],{46530: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(50826)),l=r(a(76414));t.default=function(){return n.default.createElement(l.default,null,function(){for(var e=[],t=0;t<45;t+=1){var a=n.default.createElement(l.default.Pane,{label:"Search".concat(t),icon:n.default.createElement(u.default,null),isIconOnly:!0,key:"Search".concat(t),id:"search".concat(t)});e.push(a)}return e}())}},30217:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(a(67294)),n=u(a(99139));function u(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t{message}
\n \n\n
\n );\n};\n\nexport default Themed;\n\n")))}i.isMDXComponent=!0;var s=n(49271),p=["components"],f={};function h(e){var t=e.components,n=(0,l.Z)(e,p);return(0,o.mdx)("wrapper",(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},"//Themes\n@import './ThemedComponent.clinical-lowlight-theme.module';\n@import './ThemedComponent.orion-fusion-theme.module';\n@import './ThemedComponent.test-theme.module';\n\n:local {\n .themed {\n height: 100%;\n overflow: auto;\n padding: 24px;\n position: relative;\n }\n\n .themed-block {\n background-color: var(--terra-framework-docs-terra-theme-context-themed-component-block-background-color, #0079be);\n height: 24px;\n }\n}\n\n")))}h.isMDXComponent=!0;var x=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.Z,{title:t||"Themed Component",description:n,example:r.createElement(d.default,null),exampleCssSrc:r.createElement(h,null),exampleSrc:r.createElement(i,null),isExpanded:a})},_=["components"],g={},v="wrapper";function b(e){var t=e.components,n=(0,l.Z)(e,_);return(0,o.mdx)(v,(0,a.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(m.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-theme-context"},"Terra Theme Context"),(0,o.mdx)("p",null,"A React context to provide the current theme. This package is intended to be used by Terra components only. Any terra consumers or custom Terra components should consume the context from the ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application")," package."),(0,o.mdx)("p",null,"This context can be used to apply any theme related changes to a component."),(0,o.mdx)("p",null,"The most common use would be to apply a theme class to the root tag of the component to apply theme variables. See below for an example."),(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-theme-context"))))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ThemeContext from 'terra-theme-context';\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(x,{title:"A component using the theme context",mdxType:"ThemedComponent"}),(0,o.mdx)("h2",{id:"context-value"},"Context Value"),(0,o.mdx)("p",null,"The ThemeContext provides an object with the following values:"),(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},"Key Name"),(0,o.mdx)("th",{parentName:"tr",align:null},"Type"),(0,o.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,o.mdx)("th",{parentName:"tr",align:null},"DefaultValue"),(0,o.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"name")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"optional"),(0,o.mdx)("td",{parentName:"tr",align:null},"undefined"),(0,o.mdx)("td",{parentName:"tr",align:null},"The current application theme name. This field requires use of the terra-functional-testing webpack config.")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},(0,o.mdx)("inlineCode",{parentName:"td"},"className")),(0,o.mdx)("td",{parentName:"tr",align:null},"String"),(0,o.mdx)("td",{parentName:"tr",align:null},"optional"),(0,o.mdx)("td",{parentName:"tr",align:null},"undefined"),(0,o.mdx)("td",{parentName:"tr",align:null},"The current application theme className. The default theme is indicated as undefined or empty string.")))))}b.isMDXComponent=!0},87981:function(e,t,n){n.d(t,{Z:function(){return s}});var a=n(67294),l=n(52535),r=n(87462),o=n(44925),m=n(81254),d=["components"],c={};function u(e){var t=e.components,n=(0,o.Z)(e,d);return(0,m.mdx)("wrapper",(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n\nimport ThemedComponent from './ThemedComponent';\n\nconst ThemeContextProviderExample = () => (\n \n {`Theme Name: ${theme.name}`}\n
\n \n\n
\n
\n );\n }\n}\n\nconst ArrowMenu = () => (\n \n \n \n \n \n } isReversed refCallback={this.setButtonNode} />\n
\n \n
\n Action button has been clicked\n {\' \'}\n {this.state.actionClickCount}\n {\' \'}\n times.\n
\n\n
\n );\n }\n}\n\nBasicMenu.propTypes = propTypes;\n\nexport default BasicMenu;\n\n')))}w.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,l=e.isExpanded;return i.createElement(S.Z,{title:t||"Basic Menu",description:n,example:i.createElement(M.default,null),exampleCssSrc:i.createElement(I,null),exampleSrc:i.createElement(w,null),isExpanded:l})},W=n(322),P=["components"],A={};function j(e){var t=e.components,n=(0,a.Z)(e,P);return(0,o.mdx)("wrapper",(0,l.Z)({},A,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport BasicMenu from './BasicMenu';\nimport styles from './MenuBounded.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass MenuBounded extends React.Component {\n constructor(props) {\n super(props);\n this.setParentNode = this.setParentNode.bind(this);\n this.getParentNode = this.getParentNode.bind(this);\n }\n\n setParentNode(node) {\n this.parentNode = node;\n }\n\n getParentNode() {\n return this.parentNode;\n }\n\n render() {\n return (\n \n \n \n \n \n } isReversed refCallback={this.setButtonNode} />\n
\n \n \n \n
\n
\n\n
\n );\n }\n}\n\nexport default MenuWidths;\n\n')))}U.isMDXComponent=!0;var L=function(e){var t=e.title,n=e.description,l=e.isExpanded;return i.createElement(S.Z,{title:t||"Menu Widths",description:n,example:i.createElement(V.Z,null),exampleSrc:i.createElement(U,null),isExpanded:l})},z=n(14640),J=["components"],K={};function Q(e){var t=e.components,n=(0,a.Z)(e,J);return(0,o.mdx)("wrapper",(0,l.Z)({},K,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport PropTypes from 'prop-types';\nimport Menu from 'terra-menu';\nimport IconCaretDown from 'terra-icon/lib/icon/IconCaretDown';\nimport classNames from 'classnames/bind';\nimport styles from './BasicMenu.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst propTypes = {\n isArrowDisplayed: PropTypes.bool,\n contentWidth: PropTypes.string,\n boundingRef: PropTypes.func,\n};\n\nclass MenuWithInstructionsForUse extends React.Component {\n constructor(props) {\n super(props);\n this.handleButtonClick = this.handleButtonClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.setButtonNode = this.setButtonNode.bind(this);\n this.getButtonNode = this.getButtonNode.bind(this);\n this.handleAction = this.handleAction.bind(this);\n this.handleCloseOnClick = this.handleCloseOnClick.bind(this);\n this.state = {\n open: false,\n actionClickCount: 0,\n };\n }\n\n handleButtonClick() {\n this.setState({ open: true });\n }\n\n handleRequestClose() {\n this.setState({ open: false });\n }\n\n handleCloseOnClick(event) {\n event.preventDefault();\n this.handleRequestClose();\n }\n\n handleAction(event) {\n event.preventDefault();\n const newState = this.state;\n newState.actionClickCount += 1;\n this.setState(newState);\n this.handleRequestClose();\n }\n\n setButtonNode(node) {\n this.buttonNode = node;\n }\n\n getButtonNode() {\n return this.buttonNode;\n }\n\n render() {\n return (\n \n
\n\n
\n
\n
\n );\n }\n}\n\nMenuWithInstructionsForUse.propTypes = propTypes;\n\nexport default MenuWithInstructionsForUse;\n\n")))}Q.isMDXComponent=!0;var Y=function(e){var t=e.title,n=e.description,l=e.isExpanded;return i.createElement(S.Z,{title:t||"Menu With Instructions For Use",description:n,example:i.createElement(z.Z,null),exampleCssSrc:i.createElement(I,null),exampleSrc:i.createElement(Q,null),isExpanded:l})},$=n(46124),ee=["components"],te={};function ne(e){var t=e.components,n=(0,a.Z)(e,ee);return(0,o.mdx)("wrapper",(0,l.Z)({},te,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport PropTypes from 'prop-types';\nimport Menu from 'terra-menu';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport IconBriefcase from 'terra-icon/lib/icon/IconBriefcase';\nimport IconBookmark from 'terra-icon/lib/icon/IconBookmark';\nimport IconCalendar from 'terra-icon/lib/icon/IconCalendar';\nimport IconEnvelope from 'terra-icon/lib/icon/IconEnvelope';\nimport IconPrinter from 'terra-icon/lib/icon/IconPrinter';\nimport IconCaretDown from 'terra-icon/lib/icon/IconCaretDown';\nimport classNames from 'classnames/bind';\nimport styles from './BasicMenu.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst propTypes = {\n isArrowDisplayed: PropTypes.bool,\n contentWidth: PropTypes.string,\n boundingRef: PropTypes.func,\n};\n\nclass MenuWithCustomIcons extends React.Component {\n constructor(props) {\n super(props);\n this.handleButtonClick = this.handleButtonClick.bind(this);\n this.handleRequestClose = this.handleRequestClose.bind(this);\n this.setButtonNode = this.setButtonNode.bind(this);\n this.getButtonNode = this.getButtonNode.bind(this);\n this.handleAction = this.handleAction.bind(this);\n this.handleOnClick = this.handleOnClick.bind(this);\n this.state = {\n open: false,\n actionClickCount: 0,\n };\n }\n\n handleButtonClick() {\n this.setState({ open: true });\n }\n\n handleOnClick(event) {\n event.preventDefault();\n this.handleRequestClose();\n }\n\n handleRequestClose() {\n this.setState({ open: false });\n }\n\n handleAction(event) {\n event.preventDefault();\n let { actionClickCount } = this.state;\n actionClickCount += 1;\n this.setState({ actionClickCount });\n this.handleRequestClose();\n }\n\n setButtonNode(node) {\n this.buttonNode = node;\n }\n\n getButtonNode() {\n return this.buttonNode;\n }\n\n render() {\n return (\n \n \n
\n \n
\n Instructions Icon has been clicked\n {' '}\n {this.state.actionClickCount}\n {' '}\n times.\n
\n\n
\n );\n }\n}\n\nMenuWithCustomIcons.propTypes = propTypes;\n\nexport default MenuWithCustomIcons;\n\n")))}ne.isMDXComponent=!0;var le=function(e){var t=e.title,n=e.description,l=e.isExpanded;return i.createElement(S.Z,{title:t||"Menu With Custom Icons",description:n,example:i.createElement($.Z,null),exampleCssSrc:i.createElement(I,null),exampleSrc:i.createElement(ne,null),isExpanded:l})},ae=["components"],ie={},oe="wrapper";function de(e){var t=e.components,n=(0,a.Z)(e,ae);return(0,o.mdx)(oe,(0,l.Z)({},ie,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-menu"},"Terra Menu"),(0,o.mdx)("p",null,"The menu is a popup component that displays a list of items, item groups, and dividers. Menu Items can be actionable, have toggle-style selection, or have nested submenu items. Menu Item groups are a single-select grouping of menu items.\nThe Menu will determine the height of the popup based on the number of items in the main menu."),(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-menu"))))),(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)("p",null,"For ",(0,o.mdx)("inlineCode",{parentName:"p"},"Menu Item")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"Menu Item Group"),", importing menu is sufficient and one can make use of ",(0,o.mdx)("inlineCode",{parentName:"p"},"\n \n
\n