diff --git a/pull/4102/063dc27d0a6022ff7002669efc381dc2.jpg b/pull/4102/063dc27d0a6022ff7002669efc381dc2.jpg new file mode 100644 index 00000000000..322764f2399 Binary files /dev/null and b/pull/4102/063dc27d0a6022ff7002669efc381dc2.jpg differ diff --git a/pull/4102/10046-7a058016a8e577bdfaea.css b/pull/4102/10046-7a058016a8e577bdfaea.css new file mode 100644 index 00000000000..8ea2e391f07 --- /dev/null +++ b/pull/4102/10046-7a058016a8e577bdfaea.css @@ -0,0 +1 @@ +[dir=ltr] .RadioTestCommon-module__spacing___GcYtL{margin-left:2px}[dir=rtl] .RadioTestCommon-module__spacing___GcYtL{margin-right:2px} diff --git a/pull/4102/10046-7a058016a8e577bdfaea.js b/pull/4102/10046-7a058016a8e577bdfaea.js new file mode 100644 index 00000000000..5799457f1e5 --- /dev/null +++ b/pull/4102/10046-7a058016a8e577bdfaea.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10046],{10046:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=f(a(96540)),l=f(a(78412)),d=f(a(67967)),n=f(a(13715));function f(e){return e&&e.__esModule?e:{default:e}}var r=d.default.bind(n.default);t.default=function(){return u.default.createElement("div",{className:r("spacing")},u.default.createElement(l.default,{id:"default",labelText:"Default Radio"}))}},13715:function(e,t,a){a.r(t),t.default={spacing:"RadioTestCommon-module__spacing___GcYtL"}}}]); \ No newline at end of file diff --git a/pull/4102/10165-4f0f945b49d48f9a0f9e.css b/pull/4102/10165-4f0f945b49d48f9a0f9e.css new file mode 100644 index 00000000000..7520efc5bfa --- /dev/null +++ b/pull/4102/10165-4f0f945b49d48f9a0f9e.css @@ -0,0 +1,11 @@ +.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} +.Alert-module__clinical-lowlight-theme___mbn1G{--terra-alert-color: #b2b5b6;--terra-alert-min-height: 0;--terra-alert-icon-font-size: 1.286em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.5rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.64285rem;--terra-alert-body-margin-right: 0.7143rem;--terra-alert-body-margin-top: 0.7143rem;--terra-alert-std-margin-bottom: 0.7143rem;--terra-alert-std-margin-right: 0.6667rem;--terra-alert-section-padding-bottom: 0.142857rem;--terra-alert-section-padding-top: 0.21429rem;--terra-alert-custom-text-color: #b2b5b6;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5833rem;--terra-alert-actions-margin-bottom: 0.4286rem;--terra-alert-actions-margin-left: 0.142857rem;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 0.4286rem;--terra-alert-alert-background-color: #332425;--terra-alert-alert-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-error-background-color: #332425;--terra-alert-error-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-warning-background-color: #464232;--terra-alert-warning-box-shadow: 2px 0 0 #ffb166 inset;--terra-alert-unsatisfied-background-color: #1a2226;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #1a2226;--terra-alert-unverified-box-shadow: 2px 0 0 #9630af inset;--terra-alert-advisory-background-color: #1a2226;--terra-alert-advisory-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-info-background-color: #1a2226;--terra-alert-info-box-shadow: 2px 0 0 #5a81ff inset;--terra-alert-success-background-color: #1a2226;--terra-alert-success-box-shadow: 2px 0 0 #407d17 inset;--terra-alert-custom-background-color: #1a2226;--terra-alert-custom-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-alert-title-color: #fb4c4c;--terra-alert-error-title-color: #fb4c4c;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #9630af;--terra-alert-custom-default-color: #1c1f21;--terra-alert-focus-keyboard-box-shadow: none;--terra-alert-focus-keyboard-outline: 2px dashed #b2b5b6;--terra-alert-focus-keyboard-outline-offset: 1px}.Alert-module__orion-fusion-theme___88DP9{--terra-alert-color: #1c1f21;--terra-alert-min-height: 3.41667rem;--terra-alert-icon-font-size: 1.3333em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.475rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.5rem;--terra-alert-body-margin-right: 0.5rem;--terra-alert-body-margin-top: 0.75rem;--terra-alert-std-margin-bottom: 1rem;--terra-alert-std-margin-right: 0.5rem;--terra-alert-section-padding-bottom: 0.125rem;--terra-alert-section-padding-top: 0.29167rem;--terra-alert-custom-text-color: #1c1f21;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5rem;--terra-alert-actions-margin-bottom: 1rem;--terra-alert-actions-margin-left: 0;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 1rem;--terra-alert-alert-background-color: #fed1d1;--terra-alert-alert-box-shadow: inset 2px 0 0 #c00;--terra-alert-error-background-color: #fed1d1;--terra-alert-error-box-shadow: inset 2px 0 0 #c00;--terra-alert-warning-background-color: #fff3ce;--terra-alert-warning-box-shadow: inset 2px 0 0 #ffc20a;--terra-alert-unsatisfied-background-color: #f4f4f4;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #f4f4f4;--terra-alert-unverified-box-shadow: 2px 0 0 #78288c inset;--terra-alert-advisory-background-color: #f4f4f4;--terra-alert-advisory-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-info-background-color: #f4f4f4;--terra-alert-info-box-shadow: inset 2px 0 0 #007cc3;--terra-alert-success-background-color: #f4f4f4;--terra-alert-success-box-shadow: inset 2px 0 0 #78c346;--terra-alert-custom-background-color: #f4f4f4;--terra-alert-custom-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-alert-title-color: #1c1f21;--terra-alert-error-title-color: #1c1f21;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #78288c;--terra-alert-custom-default-color: #1c1f21}.Alert-module__alert-base___1n2OP{align-items:stretch;color:var(--terra-alert-color);display:flex;justify-content:space-between;min-height:var(--terra-alert-min-height);overflow:hidden;overflow-wrap:anywhere;width:100%}[dir] .Alert-module__alert-base___1n2OP{margin:0 0 1px}.Alert-module__narrow___Rburq{flex-direction:column}.Alert-module__wide___gnGF7{flex-direction:row}.Alert-module__icon___knN3g{display:inline-block;flex-shrink:0;font-size:1.286em;font-size:var(--terra-alert-icon-font-size, 1.286em)}[dir] .Alert-module__icon___knN3g{margin-top:var(--terra-alert-icon-margin-top)}[dir=ltr] .Alert-module__icon___knN3g{margin-left:var(--terra-alert-icon-margin-left);margin-right:0.5rem;margin-right:var(--terra-alert-icon-margin-right, 0.5rem)}[dir=rtl] .Alert-module__icon___knN3g{margin-right:var(--terra-alert-icon-margin-left);margin-left:0.5rem;margin-left:var(--terra-alert-icon-margin-right, 0.5rem)}.Alert-module__content-container___aDO1C{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative;z-index:1}.Alert-module__body___0rIor{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative}[dir] .Alert-module__body___0rIor{margin-top:0.7143rem;margin-top:var(--terra-alert-body-margin-top, 0.7143rem);padding-top:0}[dir=ltr] .Alert-module__body___0rIor{margin-left:0.64285rem;margin-left:var(--terra-alert-body-margin-left, 0.64285rem);margin-right:0.7143rem;margin-right:var(--terra-alert-body-margin-right, 0.7143rem)}[dir=rtl] .Alert-module__body___0rIor{margin-right:0.64285rem;margin-right:var(--terra-alert-body-margin-left, 0.64285rem);margin-left:0.7143rem;margin-left:var(--terra-alert-body-margin-right, 0.7143rem)}[dir] .Alert-module__body-narrow___2Jplj{margin-bottom:0}[dir] .Alert-module__body-std___qud1z{margin-bottom:0.7143rem;margin-bottom:var(--terra-alert-std-margin-bottom, 0.7143rem)}[dir=ltr] .Alert-module__body-std___qud1z{margin-right:0.6667rem;margin-right:var(--terra-alert-std-margin-right, 0.6667rem)}[dir=rtl] .Alert-module__body-std___qud1z{margin-left:0.6667rem;margin-left:var(--terra-alert-std-margin-right, 0.6667rem)}.Alert-module__focus-container___CHbk6{bottom:0;display:block;position:absolute;top:0;z-index:0}[dir=ltr] .Alert-module__focus-container___CHbk6{left:0;right:0}[dir=rtl] .Alert-module__focus-container___CHbk6{right:0;left:0}.Alert-module__focus-container___CHbk6:focus-visible{outline:2px dashed #000;outline:var(--terra-alert-focus-keyboard-outline, 2px dashed #000);outline-offset:1px;outline-offset:var(--terra-alert-focus-keyboard-outline-offset, 1px)}[dir] .Alert-module__focus-container___CHbk6:focus-visible{box-shadow:none;box-shadow:var(--terra-alert-focus-keyboard-box-shadow, none)}.Alert-module__section___N5IvN{flex:1}[dir] .Alert-module__section___N5IvN{margin-bottom:0;margin-top:0;padding-bottom:0.142857rem;padding-bottom:var(--terra-alert-section-padding-bottom, 0.142857rem);padding-top:0.21429rem;padding-top:var(--terra-alert-section-padding-top, 0.21429rem)}.Alert-module__section-custom___6924q{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}.Alert-module__title___wxbgA{display:var(--terra-alert-title-display)}[dir] .Alert-module__title___wxbgA{margin-bottom:var(--terra-alert-title-margin-bottom)}[dir=ltr] .Alert-module__title___wxbgA{float:left;float:var(--terra-alert-title-float, left);margin-right:0.5833rem;margin-right:var(--terra-alert-title-margin-right, 0.5833rem)}[dir=rtl] .Alert-module__title___wxbgA{float:right;float:var(--terra-alert-title-float, right);margin-left:0.5833rem;margin-left:var(--terra-alert-title-margin-right, 0.5833rem)}.Alert-module__actions___CeUWQ{align-items:flex-start;display:flex;flex-direction:row;flex-shrink:0;justify-content:flex-end}[dir] .Alert-module__actions___CeUWQ{margin-bottom:0.4286rem;margin-bottom:var(--terra-alert-actions-margin-bottom, 0.4286rem);margin-top:0.4286rem;margin-top:var(--terra-alert-actions-margin-top, 0.4286rem)}[dir=ltr] .Alert-module__actions___CeUWQ{margin-left:0.142857rem;margin-left:var(--terra-alert-actions-margin-left, 0.142857rem);margin-right:0.5rem;margin-right:var(--terra-alert-actions-margin-right, 0.5rem)}[dir=rtl] .Alert-module__actions___CeUWQ{margin-right:0.142857rem;margin-right:var(--terra-alert-actions-margin-left, 0.142857rem);margin-left:0.5rem;margin-left:var(--terra-alert-actions-margin-right, 0.5rem)}.Alert-module__actions-custom___dln8v{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}[dir=ltr] .Alert-module__actions___CeUWQ>:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___CeUWQ>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___CeUWQ>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___CeUWQ>:last-child{margin-left:0}[dir] .Alert-module__alert___EPG84{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___ni7J4{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___E5yyM{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___Oe\+h0{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___t0ujB{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___JtGfL{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___MOqcH{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___JFzGs{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___NnryQ{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___EPG84 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___ni7J4 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___0NACi{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___L9jja{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___5BEAR{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.colors-module__clinical-lowlight-theme___n7wvZ{--terra-core-docs-attention-example-color: #f94e4e;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #0addff}.colors-module__orion-fusion-theme___SmDk5{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #b961cf}:root{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-help-example-color: #b961cf;--terra-core-docs-dismiss-example-color: #ffa500}.colors-module__my-app-alert-attention-example___LLEN-{color:#fa0000;color:var(--terra-core-docs-attention-example-color, #fa0000)}.colors-module__my-app-alert-help-example___l0ZAi{color:#b961cf;color:var(--terra-core-docs-help-example-color, #b961cf)}.colors-module__my-app-alert-dismiss-example___xR-qR{color:#ffa500;color:var(--terra-core-docs-dismiss-example-color, #ffa500)} +.ShowHide-module__clinical-lowlight-theme___7CiAB{--terra-show-hide-focus-outline: 1px dashed;--terra-show-hide-focus-outline-offset: 1px}.ShowHide-module__orion-fusion-theme___XI7ji{--terra-show-hide-focus-outline: 1px dashed;--terra-show-hide-focus-outline-offset: 1px}.ShowHide-module__show-hide___G4rte{display:flex}[dir=ltr] .ShowHide-module__start___IHwLs{margin-right:auto}[dir=rtl] .ShowHide-module__start___IHwLs{margin-left:auto}[dir] .ShowHide-module__center___GIUyr{margin:auto}[dir=ltr] .ShowHide-module__end___SHdls{margin-left:auto}[dir=rtl] .ShowHide-module__end___SHdls{margin-right:auto}.ShowHide-module__show-hide-content___k8win .ShowHide-module__text-divider___zYZcp{visibility:hidden}.ShowHide-module__show-hide-content___k8win:focus,.ShowHide-module__show-hide-content___k8win :focus{outline:1px dashed;outline:var(--terra-show-hide-focus-outline, 1px dashed);outline-offset:1px;outline-offset:var(--terra-show-hide-focus-outline-offset, 1px)} +.Toggle-module__toggle___7fo88[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7fo88[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7fo88[aria-hidden=false]{transition-delay:0s} +._ShowHideButton-module__clinical-lowlight-theme___QEEGB{--terra-show-hide-v1-button-color: #007ee0;--terra-show-hide-v1-button-font-size: 1rem;--terra-show-hide-v1-button-line-height: 1.429;--terra-show-hide-v1-button-padding-bottom: 0.21428rem;--terra-show-hide-v1-button-padding-left: 0;--terra-show-hide-v1-button-padding-right: 0;--terra-show-hide-v1-button-padding-top: 0.21428rem;--terra-show-hide-v1-button-text-decoration: none;--terra-show-hide-v1-button-icon-height: 0.7143em;--terra-show-hide-v1-button-icon-width: 0.7143em;--terra-show-hide-v1-button-icon-margin-left: 0.28571em;--terra-show-hide-v1-button-focus-background-color: transparent;--terra-show-hide-v1-button-focus-border-radius: 0.2142rem;--terra-show-hide-v1-button-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-show-hide-v1-button-focus-color: #007ee0;--terra-show-hide-v1-button-focus-text-decoration: underline;--terra-show-hide-v1-button-hover-background-color: none;--terra-show-hide-v1-button-hover-color: #003f61;--terra-show-hide-v1-button-hover-text-decoration: underline;--terra-show-hide-v1-button-active-color: #003f61;--terra-show-hide-v1-button-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23007ee0%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-focus-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23007ee0%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-hover-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23003f61%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E")}._ShowHideButton-module__orion-fusion-theme___OcNPq{--terra-show-hide-v1-button-color: #0065a3;--terra-show-hide-v1-button-font-size: 1rem;--terra-show-hide-v1-button-line-height: 1.417;--terra-show-hide-v1-button-padding-bottom: 0;--terra-show-hide-v1-button-padding-left: 0;--terra-show-hide-v1-button-padding-right: 0;--terra-show-hide-v1-button-padding-top: 0;--terra-show-hide-v1-button-text-decoration: none;--terra-show-hide-v1-button-icon-height: 0;--terra-show-hide-v1-button-icon-width: 0;--terra-show-hide-v1-button-icon-margin-left: 0;--terra-show-hide-v1-button-focus-background-color: transparent;--terra-show-hide-v1-button-focus-border-radius: 3px;--terra-show-hide-v1-button-focus-box-shadow: 0 0 0 1px #4cb2e9, 0 0 0 3px rgba(76, 178, 233, 0.25);--terra-show-hide-v1-button-focus-color: #004c76;--terra-show-hide-v1-button-focus-text-decoration: underline;--terra-show-hide-v1-button-hover-background-color: transparent;--terra-show-hide-v1-button-hover-color: #004c76;--terra-show-hide-v1-button-hover-text-decoration: underline;--terra-show-hide-v1-button-active-color: #0065a3;--terra-show-hide-v1-button-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-focus-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E");--terra-show-hide-v1-button-hover-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E")}button._ShowHideButton-module__button___kPLEF{-webkit-appearance:button;appearance:button}._ShowHideButton-module__button___kPLEF{color:#0059a8;color:var(--terra-show-hide-v1-button-color, #0059a8);display:inline-block;font-family:inherit;font-size:1rem;font-size:var(--terra-show-hide-v1-button-font-size, 1rem);line-height:1.429;line-height:var(--terra-show-hide-v1-button-line-height, 1.429);outline:none;-webkit-text-decoration:none;-webkit-text-decoration:var(--terra-show-hide-v1-button-text-decoration, none);text-decoration:none;text-decoration:var(--terra-show-hide-v1-button-text-decoration, none);text-transform:none;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:normal}[dir] ._ShowHideButton-module__button___kPLEF{background-color:rgba(0,0,0,0);border:0;cursor:pointer;padding-bottom:0.21428rem;padding-bottom:var(--terra-show-hide-v1-button-padding-bottom, 0.21428rem);padding-top:0.21428rem;padding-top:var(--terra-show-hide-v1-button-padding-top, 0.21428rem);text-align:center}[dir=ltr] ._ShowHideButton-module__button___kPLEF{padding-left:0;padding-left:var(--terra-show-hide-v1-button-padding-left, 0);padding-right:0;padding-right:var(--terra-show-hide-v1-button-padding-right, 0)}[dir=rtl] ._ShowHideButton-module__button___kPLEF{padding-right:0;padding-right:var(--terra-show-hide-v1-button-padding-left, 0);padding-left:0;padding-left:var(--terra-show-hide-v1-button-padding-right, 0)}[dir] ._ShowHideButton-module__button___kPLEF::-moz-focus-inner{border:0;padding:0}._ShowHideButton-module__button___kPLEF ._ShowHideButton-module__icon___DRoLz{display:inline-block;height:0.7143em;height:var(--terra-show-hide-v1-button-icon-height, 0.7143em);width:0.7143em;width:var(--terra-show-hide-v1-button-icon-width, 0.7143em)}[dir] ._ShowHideButton-module__button___kPLEF ._ShowHideButton-module__icon___DRoLz{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%230059a8%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-show-hide-v1-button-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%230059a8%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:cover}[dir=ltr] ._ShowHideButton-module__button___kPLEF ._ShowHideButton-module__icon___DRoLz{margin-left:0.28571em;margin-left:var(--terra-show-hide-v1-button-icon-margin-left, 0.28571em)}[dir=rtl] ._ShowHideButton-module__button___kPLEF ._ShowHideButton-module__icon___DRoLz{margin-right:0.28571em;margin-right:var(--terra-show-hide-v1-button-icon-margin-left, 0.28571em)}._ShowHideButton-module__button___kPLEF._ShowHideButton-module__is-focused___WfGrO{color:#001f67;color:var(--terra-show-hide-v1-button-focus-color, #001f67);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-show-hide-v1-button-focus-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-show-hide-v1-button-focus-text-decoration, underline)}[dir] ._ShowHideButton-module__button___kPLEF._ShowHideButton-module__is-focused___WfGrO{background-color:transparent;background-color:var(--terra-show-hide-v1-button-focus-background-color, transparent);border-radius:0.2142rem;border-radius:var(--terra-show-hide-v1-button-focus-border-radius, 0.2142rem);box-shadow:0 0 0 1px #4cb2e9, 0 0 0 3px rgba(76, 178, 233, 0.25);box-shadow:var(--terra-show-hide-v1-button-focus-box-shadow, 0 0 0 1px #4cb2e9, 0 0 0 3px rgba(76, 178, 233, 0.25))}[dir] ._ShowHideButton-module__button___kPLEF._ShowHideButton-module__is-focused___WfGrO ._ShowHideButton-module__icon___DRoLz{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-show-hide-v1-button-focus-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E"))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){._ShowHideButton-module__button___kPLEF:hover,._ShowHideButton-module__button___kPLEF._ShowHideButton-module__is-hovered___Yx44Y{color:#001f67;color:var(--terra-show-hide-v1-button-hover-color, #001f67);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-show-hide-v1-button-hover-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-show-hide-v1-button-hover-text-decoration, underline)}[dir] ._ShowHideButton-module__button___kPLEF:hover, [dir] ._ShowHideButton-module__button___kPLEF._ShowHideButton-module__is-hovered___Yx44Y{background-color:var(--terra-show-hide-v1-button-hover-background-color)}[dir] ._ShowHideButton-module__button___kPLEF:hover ._ShowHideButton-module__icon___DRoLz, [dir] ._ShowHideButton-module__button___kPLEF._ShowHideButton-module__is-hovered___Yx44Y ._ShowHideButton-module__icon___DRoLz{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-show-hide-v1-button-hover-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23001f67%22%20points%3D%2240.8%2C8.6%2024%2C25%207.2%2C8.6%200%2C15.9%2024%2C39.4%2048%2C15.9%20%22%2F%3E%3C%2Fsvg%3E"))}}._ShowHideButton-module__button___kPLEF:active{color:#001f67;color:var(--terra-show-hide-v1-button-active-color, #001f67)}[dir=ltr] ._ShowHideButton-module__button___kPLEF[aria-expanded=true] ._ShowHideButton-module__icon___DRoLz{transform:rotate(180deg)}[dir=rtl] ._ShowHideButton-module__button___kPLEF[aria-expanded=true] ._ShowHideButton-module__icon___DRoLz{transform:rotate(-180deg)}._ShowHideButton-module__inner___d3lcs{display:flex}._ShowHideButton-module__text___\+rL6u{flex:1 1 auto;min-width:0}._ShowHideButton-module__icon-holder___VvBuP{align-self:center;flex:0 0 auto} +[dir] .LongTextExample-module__long-text-example___gw5Od p{margin:.71428rem 0}[dir] .LongTextExample-module__long-text-example___gw5Od p:first-child{margin-top:0}[dir] .LongTextExample-module__long-text-example___gw5Od p:last-child{margin-bottom:0} +.ToggleButton-module__toggle-button___4H4qn{display:block}.ToggleButton-module__icon___2J4zE{display:inline-block;line-height:1}[dir] .ToggleButton-module__icon___2J4zE{transform:rotate(0deg)}.ToggleButton-module__icon___2J4zE svg{font-size:.8em;position:relative;top:-0.14em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ToggleButton-module__icon___2J4zE svg{top:-0.07em}}[dir=ltr] .ToggleButton-module__is-open___NWVIB .ToggleButton-module__icon___2J4zE{transform:rotate(90deg)}[dir=rtl] .ToggleButton-module__is-open___NWVIB .ToggleButton-module__icon___2J4zE{transform:rotate(-90deg)}.ToggleButton-module__is-icon-animated___WXEng .ToggleButton-module__icon___2J4zE{transition:transform .15s ease-in}.ToggleButton-module__is-open___NWVIB.ToggleButton-module__is-icon-animated___WXEng .ToggleButton-module__icon___2J4zE{transition:transform .15s ease-in}[dir=ltr] .ToggleButton-module__button-text___IAZwy{padding-left:.3rem}[dir=rtl] .ToggleButton-module__button-text___IAZwy{padding-right:.3rem} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/10165-4f0f945b49d48f9a0f9e.js b/pull/4102/10165-4f0f945b49d48f9a0f9e.js new file mode 100644 index 00000000000..9f6fa86cb91 --- /dev/null +++ b/pull/4102/10165-4f0f945b49d48f9a0f9e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10165],{50809:function(e,t,n){n.r(t),n.d(t,{default:function(){return Ue}});var r=n(96540),a=n(36665),o=n(50200),i=n(68523),l=n(15747),d=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={};function c(e){var t=e.components,n=p(e,d);return(0,a.mdx)("wrapper",u({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst AlertExample = () => (\n Site is down for maintenance.\n);\n\nexport default AlertExample;\n\n")))}c.isMDXComponent=!0;var m=n(201),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Alert Example",description:n,example:r.createElement(l.A,null),exampleSrc:r.createElement(c,null),isExpanded:a})},y=n(28299),x=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var v={};function g(e){var t=e.components,n=b(e,x);return(0,a.mdx)("wrapper",h({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst ErrorExample = () => (\n Unable to save at this time. Please try again later.\n);\n\nexport default ErrorExample;\n\n")))}g.isMDXComponent=!0;var O=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Error Example",description:n,example:r.createElement(y.A,null),exampleSrc:r.createElement(g,null),isExpanded:a})},w=n(79321),j=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var E={};function A(e){var t=e.components,n=N(e,j);return(0,a.mdx)("wrapper",T({},E,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst WarningExample = () => (\n There are unsaved changes.\n);\n\nexport default WarningExample;\n\n")))}A.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Warning Example",description:n,example:r.createElement(w.A,null),exampleSrc:r.createElement(A,null),isExpanded:a})},_=n(10276),P=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var R={};function D(e){var t=e.components,n=I(e,P);return(0,a.mdx)("wrapper",S({},R,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst AdvisoryExample = () => (\n This item is typically not used.\n);\n\nexport default AdvisoryExample;\n\n")))}D.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Advisory Example",description:n,example:r.createElement(_.A,null),exampleSrc:r.createElement(D,null),isExpanded:a})},k=n(54922),B=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var W={};function X(e){var t=e.components,n=L(e,B);return(0,a.mdx)("wrapper",q({},W,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst Example = () => (\n Only one package must be selected.\n);\n\nexport default Example;\n\n")))}X.isMDXComponent=!0;var H=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Unsatisfied Example",description:n,example:r.createElement(k.A,null),exampleSrc:r.createElement(X,null),isExpanded:a})},Z=n(87512),U=["components"];function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var F={};function Y(e){var t=e.components,n=$(e,U);return(0,a.mdx)("wrapper",V({},F,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst Example = () => (\n This item is not verified.\n);\n\nexport default Example;\n\n")))}Y.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Unverified Example",description:n,example:r.createElement(Z.A,null),exampleSrc:r.createElement(Y,null),isExpanded:a})},G=n(49209),J=["components"];function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ee={};function te(e){var t=e.components,n=Q(e,J);return(0,a.mdx)("wrapper",K({},ee,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst InfoExample = () => (\n This receipt is for a bill-only purchase order.\n);\n\nexport default InfoExample;\n\n")))}te.isMDXComponent=!0;var ne=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Info Example",description:n,example:r.createElement(G.A,null),exampleSrc:r.createElement(te,null),isExpanded:a})},re=n(75100),ae=["components"];function oe(){return oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var le={};function de(e){var t=e.components,n=ie(e,ae);return(0,a.mdx)("wrapper",oe({},le,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Alert from 'terra-alert';\n\nconst SuccessExample = () => (\n Changes successfully committed.\n);\n\nexport default SuccessExample;\n\n")))}de.isMDXComponent=!0;var ue=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Success Example",description:n,example:r.createElement(re.A,null),exampleSrc:r.createElement(de,null),isExpanded:a})},pe=n(26927),se=n(56966),ce=["components"];function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ye={};function xe(e){var t=e.components,n=fe(e,ce);return(0,a.mdx)("wrapper",me({},ye,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\nimport classNames from 'classnames/bind';\n\nimport Alert from 'terra-alert';\nimport ShowHide, { ShowHideFocuser } from 'terra-show-hide';\nimport styles from './LongTextExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst LongTextExample = () => {\n const focusRef = useRef(null);\n const [isOpen, setIsOpen] = useState(false);\n const previewText = 'Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.';\n const paragraph = 'Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.';\n\n return (\n \n {\n setIsOpen(!isOpen);\n }}\n className={cx('long-text-example')}\n >\n

{previewText}

\n

\n \n

\n

\n But, in a larger sense, we can not dedicate -- we can not consecrate -- we can not hallow -- this ground. The brave men, living and dead, who struggled here, have consecrated it, far above our poor power to add or detract. The world will little note, nor long remember what we say here, but it can never forget what they did here. It is for us the living, rather, to be dedicated here to the unfinished work which they who fought here have thus far so nobly advanced. It is rather for us to be here dedicated to the great task remaining before us -- that from these honored dead we take increased devotion to that cause for which they gave the last full measure of devotion -- that we here highly resolve that these dead shall not have died in vain -- that this nation, under God, shall have a new birth of freedom -- and that government of the people, by the people, for the people, shall not perish from the earth.\n

\n \n \n );\n};\n\nexport default LongTextExample;\n\n")))}xe.isMDXComponent=!0;var he=["components"];function be(){return be=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ge={};function Oe(e){var t=e.components,n=ve(e,he);return(0,a.mdx)("wrapper",be({},ge,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .long-text-example {\n p {\n margin: 0.71428rem 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n}\n\n")))}Oe.isMDXComponent=!0;var we=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Long Text Example",description:n,example:r.createElement(se.A,null),exampleCssSrc:r.createElement(Oe,null),exampleSrc:r.createElement(xe,null),isExpanded:a})},je=n(69388),Te=n(94577),Ne=["components"];function Ee(){return Ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ce={};function _e(e){var t=e.components,n=Ae(e,Ne);return(0,a.mdx)("wrapper",Ee({},Ce,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\n\nimport Alert from \'terra-alert\';\nimport Button from \'terra-button\';\n\nconst AlertDismissible = () => {\n const [isOpen, setIsOpen] = useState(true);\n\n return (\n <>\n {isOpen ? (\n
\n setIsOpen(false)}\n >\n This is a dismissible notification banner.\n \n
\n ) : (\n
Notification banner was dismissed
\n )}\n
\n {\n setIsOpen(true);\n }}\n />\n \n );\n};\n\nexport default AlertDismissible;\n\n')))}_e.isMDXComponent=!0;var Pe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Dismissible Example",description:n,example:r.createElement(Te.A,null),exampleSrc:r.createElement(_e,null),isExpanded:a})},Se=n(62237),Ie=n(12883),Re=["components"];function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ke={},Be="wrapper";function qe(e){var t=e.components,n=Me(e,Re);return(0,a.mdx)(Be,De({},ke,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Ie.Ay,{mdxType:"PropsTable"},(0,a.mdx)(Ie.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"action"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"An action element to be added to the action section of the notification banner to give the user an easy way\nto accomplish a task to resolve the notification."))),(0,a.mdx)(Ie.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child Nodes providing the message content for the notification banner. Can contain text and HTML."))),(0,a.mdx)(Ie.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"customIcon"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The icon to be used for a notification banner of type custom. This will not be used for any other notification types."))),(0,a.mdx)(Ie.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"customColorClass"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'custom-default-color'\n"))),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets an author-defined class, to control the status bar color to be used for a notification banner of type custom."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/CSS?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,a.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,a.mdx)("em",{parentName:"p"},"(see included examples)"),"."))),(0,a.mdx)(Ie.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"disableAlertActionFocus"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Disables the focus shift to Alert Notification Banners when action element is present."))),(0,a.mdx)(Ie.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"onDismiss"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when Dismiss button is clicked. The presence of this prop will cause the Dismiss button to be included on the notification banner."))),(0,a.mdx)(Ie.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"id"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The unique ID of the alert that is used to identify the alert title and message content.\nThese IDs can be used to associate action elements with the alert via aria-describedby, in the format\n",(0,a.mdx)("inlineCode",{parentName:"p"},"alert-title-${id}"),"."))),(0,a.mdx)(Ie.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"role"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The ARIA role attribute of the notification banner. If not provided, notification banner of type ",(0,a.mdx)("em",{parentName:"p"},"alert")," will default to role ",(0,a.mdx)("inlineCode",{parentName:"p"},'"alert"'),",\nall other notification banner types will use the role of ",(0,a.mdx)("inlineCode",{parentName:"p"},'"status"'),"."))),(0,a.mdx)(Ie.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The optional custom title for the notification banner which will be bolded.\nOverrides the provided default title for all notification types (excludes ",(0,a.mdx)("inlineCode",{parentName:"p"},"custom"),").\nTitle should be provided for ",(0,a.mdx)("inlineCode",{parentName:"p"},"custom")," notification banners."))),(0,a.mdx)(Ie.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"titleID"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The unique ID that is used to identify the alert title."))),(0,a.mdx)(Ie.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(Ie.dt,{mdxType:"PropNameCell"},"type"),(0,a.mdx)(Ie.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'alert'\n 'error'\n 'warning'\n 'unsatisfied'\n 'unverified'\n 'advisory'\n 'info'\n 'success'\n 'custom'\n],\n"))),(0,a.mdx)(Ie.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ie.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'alert'\n"))),(0,a.mdx)(Ie.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The type of notification banner to be rendered. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"alert"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"error"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"warning"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"unsatisfied"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"unverified"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"advisory"),",\n",(0,a.mdx)("inlineCode",{parentName:"p"},"info"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"success"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"custom"),".\nA default title is provided for all notification types except ",(0,a.mdx)("inlineCode",{parentName:"p"},"custom"),".")))))}qe.isMDXComponent=!0;var Le=["components"];function We(){return We=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var He={},Ze="wrapper";function Ue(e){var t=e.components,n=Xe(e,Le);return(0,a.mdx)(Ze,We({},He,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-alert-notification-banner"},"Terra Alert (Notification Banner)"),(0,a.mdx)("p",null,"The Terra Alert component is a notification banner that can be rendered in your application when there is information that you want to bring to the user's attention."),(0,a.mdx)("p",null,"The Alert component supports a number of built-in notification types that render with pre-defined colors and icons that help the user understand the severity and meaning of the notification. The supported notification types and recommended uses are:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"alert")," - displays a critical notification for current emergencies or situations of high severity that need to be addressed promptly"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"error")," - recommended to provide feedback of a negative system status such as failures, inabilities, or limitations"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"warning")," - recommended to show moderately urgent notifications that are cautionary in nature and forecast potential risk"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"unsatisfied")," - recommended to show the user that an unsatisfied or incomplete action needs to be addressed"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"unverified")," - recommended to provide feedback that information from outside systems has been included but has yet to be verified by the user"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"advisory")," - recommended to provide the user with guidance and/or advice for completing an action"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"information")," - recommended to provide general awareness and information that can possibly lead to an action for something that has no associated severity."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"success")," - recommended to provide feedback of a successful system status")),(0,a.mdx)("p",null,"A custom notification type is also supported that allows your application to customize a notification that may not fit into the pre-defined types."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-alert"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"implementation-notes"},"Implementation Notes"),(0,a.mdx)("p",null,"The Alert component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-core/components/terra-base/base/base"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Alert from 'terra-alert';\n")),(0,a.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,a.mdx)("p",null,"For further guidance, please view the full ",(0,a.mdx)("a",{parentName:"p",href:"./accessibility-guide"},"Accessibility Guide"),"."),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"The ",(0,a.mdx)("inlineCode",{parentName:"li"},"alert")," notification type will seize keyboard focus by default when an action element is present. This behavior should only be used when absolutely necessary to interrupt the user's workflow."))),(0,a.mdx)("h4",{id:"accessibility-guidance-titles"},"Accessibility Guidance: Titles"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Notification banners of type ",(0,a.mdx)("inlineCode",{parentName:"li"},"custom")," should always have a title provided to the ",(0,a.mdx)("inlineCode",{parentName:"li"},"title")," prop."),(0,a.mdx)("li",{parentName:"ul"},"All other notification types will provide a default title. The ",(0,a.mdx)("inlineCode",{parentName:"li"},"title")," prop will override the default title and should be avoided.")),(0,a.mdx)("h4",{id:"accessibility-guidance-live-regions"},"Accessibility Guidance: Live regions"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"For less critical notifications (non-alerts), the notification banner should be in an ",(0,a.mdx)("inlineCode",{parentName:"li"},'aria-live="polite"')," region. See example code below."),(0,a.mdx)("li",{parentName:"ul"},"Avoid mixing critical alert notifications and less critical notifications in the same region.")),(0,a.mdx)(Se.A,{mdxType:"LiveRegionsExampleCode"}),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{title:"Alert Notification Banner",mdxType:"AlertExample"}),(0,a.mdx)(O,{title:"Error Notification Banner",mdxType:"ErrorExample"}),(0,a.mdx)(C,{title:"Warning Notification Banner",mdxType:"WarningExample"}),(0,a.mdx)(H,{title:"Unsatisfied Notification Banner",mdxType:"UnsatisfiedExample"}),(0,a.mdx)(z,{title:"Unverified Notification Banner",mdxType:"UnverifiedExample"}),(0,a.mdx)(M,{title:"Advisory Notification Banner",mdxType:"AdvisoryExample"}),(0,a.mdx)(ne,{title:"Information Notification Banner",mdxType:"InfoExample"}),(0,a.mdx)(ue,{title:"Success Notification Banner",mdxType:"SuccessExample"}),(0,a.mdx)(pe.A,{title:"Custom Notification Banner",mdxType:"CustomExample"}),(0,a.mdx)(je.A,{title:"Notification Banner with Action",mdxType:"ActionExample"}),(0,a.mdx)(Pe,{title:"Dismissible Notification Banner",mdxType:"DismissibleExample"}),(0,a.mdx)(we,{title:"Long Text Notification Banner",mdxType:"LongTextExample"}),(0,a.mdx)("h2",{id:"alert-props"},"Alert Props"),(0,a.mdx)(qe,{mdxType:"AlertPropsTable"}),(0,a.mdx)("h2",{id:"testing"},"Testing"),(0,a.mdx)("p",null,"Terra Alert uses ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,a.mdx)("p",null,"If Enzyme ",(0,a.mdx)("inlineCode",{parentName:"p"},"shallow")," is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. However, if ",(0,a.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")))}Ue.isMDXComponent=!0},50200:function(e,t,n){n.d(t,{E:function(){return o}});var r=n(96540),a=n(55713),o=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-alert",name:"terra-alert",version:"4.96.0",url:t})}},10276:function(e,t,n){t.A=void 0;var r=o(n(96540)),a=o(n(42104));function o(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{type:"advisory"},"This item is typically not used.")}},15747:function(e,t,n){t.A=void 0;var r=o(n(96540)),a=o(n(42104));function o(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{type:"alert"},"Site is down for maintenance.")}},94577:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=l(n(42104)),i=l(n(40890));function l(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],d=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);d=!0);}catch(e){u=!0,a=e}finally{try{if(!d&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n\n // This less critical notification should be in polite aria-live region so screen reader users are notified.\n
\n {isOpen && (\n \n This notification is a less critical and should be polite.\n \n )}\n
\n\n // Alert notifications are implicitly assertive, no aria-live needed\n // It is recommended to keep these separate from polite aria-live regions.\n
\n {isOpen && (\n \n This notification is a critical alert that is interruptive.\n \n )}\n
\n \n '))}},56966:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a=s(n(96540)),o=u(n(67967)),i=u(n(42104)),l=s(n(30696)),d=u(n(22579));function u(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],d=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);d=!0);}catch(e){u=!0,a=e}finally{try{if(!d&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=i.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,i=c(e,u),d=r.default.useContext(l.default),p=(0,o.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),i.className);return r.default.createElement("table",s({},i,{className:p}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=l(e,o);return r.default.createElement("tbody",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=l(e,o);return r.default.createElement("td",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(5556)),o=l(n(93623)),i=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},p=function(e){var t=e.children,n=d(e,i);return r.default.createElement("thead",n,r.default.createElement("tr",null,o.default.addScope(t,"col")))};p.propTypes=u,p.defaultProps={children:[]};t.default=p},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=l(e,o);return r.default.createElement("th",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),o=u(n(67967)),i=u(n(19677)),l=u(n(93623)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=o.default.bind(i.default),m={children:a.default.node},f=function(e){var t=e.children,n=s(e,d),a=c(["row"]);return r.default.createElement("tr",p({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),l.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var o={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=o},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var r=u(n(17212)),a=u(n(15460)),o=u(n(96646)),i=u(n(59584)),l=u(n(14281)),d=u(n(93401));function u(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},27379:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(96540)),o=c(n(5556)),i=c(n(67967)),l=c(n(40890)),d=c(n(62441)),u=c(n(97742)),p=c(n(53248)),s=["buttonAttrs","children","closedButtonText","icon","isAnimated","isIconAnimated","isIconOnly","isInitiallyOpen","onClose","onOpen","openedButtonText"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function y(e,t){for(var n=0;n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var c={};function p(e){var t=e.components,n=d(e,u);return(0,o.mdx)("wrapper",i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { IconCaretUp, IconCaretDown } from \'terra-icon\';\nimport ButtonGroup from \'terra-button-group\';\n\nconst iconCaretUp = ;\nconst iconCaretDown = ;\n\nconst ButtonGroupWithIcons = () => (\n
\n
\n \n \n \n \n
\n
\n
\n \n \n \n \n
\n
\n);\n\nexport default ButtonGroupWithIcons;\n\n')))}p.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group With Icons",description:n,example:r.createElement(a.A,null),exampleSrc:r.createElement(p,null),isExpanded:o})},f=n(67451),y=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var v={};function g(e){var t=e.components,n=x(e,y);return(0,o.mdx)("wrapper",b({},v,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nexport default () => (\n \n \n \n \n \n \n);\n\n')))}g.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Disabled Buttons",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(g,null),isExpanded:o})},O=n(13524),_=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var j={};function E(e){var t=e.components,n=w(e,_);return(0,o.mdx)("wrapper",T({},j,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupSingleSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKey: [\'single-select1\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, selectedKey) {\n if (ButtonGroup.Utils.shouldHandleSingleSelection(this.state.selectedKey, selectedKey)) {\n event.preventDefault();\n this.setState({ selectedKey: [selectedKey] });\n }\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\nexport default ButtonGroupSingleSelect;\n\n')))}E.isMDXComponent=!0;var B=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Single Select",description:n,example:r.createElement(O.A,null),exampleSrc:r.createElement(E,null),isExpanded:o})},P=n(74743),S=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var k={};function D(e){var t=e.components,n=N(e,S);return(0,o.mdx)("wrapper",C({},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 ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupMultiSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [\'multi-select1\', \'multi-select3\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupMultiSelect;\n\n')))}D.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Multi Select",description:n,example:r.createElement(P.A,null),exampleSrc:r.createElement(D,null),isExpanded:o})},G=n(71179),M=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var K={};function q(e){var t=e.components,n=A(e,M);return(0,o.mdx)("wrapper",I({},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 ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupIsBlock extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupIsBlock;\n\n')))}q.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Is Block",description:n,example:r.createElement(G.A,null),exampleSrc:r.createElement(q,null),isExpanded:o})},H=n(12883),W=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var X={},V="wrapper";function $(e){var t=e.components,n=U(e,W);return(0,o.mdx)(V,Y({},X,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(H.Ay,{mdxType:"PropsTable"},(0,o.mdx)(H.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Child nodes"))),(0,o.mdx)(H.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"isBlock"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Allows user to set button group to fill container width."))),(0,o.mdx)(H.fI,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"isMultiSelect"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether or not it is a multi select button group."))),(0,o.mdx)(H.fI,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function when the state changes. Parameters are (event, key)."))),(0,o.mdx)(H.fI,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"selectedKeys"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"A list of keys of the buttons that should be selected.")))))}$.isMDXComponent=!0;var F=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var J={},Q="wrapper";function ee(e){var t=e.components,n=z(e,F);return(0,o.mdx)(Q,L({},J,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(H.Ay,{mdxType:"PropsTable"},(0,o.mdx)(H.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"icon"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"An optional icon. If an icon is provided, it will be an icon only button and the provided text is set as the aria-label for accessibility."))),(0,o.mdx)(H.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether or not the button should be disabled."))),(0,o.mdx)(H.fI,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"onBlur"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when button loses focus."))),(0,o.mdx)(H.fI,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"onClick"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when clicked."))),(0,o.mdx)(H.fI,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"onFocus"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when button gains focus."))),(0,o.mdx)(H.fI,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"onKeyDown"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when key is pressed."))),(0,o.mdx)(H.fI,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"onKeyUp"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when key is released."))),(0,o.mdx)(H.fI,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(H.dt,{mdxType:"PropNameCell"},"text"),(0,o.mdx)(H.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(H.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the button text. If an icon is provided, it will be an icon only button and this text is set as the aria-label for accessibility.")))))}ee.isMDXComponent=!0;var te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var oe={},le="wrapper";function ae(e){var t=e.components,n=re(e,te);return(0,o.mdx)(le,ne({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(l.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-button-group"},"Terra Button Group"),(0,o.mdx)("p",null," The Terra Button Group component is a controlled component that groups buttons and allows consumers to manage the selection state of each button in the group. By default, the buttons in the Button Group do not remain selected when clicked. Therefore, consumers must manage the selection state of the buttons because the Button Group does not keep track of the selection state. A controlled Button Group gives the consumer the flexibility to compose a single-select button group as well as a multi-select button group. This component is intended to group buttons with similar context or to toggle content, it is not intended to be used as a form element."),(0,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-button-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 ButtonGroup from 'terra-button-group';\n")),(0,o.mdx)("h2",{id:"component-features"},"Component Features"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(m,{title:"Text and Icon - Default, no selected state",mdxType:"ButtonGroupWithIcons"}),(0,o.mdx)(B,{title:"Single Select - Manage single button selection",mdxType:"ButtonGroupSingleSelect"}),(0,o.mdx)(R,{title:"Multi Select - Manage multiple button selections",mdxType:"ButtonGroupMultiSelect"}),(0,o.mdx)(h,{title:"Disabled Buttons - Default, no selected state",mdxType:"ButtonGroupDisabledButtons"}),(0,o.mdx)(Z,{title:"ButtonGroup Is Block - width stretches to fill container",mdxType:"ButtonGroupIsBlock"}),(0,o.mdx)("h2",{id:"button-group-props"},"Button Group Props"),(0,o.mdx)($,{mdxType:"ButtonGroupPropsTable"}),(0,o.mdx)("h2",{id:"button-group-button-props"},"Button Group Button Props"),(0,o.mdx)(ee,{mdxType:"ButtonGroupButtonPropsTable"}))}ae.isMDXComponent=!0},7148:function(e,t,n){n.d(t,{E:function(){return l}});var r=n(96540),o=n(55713),l=function(e){var t=e.url;return r.createElement(o.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-button-group",name:"terra-button-group",version:"3.79.0",url:t})}},67451:function(e,t,n){t.A=void 0;var r=l(n(96540)),o=l(n(74325));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(o.default,{id:"button-group-not-selectable"},r.default.createElement(o.default.Button,{text:"Button 1",key:"1"}),r.default.createElement(o.default.Button,{text:"Button 2",key:"2",isDisabled:!0}),r.default.createElement(o.default.Button,{text:"Button 3",key:"3"}),r.default.createElement(o.default.Button,{text:"Button 4",key:"4",isDisabled:!0}))}},71179:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var o=a(n(96540)),l=a(n(74325));function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){for(var n=0;n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var m=a.default.bind(i.default),f={children:o.default.node.isRequired,disableStripes:o.default.bool,paddingStyle:o.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,o=e.paddingStyle,a=s(e,d),i=r.default.useContext(u.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===o},{"padding-compact":"compact"===o},i.className),a.className);return r.default.createElement("table",p({},a,{className:c}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),o=a(n(5556)),l=["children"];function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i={children:o.default.node},d=function(e){var t=e.children,n=u(e,l);return r.default.createElement("tbody",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),o=a(n(5556)),l=["children"];function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i={children:o.default.node},d=function(e){var t=e.children,n=u(e,l);return r.default.createElement("td",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),o=u(n(5556)),l=u(n(93623)),a=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d={children:o.default.node},c=function(e){var t=e.children,n=i(e,a);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=d,c.defaultProps={children:[]};t.default=c},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),o=a(n(5556)),l=["children"];function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i={children:o.default.node},d=function(e){var t=e.children,n=u(e,l);return r.default.createElement("th",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),o=d(n(5556)),l=d(n(67967)),a=d(n(19677)),u=d(n(93623)),i=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=l.default.bind(a.default),m={children:o.default.node},f=function(e){var t=e.children,n=p(e,i),o=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(o," ").concat(n.className):o}),u.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,o=(r=n(96540))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return o.default.Children.forEach(e,(function(e){n.push(o.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=d(n(17212)),o=d(n(15460)),l=d(n(96646)),a=d(n(59584)),u=d(n(14281)),i=d(n(93401));function d(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/1075-35fc83f0a60a36fbbbd0.js b/pull/4102/1075-35fc83f0a60a36fbbbd0.js new file mode 100644 index 00000000000..16c10d19352 --- /dev/null +++ b/pull/4102/1075-35fc83f0a60a36fbbbd0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[1075],{1075:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(r(96540)),n=u(r(78144));function u(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return a.default.createElement("div",{role:"main"},a.default.createElement(n.default,{id:"link",href:"https://www.cerner.com",variant:"image",text:"Image hyperlink"}))}}}]); \ No newline at end of file diff --git a/pull/4102/10804-5cbee264917036a25ac7.css b/pull/4102/10804-5cbee264917036a25ac7.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/10804-5cbee264917036a25ac7.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/4102/10804-5cbee264917036a25ac7.js b/pull/4102/10804-5cbee264917036a25ac7.js new file mode 100644 index 00000000000..98ad2bd33f4 --- /dev/null +++ b/pull/4102/10804-5cbee264917036a25ac7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10804],{55713:function(e,a,r){var t=r(24994);a.A=void 0;var n=t(r(96540)),d=t(r(5556)),o=t(r(67967)),l=t(r(25642)),i=o.default.bind(l.default),m={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},s=function(e){var a=e.src,r=e.name,t=e.url,d=e.version,o=n.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(d)},n.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(d))),l=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},o,l)};s.propTypes=m;a.A=s},10804:function(e,a,r){r.r(a),r.d(a,{default:function(){return s}});r(96540);var t=r(36665),n=r(87218),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;r[t]=e[t]}return r}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var i={},m="wrapper";function s(e){var a=e.components,r=l(e,d);return(0,t.mdx)(m,o({},i,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-dialog-upgrade-guide"},"Terra Dialog Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-dialog-header-bottom-border"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-dialog-header-border-bottom")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-dialog-header-close-icon"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-dialog-header-close-background")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-dialog-footer-top-border"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-dialog-footer-border-top")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-dialog-header-height"),(0,t.mdx)("li",{parentName:"ul"},"--terra-dialog-header-close-icon-height"),(0,t.mdx)("li",{parentName:"ul"},"--terra-dialog-header-close-icon-margin-top"),(0,t.mdx)("li",{parentName:"ul"},"--terra-dialog-header-close-icon-width")))}s.isMDXComponent=!0},87218:function(e,a,r){r.d(a,{E:function(){return d}});var t=r(96540),n=r(55713),d=function(e){var a=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-dialog",name:"terra-dialog",version:"2.91.0",url:a})}},25642:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/10852-ede3927a2a701e4de1e1.css b/pull/4102/10852-ede3927a2a701e4de1e1.css new file mode 100644 index 00000000000..45e52d3dfb3 --- /dev/null +++ b/pull/4102/10852-ede3927a2a701e4de1e1.css @@ -0,0 +1,4 @@ +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +[dir] .Select-test-module__content-wrapper___ib1qL{margin:10px}[dir] .Select-test-module__bottom-left___rabhi{margin:10px;margin-top:81vh} diff --git a/pull/4102/10852-ede3927a2a701e4de1e1.js b/pull/4102/10852-ede3927a2a701e4de1e1.js new file mode 100644 index 00000000000..08a9e906658 --- /dev/null +++ b/pull/4102/10852-ede3927a2a701e4de1e1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10852],{40336:function(e,t,n){function o(e){return o="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},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),l=u(n(67967)),i=u(n(19137)),a=u(n(914));function u(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=0)continue;l[d]=e[d]}return l}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,m);return(0,d.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4540---april-4-2024"},"4.54.0 - (April 4, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"4530---march-20-2024"},"4.53.0 - (March 20, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"4520---march-15-2024"},"4.52.0 - (March 15, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added named export for ",(0,d.mdx)("inlineCode",{parentName:"li"},"RadioField"),". It can now be imported as ",(0,d.mdx)("inlineCode",{parentName:"li"},"import { RadioField } from 'terra-form-radio';"),".")))),(0,d.mdx)("h2",{id:"4510---february-28-2024"},"4.51.0 - (February 28, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed redundant screenreader label announcements.")))),(0,d.mdx)("h2",{id:"4500---february-27-2024"},"4.50.0 - (February 27, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"4490---february-15-2024"},"4.49.0 - (February 15, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"4480---january-9-2024"},"4.48.0 - (January 9, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4470---december-11-2023"},"4.47.0 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4460---november-13-2023"},"4.46.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4450---november-2-2023"},"4.45.0 - (November 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4440---october-23-2023"},"4.44.0 - (October 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4430---october-3-2023"},"4.43.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4420---september-19-2023"},"4.42.0 - (September 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated prop description for ",(0,d.mdx)("inlineCode",{parentName:"li"},"isLabelHidden")," prop.")))),(0,d.mdx)("h2",{id:"4410---august-25-2023"},"4.41.0 - (August 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4400---august-23-2023"},"4.40.0 - (August 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue of ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChange")," not triggered on first and last item of radio field while keyboard navigation.")))),(0,d.mdx)("h2",{id:"4390---august-11-2023"},"4.39.0 - (August 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4380---august-11-2023"},"4.38.0 - (August 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4370---august-8-2023"},"4.37.0 - (August 8, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4360---june-14-2023"},"4.36.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue with VO announcing group and legend multiple times.")))),(0,d.mdx)("h2",{id:"4350---april-7-2023"},"4.35.0 - (April 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed cloning of RadioField child to extend property instead of overriding it.")))),(0,d.mdx)("h2",{id:"4340---march-1-2023"},"4.34.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4330---february-16-2023"},"4.33.0 - (February 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4320---february-15-2023"},"4.32.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4310---december-7-2022"},"4.31.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4301---february-15-2022"},"4.30.1 - (February 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4300---february-2-2022"},"4.30.0 - (February 2, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4291---december-14-2021"},"4.29.1 - (December 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate doc to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4290---november-2-2021"},"4.29.0 - (November 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4280---september-21-2021"},"4.28.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4270---august-25-2021"},"4.27.0 - (August 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"4260---june-22-2021"},"4.26.0 - (June 22, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4250---june-8-2021"},"4.25.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4240---april-13-2021"},"4.24.0 - (April 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4230---april-6-2021"},"4.23.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command"),(0,d.mdx)("li",{parentName:"ul"},"Updated screenshots with elements that are out of bound")))),(0,d.mdx)("h2",{id:"4220---february-17-2021"},"4.22.0 - (February 17, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"aria-required")," to preemptively fix issues for upcoming axe-core version bump")))),(0,d.mdx)("h2",{id:"4210---february-2-2021"},"4.21.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4200---january-5-2021"},"4.20.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed"),(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,d.mdx)("h2",{id:"4190---december-8-2020"},"4.19.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers"),(0,d.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," in favor of ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl"))))),(0,d.mdx)("h2",{id:"4180---november-17-2020"},"4.18.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4170---november-10-2020"},"4.17.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4160---october-27-2020"},"4.16.0 - (October 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4150---september-16-2020"},"4.15.0 - (September 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated legend styles in ",(0,d.mdx)("inlineCode",{parentName:"li"},"RadioField")," for long text.")))),(0,d.mdx)("h2",{id:"4140---august-18-2020"},"4.14.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4130---august-6-2020"},"4.13.0 - (August 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4120---august-4-2020"},"4.12.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4110---july-29-2020"},"4.11.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"4100---july-7-2020"},"4.10.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"490---june-23-2020"},"4.9.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"480---june-11-2020"},"4.8.0 - (June 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"470---june-9-2020"},"4.7.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"460---june-2-2020"},"4.6.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"450---may-19-2020"},"4.5.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"440---may-5-2020"},"4.4.0 - (May 5, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"430---april-28-2020"},"4.3.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"420---april-22-2020"},"4.2.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"410---april-22-2020"},"4.1.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"400---march-31-2020"},"4.0.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"labelText")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"legend")," props' type changed from node to string.")))),(0,d.mdx)("h2",{id:"3400---march-31-2020"},"3.40.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3390---march-10-2020"},"3.39.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3380---february-18-2020"},"3.38.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3370---february-4-2020"},"3.37.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3360---january-28-2020"},"3.36.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3350---january-7-2020"},"3.35.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3340---december-10-2019"},"3.34.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3330---december-3-2019"},"3.33.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3320---october-30-2019"},"3.32.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"3310---october-15-2019"},"3.31.0 - (October 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3300---october-14-2019"},"3.30.0 - (October 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop description.")))),(0,d.mdx)("h2",{id:"3290---october-3-2019"},"3.29.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3280---september-19-2019"},"3.28.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"3270---september-6-2019"},"3.27.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"3260---september-3-2019"},"3.26.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3250---august-21-2019"},"3.25.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"3240---august-14-2019"},"3.24.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," to interface with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"3230---july-30-2019"},"3.23.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3220---july-25-2019"},"3.22.0 - (July 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation to mock window.matchMedia for jest tests.")))),(0,d.mdx)("h2",{id:"3210---july-24-2019"},"3.21.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3200---july-17-2019"},"3.20.0 - (July 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3190---july-17-2019"},"3.19.0 - (July 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3180---july-16-2019"},"3.18.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"3170----july-11-2019"},"3.17.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,d.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations.")))),(0,d.mdx)("h2",{id:"3160---july-9-2019"},"3.16.0 - (July 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3150---june-28-2019"},"3.15.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,d.mdx)("h2",{id:"3140---june-18-2019"},"3.14.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Enabled ability to mark RadioField as required")))),(0,d.mdx)("h2",{id:"3131---june-12-2019"},"3.13.1 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"3130---june-11-2019"},"3.13.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"3120---may-1-2019"},"3.12.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Doc site examples that can be toggled to demonstrate isInline and isInvalid props")))),(0,d.mdx)("h2",{id:"3110---april-16-2019"},"3.11.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3100---april-9-2019"},"3.10.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Adding a validation of falsey values to the child components to avoid a crash")))),(0,d.mdx)("h2",{id:"390---april-2-2019"},"3.9.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-describedby to better announce legend, help text, and error text in the Radio Field component")))),(0,d.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added stylelint-enable at end of Radio.module.scss"),(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,d.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables"),(0,d.mdx)("li",{parentName:"ul"},"radio-field: render error icon down one level of markup")))),(0,d.mdx)("h2",{id:"2360---january-2-2019"},"2.36.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2351---november-20-2018"},"2.35.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2350---november-19-2018"},"2.35.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2340---november-13-2018"},"2.34.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2330---november-9-2018"},"2.33.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---october-30-2018"},"2.32.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,d.mdx)("h2",{id:"2310---october-24-2018"},"2.31.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2300---october-16-2018"},"2.30.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---october-8-2018"},"2.29.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---october-2-2018"},"2.28.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---september-25-2018"},"2.27.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2261---september-6-2018"},"2.26.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2260---september-5-2018"},"2.26.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2250---september-4-2018"},"2.25.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---august-29-2018"},"2.24.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2230---august-22-2018"},"2.23.0 - (August 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added additional theming variables, minor styles update, updated wdio tests")))),(0,d.mdx)("h2",{id:"2220---august-21-2018"},"2.22.0 - (August 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2210---august-8-2018"},"2.21.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary onChange handler call in Optional RadioField example"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed the questions to be accurate for the options in the RadioField examples"),(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2200---august-1-2018"},"2.20.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2190---july-26-2018"},"2.19.0 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,d.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,d.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"),(0,d.mdx)("li",{parentName:"ul"},"Updated test selectors to work with theme repos")))),(0,d.mdx)("h2",{id:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated field documentation to be more inline with other examples"),(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"2120---may-30-2018"},"2.12.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2110---may-25-2018"},"2.11.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the README example code")))),(0,d.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,d.mdx)("li",{parentName:"ul"},"Update theming values to initial browser default for various properties"),(0,d.mdx)("li",{parentName:"ul"},"Merged border-color, border-width, and border-style into short-hand syntax")))),(0,d.mdx)("h2",{id:"110---february-1-2018"},"1.1.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"100---january-18-2018"},"1.0.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,d.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(n.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},5018:function(e,a,l){l.d(a,{E:function(){return m}});var d=l(96540),n=l(55713),m=function(e){var a=e.url;return d.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-radio",name:"terra-form-radio",version:"4.54.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/11074-bf7b85c2dc3d1fbbb784.css b/pull/4102/11074-bf7b85c2dc3d1fbbb784.css new file mode 100644 index 00000000000..45e52d3dfb3 --- /dev/null +++ b/pull/4102/11074-bf7b85c2dc3d1fbbb784.css @@ -0,0 +1,4 @@ +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +[dir] .Select-test-module__content-wrapper___ib1qL{margin:10px}[dir] .Select-test-module__bottom-left___rabhi{margin:10px;margin-top:81vh} diff --git a/pull/4102/11074-bf7b85c2dc3d1fbbb784.js b/pull/4102/11074-bf7b85c2dc3d1fbbb784.js new file mode 100644 index 00000000000..213e38c11f5 --- /dev/null +++ b/pull/4102/11074-bf7b85c2dc3d1fbbb784.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[11074],{18838:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(n(96540)),l=i(n(67967)),a=i(n(19137)),r=i(n(914));function i(e){return e&&e.__esModule?e:{default:e}}var p=l.default.bind(r.default);t.default=function(){return o.default.createElement("div",{className:p("content-wrapper")},o.default.createElement(a.default,{placeholder:"Select a color",variant:"tag",id:"tag"},o.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),o.default.createElement(a.default.Option,{value:"green",display:"Green"}),o.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),o.default.createElement(a.default.Option,{value:"red",display:"Red"}),o.default.createElement(a.default.Option,{value:"violet",display:"Violet"})))}},914:function(e,t,n){n.r(t),t.default={"content-wrapper":"Select-test-module__content-wrapper___ib1qL","bottom-left":"Select-test-module__bottom-left___rabhi"}},41843:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function o(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function l(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,l.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var a=null,r=null,i=null;if("function"==typeof t.componentWillMount?a="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(a="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?r="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(r="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?i="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(i="UNSAFE_componentWillUpdate"),null!==a||null!==r||null!==i){var p=e.displayName||e.name,c="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+p+" uses "+c+" but also contains the following legacy lifecycles:"+(null!==a?"\n "+a:"")+(null!==r?"\n "+r:"")+(null!==i?"\n "+i:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=o),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=l;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,o)}}return e}}}]); \ No newline at end of file diff --git a/pull/4102/11085-93fe1bddc5d84ae26298.css b/pull/4102/11085-93fe1bddc5d84ae26298.css new file mode 100644 index 00000000000..4ea38173f4d --- /dev/null +++ b/pull/4102/11085-93fe1bddc5d84ae26298.css @@ -0,0 +1,2 @@ +.Text-module__clinical-lowlight-theme___VoTxP{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif'}.Text-module__orion-fusion-theme___HMvWh{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif'}.Text-module__text___wt-Kb{display:inline-block;font-weight:inherit}.Text-module__inherit-color___IiGY2{color:inherit}.Text-module__italic___xBRzs{font-style:italic}.Text-module__word-wrap___4EtbQ{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.Text-module__font-size-100___cSkmn{font-size:7.143rem}.Text-module__font-size-92___-bp31{font-size:6.571rem}.Text-module__font-size-72___GIFEX{font-size:5.143rem}.Text-module__font-size-64___jGYOW{font-size:4.571rem}.Text-module__font-size-56___K671c{font-size:4rem}.Text-module__font-size-50___46cw1{font-size:3.571rem}.Text-module__font-size-46___bikH8{font-size:3.286rem}.Text-module__font-size-36___hs4Ss{font-size:2.571rem}.Text-module__font-size-32___kVfBb{font-size:2.286rem}.Text-module__font-size-24___NYnua{font-size:1.714rem}.Text-module__font-size-20___ekLZ0{font-size:1.429rem}.Text-module__font-size-18___H2ZcD{font-size:1.286rem}.Text-module__font-size-16___1g\+2-{font-size:1.143rem}.Text-module__font-size-14___nBMXv{font-size:1rem}.Text-module__font-size-12___kiM7-{font-size:.8571rem}.Text-module__font-size-10___19QaE{font-size:.7143rem}.Text-module__font-weight-200___9G-Nm{font-weight:200}.Text-module__font-weight-300___TBSBI{font-weight:300}.Text-module__font-weight-400___K1kpT{font-weight:400}.Text-module__font-weight-700___FwUmR{font-weight:700}.Text-module__visually-hidden___cAP80{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Text-module__visually-hidden___cAP80{border:0;margin:-1px;padding:0}.Text-module__font-stack___uOEX1::after{content:'"Helvetica Neue", Helvetica, Arial, sans-serif';content:var(--terra-text-v2-font-stack-after-content, '"Helvetica Neue", Helvetica, Arial, sans-serif');display:inline-block} +.TextTestCommon-module__content-font-size-large___ek05z{font-size:100px}.TextTestCommon-module__content-font-size-small___VJL0b{font-size:8px}.TextTestCommon-module__text-wrapper___v8n1U{width:150px} diff --git a/pull/4102/11085-93fe1bddc5d84ae26298.js b/pull/4102/11085-93fe1bddc5d84ae26298.js new file mode 100644 index 00000000000..923b63937fd --- /dev/null +++ b/pull/4102/11085-93fe1bddc5d84ae26298.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[11085],{11085:function(e,t,o){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(o(96540)),i=l(o(67967)),r=l(o(9324)),_=l(o(35246));function l(e){return e&&e.__esModule?e:{default:e}}var u=i.default.bind(_.default);t.default=function(){return n.default.createElement("div",{className:u("text-wrapper")},n.default.createElement(r.default,{id:"text",isWordWrapped:!0},"https://engineering.cerner.com/terra-ui/#/components/terra-text/text/text"))}},9324:function(e,t,o){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.TextWeight=t.TextFontSize=void 0;var i=s(o(96540)),r=s(o(5556)),_=s(o(46942)),l=s(o(67967)),u=s(o(52103)),f=s(o(14341)),a=["children","isVisuallyHidden","isItalic","fontSize","weight","isWordWrapped","colorClass"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}var b=l.default.bind(f.default),x=(t.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},t.TextWeight={200:200,300:300,400:400,700:700},{children:r.default.node.isRequired,isItalic:r.default.bool,isVisuallyHidden:r.default.bool,isWordWrapped:r.default.bool,fontSize:r.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:r.default.oneOf([200,300,400,700]),colorClass:r.default.string}),y=function(e){var t=e.children,o=e.isVisuallyHidden,n=e.isItalic,r=e.fontSize,l=e.weight,f=e.isWordWrapped,s=e.colorClass,x=p(e,a),y=i.default.useContext(u.default),h=function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={};function s(e){var t=e.components,n=c(e,o);return(0,a.mdx)("wrapper",i({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\nimport SearchField from 'terra-search-field';\nimport classNames from 'classnames/bind';\nimport styles from './SearchFieldInvalid.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst SearchFieldInvalid = () => {\n const [isInvalid, setInvalid] = useState(false);\n const [message, setMessage] = useState('');\n const [text, setText] = useState('');\n const inputRef = useRef(null);\n\n const handleInvalidSearch = (value) => {\n setText(value);\n setInvalid(true);\n setMessage('INVALID Search Text: ');\n if (inputRef.current) {\n inputRef.current.classList.add(styles['error-border']); // Add red border on invalid search\n }\n };\n\n const handleChange = (event, value) => {\n setText(value);\n setInvalid(false);\n };\n\n const handleInput = (event) => {\n setText(event.target.value);\n };\n\n const handleSearch = (value) => {\n setText(value);\n setMessage('Search Text: ');\n if (inputRef.current) {\n inputRef.current.classList.remove(styles['error-border']); // Remove red border on valid search\n }\n };\n\n return (\n
\n

Minimum Search Length is 3

\n { inputRef.current = ref; }}\n searchDelay={500}\n isLabelVisible\n groupName=\"Find a clinic\"\n />\n
\n {message}\n {text}\n
\n
\n );\n};\n\nexport default SearchFieldInvalid;\n\n")))}s.isMDXComponent=!0;var d=n(201),f=n(46535),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(d.A,{title:t||"Search Field Invalid",description:n,example:r.createElement(l.A,null),exampleCssSrc:r.createElement(f.A,null),exampleSrc:r.createElement(s,null),isExpanded:a})},m=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var b={},_="wrapper";function y(e){var t=e.components,n=h(e,m);return(0,a.mdx)(_,v({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"search-field-with-invalid-text"},"Search Field with Invalid Text"),(0,a.mdx)("h3",{id:"description"},"Description"),(0,a.mdx)("p",null,"This example demonstrates a ",(0,a.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/search-field/about"},"Search Field")," with Invalid Text. This example uses the 'onInvalidSearch' prop to pass in a callback and 'aria-invalid' passed in through the 'inputAttributes' prop. "),(0,a.mdx)(p,{title:"Search Field with Invalid Text",mdxType:"SearchFieldInvalid"}))}y.isMDXComponent=!0},46535:function(e,t,n){n.d(t,{A:function(){return u}});n(96540);var r=n(36665),a=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={},c="wrapper";function u(e){var t=e.components,n=o(e,a);return(0,r.mdx)(c,l({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .error-text {\n color: var(--terra-core-docs-error-text-color, #e50000);\n font-size: var(--terra-core-docs-error-text-font-size, 0.857rem);\n font-weight: var(--terra-core-docs-error-text-font-weight, normal);\n line-height: 1.25;\n margin-top: var(--terra-core-docs-error-text-margin-top, 0.357em);\n outline: 0;\n text-align: left;\n }\n\n .error-border {\n outline: var(--terra-core-docs-error-border-outline, 2px solid #e50000);\n } \n}\n\n")))}u.isMDXComponent=!0},49954:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),l=c(n(43165)),o=c(n(67967)),i=c(n(30903));function c(e){return e&&e.__esModule?e:{default:e}}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 s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___CeUWQ>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___CeUWQ>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___CeUWQ>:last-child{margin-left:0}[dir] .Alert-module__alert___EPG84{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___ni7J4{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___E5yyM{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___Oe\+h0{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___t0ujB{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___JtGfL{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___MOqcH{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___JFzGs{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___NnryQ{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___EPG84 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___ni7J4 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___0NACi{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___L9jja{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___5BEAR{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} +.AlertTestCommon__content-wrapper___BGmNY{width:450px}[dir] .AlertTestCommon__content-wrapper___BGmNY{border:1px solid #000;padding:5px} diff --git a/pull/4102/11375-a1bd1ccacbb1ff86846d.js b/pull/4102/11375-a1bd1ccacbb1ff86846d.js new file mode 100644 index 00000000000..0a8646d22fe --- /dev/null +++ b/pull/4102/11375-a1bd1ccacbb1ff86846d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[11375],{36114: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=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}(r(96540)),a=f(r(40890)),i=f(r(67967)),l=f(r(42104)),u=f(r(37616));function f(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,l=[],u=!0,f=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){f=!0,o=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(f)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0)continue;r[n]=e[n]}return r}(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=i.default.bind(u.default),q={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},m=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,a=e.align,i=e.alignFitStart,u=e.alignFill,o=e.alignFitEnd,f=e.fitStartAttributes,d=e.fillAttributes,q=e.fitEndAttributes,m=b(e,A),O=s({},f),V=s({},d),y=s({},q);return l.default.createElement("span",c({},m,{className:p("arrange",m.className)}),l.default.createElement("span",c({},O,{className:p("fit",a||i,O.className,"fit-block")}),t),l.default.createElement("span",c({},V,{className:p("fill",a||u,V.className,"fill-block")}),r),l.default.createElement("span",c({},y,{className:p("fit",a||o,y.className)}),n))};m.propTypes=q;t.default=m},11456:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=A(r(96540)),l=A(r(74224)),a=A(r(67967)),i=A(r(18150)),u=A(r(65168));function A(e){return e&&e.__esModule?e:{default:e}}var o=a.default.bind(u.default),c=n.default.createElement("img",{className:o("image-wrapper"),height:"150",width:"300",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAs4AAAFmCAMAAABKlewAAAAAQlBMVEXMzMyXl5ebm5ugoKDJycnFxcXCwsK/v7+8vLyurq6jo6O1tbWpqanIyMinp6fHx8eysrKlpaW5ubm3t7ewsLCrq6tpU2UVAAARg0lEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXYgwMBAAAAACD/10ZQVVVVVVVVVVVVVVVVVVVh11yX3IRhKNzaknw3xpf3f9WubNIFEpJOJ+kMHc7+6AxmVXn5LMsHLl269L8LJqRFiBPsRgPSQ+FdmBFnibIP86GsER6MHKSMCLv7tglf+h8UUJVkWvOtmVQ0wvaR86DfiW/V4Q4vVar5GuEozNlHBahSMzXjoxFnWrvP2GmCzX2k3XfC08XzfyAAUs5L8ZMlrE8Kw4b1woP3EnUH0u84QlqfNHGUD2oiZ7/+K6PuR1TxDzOeq4b1QqVcY09Y2JY0TT8unV2BtDNRigVnIaNxGsNLnMUOZ0AqtzhCytic+mx9Rp0OcXbxJc6jhs9jakLaaIq66vPphbrOg+VFQs5p1XAEdPFPqnOg3FZxhPDls+WOspEHOOv0GmcIvJesBm0rV30+uWBSaZY/t5LeaYRvnPmGF9UZgIqxmxusKSp8sNwp5w9w5hX6CmdAct6K9XysyVf/fG4huSjE/rHL+N0pTOSYjRfVOWBuvYb/u3KnjBUHOGdjX+E8UTa7hOVcM4WL5xOr79hdYmjhueWFRJgoDTbE8jP+EUImXBGk6jrOwnPV9DE6IHv5BOclmfWPkD4p+K7gdjXvheek8ML5xFI1ittR6EstyoFuTBp/4ywZXjvHtfzWqFMpytF3e2OMt1KMpuVjpyvsq+wA59LsmNNGfmXUAaV5JBy9Mc1bIcYqvtrnM4tL3GgMnCJS2UVxa3wJFpyrFELOprq1StYEd3FkrEUpVYwdUU3+ULWDvq0c4ty76tm4rbL6DSuoNpaxT1kpfUt45lV86aQCdLPoNbUWhTghsXc1CmsahRWQcZbWlKzVWkTTOk4vlVzUFSKqXEfc6D5wuAJY8jzE2UX5haZxaivCWzKByjxcdqeJE2aPcVnFV7dxUgF3vKKfgTQGYE2oku1tpNEYxj1GCG4bCMNGAPs4whrV44RbYFvf34xyjrnybnCEM7EXI1tRU9gKdp2zbNwNccKk0swJx6Sul90nFZA2oyZl/L6omZSljbzhbFvB8Gznb7KX9HKLE7IfvkOm8O4lqLMz3OMf45wY5/qkbyDn5aa3gOHMCGv05W2cVGG8DBbRqVXj0E91XI8JB/KtW7KHOI/XFrs4sIT2fOmNAirNRyuZ5iOcgZKVP21S+Mrk+37TA+E27XxZzydVWDA0oyPYbMRidh2H0HGen57p2Bjbx5koccF+99lqHOFYhzgDqPqVjnVPcB47kK0aYXW2tJxwuay6k2rS48RWKWxwTh3npPBWwfn9wzOci++daKX1px6Or9ma34yz//kK50mZjvMTzy3PYtjMAKtpz5yww8uqO6cwN8uPNU2bq8r15zpwnpSL3bE43oOHk8BxwgqqkKN4u1UAoONLnFEbKZ6X2dLzjY420479j0GXVXdOYfH9sTq4x1ksOKNmnL1Tz06CyUr+jQLrq7pJ0b2D8PgDe6W1VrT7GJWWq/D31TksOOdwGCS4fgJuZUXuRKWJr4TN5TyfVKOqCvsQ59ktONe5+3RwSHNQ1Q4vZIuzsaI7X4/qOlI28zy3lAnWTotrcY7G6ekQZyPF0CHOlBvjrA8znqjK8QUHbn7N9PV3Oc8nFfe8QshYHuEcu7MB/ZjHz/gwytjcmQ5GfueQyIOuu9vbAymA1XfKXvSymfF4J5jtkBSPcZ6oMM5RPfH6zN7QGdPgVRmTunD+xd4Vd08JAsEeLIgi4ol+/69ay2CCnneV1cuL+afeL7uwG3HZnZ29JbzhrqkW399eFv+ezuVuyDv4MbdbpPhKziG93W8xAanQdoln7nTNTQg2YpHPNRuqiR/dN6/S5DGJGAo68xMWi4mm0vmWIG2mECYktMpE3ZqTJZbzxGrI+R6Plipcc5TXlyrRci+MkY6iMgZPCb9TEHCqqMN6xDmdHR/6eGVF/xd5HWvjXT9VOt8SpLRucBrbQA121WUCnW0f6dzwKW0KEys3lKMdfQ5nKNB5eywylL0g/NdoO8KB4T8kazPndB6EEEtDccnfsDtxOsMFbYF/OVsR6CyHUOl8TxAlIcPhCCc6aDaIv2PRzZMxYe4fsnv0LTeJlnnqgek8P93lEYNnKMsWiFXzx4IfJEdX6MxslbJtfGPbfnjwkq1ReYzVgs7lS4BQ+ZaP4L5UfAKInOLmE7Eq6hAACLnYcVweqUubRaCqrD/EhO2ezs24VRcPQAaQP28VemjUFhGDX6LzzHTugxlZdy24baqfpy355yeUuOcdnZNMurOVzh8B8kpPYy9j+QMZNNBZdMODf0H3BhM6k7mraT6hs92qiznK7iYhR/xLKfpgll2hMx4LpvDywJLhlIAyPei87OgMqPTzSudPAHERAzvkJh0iDennrvWO26Zy+jyjs9dbdfFl0+3CtCJCxR3VvEt0DpHOolhzHluowOn2I539eiOVzjcHeW2CHde2KMniHAc6t6BFCSikCzrjAPeezuXLPRLYNn7L3C2GrtP5pO9VU0Fn7SudPxJOm7aT644mWGnhKFXhjmxGG5JWVNJZuXM6nyugUGwmxaXFVUdxjc6WxddHSGiZNzqP2n2pdP5EeJRCEsSAUh4EmesPpYy1uHQZy/tLOgdF+0rJazpTExaJju/GN+gA4F3/Mp17+WzJaPUq6LxbsKl0/gyUdJbDeKAzZwesteO8oLrM1TP3js7Dy6MdKXQ0CdFPGtJr/p27SGccKdHPO9tgbdt3IjdKOKcz9LJjVYjeHIfdmf2AMgUbWr2VUtqwrxvCZ6tKOu+kRg50PjY5He3vOmtsSp5pR1fpDI+EWJA0Oi4ZMXqU9+V0VrsFr/LvSuebY0dn+eAy4EZnwQZBDbe+cpf2OEiBoxRlR69uop+lMzmT+sYXzmrHRwSf+RvozJYDWnnnlEafNk6DnoWEDwgJK50/FAWd8cVPmkDnLJhmkNoSbJ4inRH1Gvz5ezof41zRDZ0U0Cv9Ljp3QblcVYWAiSOi6KKAckml80eC2Gli6bdiiWQCO+SdpRxA7l2CbQjaFbvzz9IZhXCc2aSI4kwIna8m6gbZdW3jqHA3Tf0nnrbdudL5QxFrKI0Ja2QMrQW427IZliokPNj/RqNWqdGvxM5wasyMxSVKkcCFIredl7lsuSWd+X7U2Pm/ABGHmashi2yNJuiLp1JzRGsdcAn6ZWbjPZ2JmtXHM/VzXaezZ9mracoHI1E43lTNbPwfIMK56SGTXyJBRKqVo0OCLTZO6R/IO7/SYMCxaDPQVf7LVTpjApDCkg+i0GXS7kXeOdK55p0/CTGeRWLZ06sEG5c/Sjq/rwq+MK+VaBe/SOfzToXvHSgZnWtV8OOhdFh1x4rOEmxLotIFzUbhxPTG7vA6nZVuZeoPrJqN/wlRPiFjTVjRa1Ospfl1RV3Zh3pqmHSdzgCpcaVzVdT9T0CXEcp+Z3SGXkj0zSu9MzrC/xU6O7uaLHo2bap65/8FpNe2DOVO6fyIe51BrP2uG+VtUMtAx8AfozPZ1TPPT0vtRvk8EDmvlHd02DCn2EzX7RSUx8ob6Az10PNeweTXseF8BmAHw6Q/R+cuKfbOegVVqL2C90Uc4WtHe5x2CoIK+WN0Ruf0Ib9MOhkcvO7Lxpb4vRD5N+jszPysk5tqJ/ed4XmEiZTcpHE0osB++57Ouc+Geeqz8WZaJib2bHnnv0Fnvj2UVNwTY4Lqs3FLeB1aKYU85sd8+r5HllfuShJAg/pZb/jqUxekpXRBOjcEixDi8RuqgkS8ZuWPEdT32Jl06J+7ID14wdUF6ZaAxyCqf2fBhjbTFMyeZETJwmhpNrsX8KD0qAM7TumMQOX3ajacYqsYc5BNezXHw2uks2nFYUwVKTNXj7r7wmnQ8PD9kTIjjoKqCXPbjmF3yCM/ZWUU8slBdDg6iL4r9elUExS8RV9X1OFdMbbtPCk6LaOQ0nM2Eqb875B9qHS+IwrnzxyETDLnnc08dHJAOFJc0Eu+YNaFv7N94u/cv0pX0Cq1H/pOIHq+qHcmjuS7DmKmJ66hCwcY5Mdn/s5T8neuhrh3BJqnj8Ficg3lquA6zmkuKelV6EFVnXyiHwfbc6L37vvY5aNMyS4QcI4Xm6tIIxhHz2HpGppN0rJ793248SLfWO3Kb4m0q8oheDpUBdG6wRlaxL+0V9ThZV24+M+K9pMzu3nSL+fbwxU3sIQ6Jc+u0TkZHHBQcdQyiy7tvaFbZ6N8OcxGqWOMbwrsqqBh+V5OnU4ebqJymZTbGQoIyPevTK4iNvdIsylV8twYQuOv0ZkVp4JtmtTxVsU6tnMapIhifr+fXNXZOrnqplChP9AQdt8C5zLHubw4mzi7gjiilol6xVxBjpOzl/u7uYLwxMV0KwfPDez4146CyIIPeRMteXQJyNXshp+jYqI8ERYjhjpX8K5Y2y/6oN3eFAsJvHXYbxsaKmy9eSft18CAuSjKs5XbCONeHEWxI0/aY6cG4a4l6tDJKMRiHJWJdBjHxJ+Cu7CD3OzT69TXW8Ph9IO2bcIm5UGylASOqjhcoTyuUEhXx03dURae4F1OhPB7RKriRSxM2EfxOTFIiIxbGrpURvHMSwTBar0pNJtnEm6+BzymccEUbxTTyetM7rsipgEwTz40Wvk4B82yWV0q0XGJpN+MNxx98crYRPcsynQ497FAw+hoLsO7IQ5bnl4mVtCCil01kvthtb9UFSx8Nhw5rxv4xiBrmGuxRddavnH4AMNYpqbp7opYTxDpazVaK21C+8BPMEwCQ4PRamUb5b4oA2rgpLh90hQpBA5pPaHdEBHseY09mQUE/pzVEBfaj+uWi1hhw1Q1oOqW14j/Wp9uk2+8YcNJGP3WqYL3hVN2SOzt23kcZxjiYiPb3Pfhv9m3ow1jO3QCxkWhoVLEAVvDZZ5nGPW/1sihko5RbGkmy7JOl7juvp80Te1ox7HFPcJycXMq6LYbb7FgHgdas843BsVAGZ76EZGqIJmighzlFSyGzpnKYQuuEts1J4L8PDGGKlzBb9lPV+iMuYL5kjebX0O0a7nFNVgwbK2r2PnGiJm4PbbqGQyE9lcgFvFUcoi5mAFS53N7ujXEHbUqaAjzuAt0Trb+O8C0upDH9vsFP9qga17jzvBo2z6QNejEVkqluxwifvH0lJ7A6tfp6TxLt578lCvFopjNdkHvTHijlJAdntBSD7rne1NrKDcHgsgcooiLCb1IGQrVZ1kkzjGcxKFFakFil8+L7pC9XaAzMjaHJU/qWQtZ+TKpbP7K3h3tJggEUQBN2y3QAKtQ+f9fbZbBWkStaZ805zyaG53EhSgsM4/uvdlPc6PFIgatrc9SqYqJZqdAF+2f1/ofsdcSurUXP568ivvb6XyI8Us0+vzHct5V4yFqOVUzVmnz6z0KPvYAbhur+eEt3/3xP+CymNN5e9H8tgRirGB/+dnDQ8QidGNxpO+Zr5+bTW3RMyClPy/nqCUuORbz8Xdhm2r/XrdLKCYPuqjxDFJVem52OQ85Tx/tGOtwvZ7HeYDqMKwD2/FXJZbzdGibah3anhmnYRjKobMuZMpD7qZ7+iHV7dQNJXqlWci4n0vO3VzN7vKdnDm0RGzWeA5zM9y6Keo6nrPbdjFcBW521Y1Qn377yBIs77V5tanvGZCyK9n6SjRKbopr1UToVLBrGgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8MUeHAgAAAAAAPm/NoKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqrQHByQAAAAAgv6/7keoAAAAAAAAAAAAAAAA3AV/2AP+8HIArQAAAABJRU5ErkJggg==",alt:"placeholder"}),f=n.default.createElement("div",{className:o("text-wrapper")},"Sample text");t.default=function(){return n.default.createElement("div",null,n.default.createElement(i.default,{colorClass:o(["attention"]),visuallyHiddenText:"Status Attention"},n.default.createElement(l.default,{id:"statusArrange",fitStart:c,fill:f,alignFill:"center"})))}},18150:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=o(r(67967)),i=o(r(56500)),u=o(r(45083)),A=["children","visuallyHiddenText","colorClass"];function o(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)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var s=a.default.bind(u.default),d={children:l.default.node.isRequired,visuallyHiddenText:l.default.string,colorClass:l.default.string},b=function(e){var t=e.children,r=e.visuallyHiddenText,l=e.colorClass,a=f(e,A);return n.default.createElement("div",c({},a,{className:s("status",l,a.className)}),r&&n.default.createElement(i.default,{text:r}),t)};b.propTypes=d;t.default=b},71097:function(e,t,r){r.r(t),t.default={arrange:"Arrange-module__arrange___tayob",fill:"Arrange-module__fill___JGXgw",fit:"Arrange-module__fit___BodSy",center:"Arrange-module__center___lVVfc",bottom:"Arrange-module__bottom___TiTgB",stretch:"Arrange-module__stretch___BFg42",default:"Arrange-module__default___6XJU-"}},65168:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___2l3J0","orion-fusion-theme":"colors-module__orion-fusion-theme___swP6I",attention:"colors-module__attention___yVjpx",success:"colors-module__success___cXrOC",info:"colors-module__info___mTXnj","image-wrapper":"colors-module__image-wrapper___SHgK0","text-wrapper":"colors-module__text-wrapper___vMcb+"}},45083:function(e,t,r){r.r(t),t.default={status:"Status-module__status___1FFzm"}}}]); \ No newline at end of file diff --git a/pull/4102/11475-9d3d17a697b008bdbd32.js b/pull/4102/11475-9d3d17a697b008bdbd32.js new file mode 100644 index 00000000000..77f03d09ac5 --- /dev/null +++ b/pull/4102/11475-9d3d17a697b008bdbd32.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[11475],{44747: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(96540)),l=c(r(5556)),a=c(r(46942)),u=c(r(67967)),i=c(r(52103)),f=c(r(93024)),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)continue;r[n]=e[n]}return r}(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 v(e,t){for(var r=0;r=0)continue;r[n]=e[n]}return r}(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,v=e.isIncomplete,m=e.isInline,h=e.isInvalid,O=e.isLabelHidden,g=e.label,I=e.labelAttrs,_=e.maxWidth,j=e.onChange,w=e.onInput,P=e.refCallback,C=e.required,q=e.showOptional,k=e.type,S=e.value,E=c(e,i);p&&a&&h?t="".concat(y,"-error ").concat(y,"-help"):(p&&(t="".concat(y,"-help")),a&&h&&(t="".concat(y,"-error")));var x=k||b.type;return E.placeholder&&(E.placeholder=null),n.default.createElement(l.default,d({label:g,labelAttrs:I,error:a,errorIcon:f,help:p,hideRequired:s,required:C,showOptional:q,isInvalid:h,isInline:m,isLabelHidden:O,htmlFor:y,maxWidth:_},E),n.default.createElement(u.default,d({},b,{disabled:b.disabled||o,id:y,isIncomplete:v,type:x,onChange:j,onInput:w,value:S,defaultValue:r,refCallback:P,"aria-describedby":t})))};b.propTypes=p,b.defaultProps=s;t.default=b},11475:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"InputField",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var n=l(r(44747)),o=l(r(60719));function l(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},93024:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___2+uSg","orion-fusion-theme":"Input-module__orion-fusion-theme___BNJE+","form-input":"Input-module__form-input___CHQ2i","form-error":"Input-module__form-error___0OFqM","form-incomplete":"Input-module__form-incomplete___W7v5s"}}}]); \ No newline at end of file diff --git a/pull/4102/12048-824fd94e312073d6774d.js b/pull/4102/12048-824fd94e312073d6774d.js new file mode 100644 index 00000000000..e4b2c0d4c2d --- /dev/null +++ b/pull/4102/12048-824fd94e312073d6774d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[12048],{12048:function(e,t,n){n.r(t),n.d(t,{default:function(){return _}});var r=n(96540),a=n(36665),o=n(1924),l=n(86587),p=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function c(e){var t=e.components,n=m(e,p);return(0,a.mdx)("wrapper",i({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Hyperlink from 'terra-hyperlink';\nimport ActionFooter from 'terra-action-footer';\nimport ExampleTemplate from '../../common/ExampleTemplate';\n\nexport default () => (\n \n Start Action}\n />\n \n);\n\n")))}c.isMDXComponent=!0;var u=n(201),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Single Start Action",description:n,example:r.createElement(l.A,null),exampleSrc:r.createElement(c,null),isExpanded:a})},f=n(67322),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g={};function h(e){var t=e.components,n=b(e,x);return(0,a.mdx)("wrapper",y({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport ActionFooter from 'terra-action-footer';\nimport ExampleTemplate from '../../common/ExampleTemplate';\n\nexport default () => (\n \n }\n />\n \n);\n\n")))}h.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Single End Action",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(h,null),isExpanded:a})},O=n(31109),E=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={};function j(e){var t=e.components,n=A(e,E);return(0,a.mdx)("wrapper",N({},S,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button';\nimport Hyperlink from 'terra-hyperlink';\nimport Spacer from 'terra-spacer';\nimport ActionFooter from 'terra-action-footer';\nimport ExampleTemplate from '../../common/ExampleTemplate';\n\nexport default () => (\n \n Start Action}\n end={(\n \n \n \n \n );\n }\n}\n\nexport default InvalidExample;\n\n')))}Y.isMDXComponent=!0;var $=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Invalid",description:n,example:r.createElement(H.A,null),exampleSrc:r.createElement(Y,null),isExpanded:a})},U=n(1620),K=["components"];function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Q={};function ee(e){var t=e.components,n=J(e,K);return(0,a.mdx)("wrapper",G({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Textarea from 'terra-form-textarea';\n\nconst IncompleteExample = () => {\n const [area, setArea] = useState('');\n\n return (\n setArea(event.target.value)}\n size=\"small\"\n id=\"incomplete\"\n />\n );\n};\n\nexport default IncompleteExample;\n\n")))}ee.isMDXComponent=!0;var te=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Incomplete",description:n,example:r.createElement(U.A,null),exampleSrc:r.createElement(ee,null),isExpanded:a})},ne=n(43824),re=["components"];function ae(){return ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var oe={};function ie(e){var t=e.components,n=le(e,re);return(0,a.mdx)("wrapper",ae({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Textarea from \'terra-form-textarea\';\n\nconst DisabledExample = () => (\n \n);\n\nexport default DisabledExample;\n\n')))}ie.isMDXComponent=!0;var ue=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Disabled",description:n,example:r.createElement(ne.A,null),exampleSrc:r.createElement(ie,null),isExpanded:a})},de=n(1998),pe=["components"];function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var se={};function fe(e){var t=e.components,n=me(e,pe);return(0,a.mdx)("wrapper",ce({},se,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Textarea from \'terra-form-textarea\';\n\nconst DefaultTextArea = () => (\n \n);\n\nexport default DefaultTextArea;\n\n')))}fe.isMDXComponent=!0;var xe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Textarea",description:n,example:r.createElement(de.A,null),exampleSrc:r.createElement(fe,null),isExpanded:a})},ye=n(59194),be=["components"];function ve(){return ve=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var he={};function Oe(e){var t=e.components,n=ge(e,be);return(0,a.mdx)("wrapper",ve({},he,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\nimport Textarea from 'terra-form-textarea';\n\nconst TextareaProgrammaticSet = () => {\n const [text, setText] = useState('');\n const inputRef = useRef(null);\n\n const setTextClick = () => {\n if (inputRef.current) {\n inputRef.current.value = 'IpsumLorem';\n const customEvent = new Event('input', {\n bubbles: true,\n cancelable: false,\n });\n inputRef.current.dispatchEvent(customEvent);\n }\n };\n\n const handleChange = (event, value) => {\n setText(value);\n };\n\n const handleInput = (event) => {\n setText(event.target.value);\n };\n\n return (\n
\n { inputRef.current = ref; }}\n />\n \n
\n );\n};\n\nexport default TextareaProgrammaticSet;\n\n")))}Oe.isMDXComponent=!0;var _e=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Textarea Programmatic Set",description:n,example:r.createElement(ye.A,null),exampleSrc:r.createElement(Oe,null),isExpanded:a})},Te=n(12883),je=["components"];function we(){return we=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Ne={},Ce="wrapper";function Pe(e){var t=e.components,n=Ee(e,je);return(0,a.mdx)(Ce,we({},Ne,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Te.Ay,{mdxType:"PropsTable"},(0,a.mdx)(Te.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that labels the current element. 'aria-label' must be present,\nfor accessibility."))),(0,a.mdx)(Te.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The defaultValue of the textarea. Use this to create an uncontrolled textarea."))),(0,a.mdx)(Te.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the textarea is disabled."))),(0,a.mdx)(Te.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"isAutoResizable"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the textarea can be auto-resized vertically. ",(0,a.mdx)("em",{parentName:"p"},'(Will be ignored if size attribute is set to "full".)')))),(0,a.mdx)(Te.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the text area displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(Te.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the text area displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(Te.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"name"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Name of the input."))),(0,a.mdx)(Te.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to trigger when user changes the textarea value. Provide a function to create a controlled input."))),(0,a.mdx)(Te.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to trigger when user focuses on this textarea."))),(0,a.mdx)(Te.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"onInput"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to trigger when user inputs a value. Use when programmatically setting a value. Sends parameter {Event} event."))),(0,a.mdx)(Te.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the input is required or not."))),(0,a.mdx)(Te.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"rows"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Value to set for the rows attribute of the textarea. This takes precedence over size when\nsetting the height of the textarea."))),(0,a.mdx)(Te.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"size"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'small'\n 'medium'\n 'large'\n 'full'\n],\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'small'\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The size of the textarea. ",(0,a.mdx)("em",{parentName:"p"},"(Sizes the textarea by setting the rows attribute a corresponding preset value.)")))),(0,a.mdx)(Te.fI,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The value of the textarea. Use this to create a controlled textarea."))),(0,a.mdx)(Te.fI,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback for the ref of the textarea. Useful for advanced\nfunctionality such as managing focus, selection, or animations."))),(0,a.mdx)(Te.fI,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(Te.dt,{mdxType:"PropNameCell"},"disableResize"),(0,a.mdx)(Te.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Te.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Te.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Te.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the textarea is resizable.\n",(0,a.mdx)("inlineCode",{parentName:"p"},"Disabled")," textarea and the ones with size ",(0,a.mdx)("inlineCode",{parentName:"p"},"full")," are always non-resizable.")))))}Pe.isMDXComponent=!0;var Se=["components"];function Re(){return Re=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Me={},Ie="wrapper";function Ae(e){var t=e.components,n=De(e,Se);return(0,a.mdx)(Ie,Re({},Me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-textarea"},"Terra Form Textarea"),(0,a.mdx)("p",null,"Element for building out textareas in a form."),(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"Note:")," To follow ",(0,a.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research"},"UX Best Practices"),", this component does not allow ",(0,a.mdx)("inlineCode",{parentName:"p"},"placeholder"),"."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-textarea"))))),(0,a.mdx)("h2",{id:"browser-resizability"},"Browser Resizability"),(0,a.mdx)("p",null,"Note - for most browsers, dragging the gripper resizes the text area. Under the hood, the browser applies an inline width and height."),(0,a.mdx)("p",null,"To swap different ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-form-textarea")," components altered by this resize functionality, assign each component a unique key. Otherwise, React reconcilliation will not transfer these inline styles."),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Textarea from 'terra-form-textarea';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(xe,{mdxType:"TextareaExample"}),(0,a.mdx)(h,{mdxType:"FixedSmallSizeExample"}),(0,a.mdx)(N,{mdxType:"FixedMediumSizeExample"}),(0,a.mdx)(I,{mdxType:"FixedLargeSizeExample"}),(0,a.mdx)(s,{mdxType:"ResizableExample"}),(0,a.mdx)(F,{mdxType:"FillContainerExample"}),(0,a.mdx)($,{mdxType:"InvalidExample"}),(0,a.mdx)(te,{description:"Applies theme-specific styling for incomplete, this example shows simple version of incomplete styling being removed after value is added. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteExample"}),(0,a.mdx)(ue,{mdxType:"DisabledExample"}),(0,a.mdx)(_e,{mdxType:"TextareaProgrammaticSet"}),(0,a.mdx)("h2",{id:"form-textarea-props"},"Form Textarea Props"),(0,a.mdx)(Pe,{mdxType:"FormTextareaPropsTable"}))}Ae.isMDXComponent=!0},9463:function(e,t,n){n.d(t,{E:function(){return l}});var r=n(96540),a=n(55713),l=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-textarea",name:"terra-form-textarea",version:"5.34.0",url:t})}},43824:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(17491));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{disabled:!0,size:"small",value:"I'm disabled.",id:"disabled"})}},5226:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(17491));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{size:"full",defaultValue:"I am full container width and height, making me non-resizable.",id:"fill-container"})}},48616:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(17491));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{size:"large",id:"large",disableResize:!0})}},22242:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(17491));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{size:"medium",id:"medium",disableResize:!0})}},3212:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(17491));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{size:"small",id:"small",disableResize:!0})}},1620:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a,l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=(a=n(17491))&&a.__esModule?a:{default:a};function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],u=!0,d=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){d=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(d)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=o.default.bind(u.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=m(e,d),u=r.default.useContext(i.default),p=(0,l.default)(s("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},u.className),o.className);return r.default.createElement("table",c({},o,{className:p}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(93623)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},p=function(e){var t=e.children,n=u(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};p.propTypes=d,p.defaultProps={children:[]};t.default=p},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=d(n(67967)),o=d(n(19677)),i=d(n(93623)),u=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=l.default.bind(o.default),s={children:a.default.node},f=function(e){var t=e.children,n=c(e,u),a=m(["row"]);return r.default.createElement("tr",p({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=d(n(17212)),a=d(n(15460)),l=d(n(96646)),o=d(n(59584)),i=d(n(14281)),u=d(n(93401));function d(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},27166:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(56445));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return r.default.createElement(a.default,t,r.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/21312-f7b756c2d2a82f96888a.css b/pull/4102/21312-f7b756c2d2a82f96888a.css new file mode 100644 index 00000000000..77263cd82b1 --- /dev/null +++ b/pull/4102/21312-f7b756c2d2a82f96888a.css @@ -0,0 +1 @@ +.OverlayTestCommon-module__overlay-container1___C3\+9j,.OverlayTestCommon-module__overlay-container2___dP6Me{width:100%}.OverlayTestCommon-module__overlay-container1___C3\+9j{height:100%}.OverlayTestCommon-module__overlay-container2___dP6Me{height:100px} diff --git a/pull/4102/21312-f7b756c2d2a82f96888a.js b/pull/4102/21312-f7b756c2d2a82f96888a.js new file mode 100644 index 00000000000..a2dd8d4bb53 --- /dev/null +++ b/pull/4102/21312-f7b756c2d2a82f96888a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[21312],{21312:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var r=d(t(96540)),n=d(t(67967)),l=d(t(49605)),o=d(t(40042)),u=d(t(6375));function d(e){return e&&e.__esModule?e:{default:e}}var i=n.default.bind(u.default);a.default=function(){return r.default.createElement(l.default,{className:i("overlay-container1"),overlay:r.default.createElement(o.default,{isOpen:!0,isRelativeToContainer:!0,isAnimated:!0,id:"terra-LoadingOverlay"})})}},6375:function(e,a,t){t.r(a),a.default={"overlay-container1":"OverlayTestCommon-module__overlay-container1___C3+9j","overlay-container2":"OverlayTestCommon-module__overlay-container2___dP6Me"}}}]); \ No newline at end of file diff --git a/pull/4102/21446-97c98908b3b39914a944.js b/pull/4102/21446-97c98908b3b39914a944.js new file mode 100644 index 00000000000..6e1f94850aa --- /dev/null +++ b/pull/4102/21446-97c98908b3b39914a944.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[21446],{21446:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=l(96540))&&a.__esModule?a:{default:a},u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=o(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var c=r?Object.getOwnPropertyDescriptor(e,u):null;c&&(c.get||c.set)?Object.defineProperty(a,u,c):a[u]=e[u]}return a.default=e,l&&l.set(e,a),a}(l(79436));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(o=function(e){return e?l:t})(e)}t.default=function(){return r.default.createElement(u.default,{dividerStyle:"standard"},r.default.createElement(u.Subsection,{key:"static-subsection",title:"Static Subsection"},r.default.createElement(u.Item,{key:"123"},r.default.createElement("p",null,"test static 1")),r.default.createElement(u.Item,{key:"124"},r.default.createElement("p",null,"test static 2")),r.default.createElement(u.Item,{key:"125"},r.default.createElement("p",null,"test static 3"))),r.default.createElement(u.Subsection,{key:"collapsible-subsection",isCollapsible:!0,title:"Collapsible Subsection"},r.default.createElement(u.Item,{key:"223"},r.default.createElement("p",null,"test collapsible 1")),r.default.createElement(u.Item,{key:"224"},r.default.createElement("p",null,"test collapsible 2"))),r.default.createElement(u.Subsection,{key:"collapsible-subsection",isCollapsed:!0,isCollapsible:!0,title:"Collapsed Subsection"},r.default.createElement(u.Item,{key:"323"},r.default.createElement("p",null,"test collapsed"))))}}}]); \ No newline at end of file diff --git a/pull/4102/21548-38a741788ff503eb7319.css b/pull/4102/21548-38a741788ff503eb7319.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/21548-38a741788ff503eb7319.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/4102/21548-38a741788ff503eb7319.js b/pull/4102/21548-38a741788ff503eb7319.js new file mode 100644 index 00000000000..990d994d662 --- /dev/null +++ b/pull/4102/21548-38a741788ff503eb7319.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[21548],{55713:function(e,n,a){var r=a(24994);n.A=void 0;var t=r(a(96540)),l=r(a(5556)),d=r(a(67967)),u=r(a(25642)),i=d.default.bind(u.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var n=e.src,a=e.name,r=e.url,l=e.version,d=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=n?t.default.createElement("a",{className:i("badge"),href:n},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},d,u)};m.propTypes=o;n.A=m},21548:function(e,n,a){a.r(n),a.d(n,{default:function(){return g}});a(96540);var r=a(36665),t=a(72413),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;a[r]=e[r]}return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var i={},o="wrapper";function m(e){var n=e.components,a=u(e,l);return(0,r.mdx)(o,d({},i,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"070---february-27-2024"},"0.7.0 - (February 27, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"060---february-15-2024"},"0.6.0 - (February 15, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"050---november-13-2023"},"0.5.0 - (November 13, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"040---august-1-2023"},"0.4.0 - (August 1, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"031---june-28-2023"},"0.3.1 - (June 28, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"030---february-15-2023"},"0.3.0 - (February 15, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,r.mdx)("h2",{id:"020---january-3-2023"},"0.2.0 - (January 3, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added initial docs and tests folders"),(0,r.mdx)("li",{parentName:"ul"},"Added initial props that pass through to ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-table")),(0,r.mdx)("li",{parentName:"ul"},"Added initial ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-outline-view-table")," component")))),(0,r.mdx)("p",null,"Initial stable release"))}m.isMDXComponent=!0;var p=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;a[r]=e[r]}return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var f={},b="wrapper";function g(e){var n=e.components,a=c(e,p);return(0,r.mdx)(b,s({},f,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(t.E,{mdxType:"Badge"}),(0,r.mdx)(m,{mdxType:"ChangeLog"}))}g.isMDXComponent=!0},72413:function(e,n,a){a.d(n,{E:function(){return l}});var r=a(96540),t=a(55713),l=function(e){var n=e.url;return r.createElement(t.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-outline-view-table",name:"terra-outline-view-table",version:"0.7.0",url:n})}},25642:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/21614-f55458d7af86ebea8e4b.css b/pull/4102/21614-f55458d7af86ebea8e4b.css new file mode 100644 index 00000000000..45e52d3dfb3 --- /dev/null +++ b/pull/4102/21614-f55458d7af86ebea8e4b.css @@ -0,0 +1,4 @@ +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +[dir] .Select-test-module__content-wrapper___ib1qL{margin:10px}[dir] .Select-test-module__bottom-left___rabhi{margin:10px;margin-top:81vh} diff --git a/pull/4102/21614-f55458d7af86ebea8e4b.js b/pull/4102/21614-f55458d7af86ebea8e4b.js new file mode 100644 index 00000000000..b15d1892cce --- /dev/null +++ b/pull/4102/21614-f55458d7af86ebea8e4b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[21614],{88218:function(e,t,n){function o(e){return o="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},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),l=u(n(67967)),i=u(n(19137)),a=u(n(914));function u(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var i={};function u(e){var n=e.components,t=d(e,p);return(0,o.mdx)("wrapper",m({},i,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst AllowClearExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default AllowClearExample;\n\n')))}u.isMDXComponent=!0;var s=t(201),c=t(3710),x=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Allow Clear",description:t,example:l.createElement(r.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(u,null),isExpanded:o})},b=t(80254),f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var C={};function O(e){var n=e.components,t=v(e,f);return(0,o.mdx)("wrapper",y({},C,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ControlledExample = () => {\n const [value, setValue] = useState(\'blue\');\n\n return (\n \n \n \n \n \n \n \n );\n};\n\nexport default ControlledExample;\n\n')))}O.isMDXComponent=!0;var g=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Controlled",description:t,example:l.createElement(b.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(O,null),isExpanded:o})},h=t(63679),N=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var w={};function j(e){var n=e.components,t=E(e,N);return(0,o.mdx)("wrapper",T({},w,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxExample;\n\n')))}j.isMDXComponent=!0;var R=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Combobox",description:t,example:l.createElement(h.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(j,null),isExpanded:o})},S=t(61044),P=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var I={};function q(e){var n=e.components,t=D(e,P);return(0,o.mdx)("wrapper",A({},I,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DisabledExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default DisabledExample;\n\n')))}q.isMDXComponent=!0;var k=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Disabled",description:t,example:l.createElement(S.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(q,null),isExpanded:o})},M=t(79763),V=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var W={};function _(e){var n=e.components,t=G(e,V);return(0,o.mdx)("wrapper",Z({},W,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IsTouchAccessibleExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IsTouchAccessibleExample;\n\n')))}_.isMDXComponent=!0;var H=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Is Touch Accessible",description:t,example:l.createElement(M.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(_,null),isExpanded:o})},B=t(3009),Y=["components"];function $(){return $=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var F={};function L(e){var n=e.components,t=X(e,Y);return(0,o.mdx)("wrapper",$({},F,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst InvalidExample = () => {\n const [isInvalid, setInvalid] = useState(true);\n const handleOnChange = (value) => {\n const invalid = !!((!value || value === \'\'));\n setInvalid(invalid);\n };\n return (\n <>\n \n \n \n \n \n \n \n {isInvalid && Please select a color}\n

Required: Please select a color from above list

\n \n );\n};\n\nexport default InvalidExample;\n\n')))}L.isMDXComponent=!0;var z=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Invalid",description:t,example:l.createElement(B.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(L,null),isExpanded:o})},U=t(67984),J=["components"];function K(){return K=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var ee={};function ne(e){var n=e.components,t=Q(e,J);return(0,o.mdx)("wrapper",K({},ee,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default IncompleteExample;\n\n')))}ne.isMDXComponent=!0;var te=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Incomplete",description:t,example:l.createElement(U.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(ne,null),isExpanded:o})},le=t(78231),oe=["components"];function ae(){return ae=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var pe={};function me(e){var n=e.components,t=re(e,oe);return(0,o.mdx)("wrapper",ae({},pe,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxHeightExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxHeightExample;\n\n')))}me.isMDXComponent=!0;var de=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Max Height",description:t,example:l.createElement(le.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(me,null),isExpanded:o})},ie=t(32700),ue=["components"];function se(){return se=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var xe={};function be(e){var n=e.components,t=ce(e,ue);return(0,o.mdx)("wrapper",se({},xe,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Combobox } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst OptGroupExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default OptGroupExample;\n\n')))}be.isMDXComponent=!0;var fe=function(e){var n=e.title,t=e.description,o=e.isExpanded;return l.createElement(s.A,{title:n||"Opt Group",description:t,example:l.createElement(ie.A,null),exampleCssSrc:l.createElement(c.A,null),exampleSrc:l.createElement(be,null),isExpanded:o})},ye=t(12883),ve=["components"];function Ce(){return Ce=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var ge={},he="wrapper";function Ne(e){var n=e.components,t=Oe(e,ve);return(0,o.mdx)(he,Ce({},ge,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)(ye.Ay,{mdxType:"PropsTable"},(0,o.mdx)(ye.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"allowClear"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether a clear option is available to clear the selection, will use placeholder text if provided."))),(0,o.mdx)(ye.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The dropdown menu options."))),(0,o.mdx)(ye.fI,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The default selected value. Can be a string, number, or array of strings/numbers."))),(0,o.mdx)(ye.fI,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"disabled"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether the select is disabled."))),(0,o.mdx)(ye.fI,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"dropdownAttrs"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Additional attributes to spread onto the dropdown. ( Style, ClassNames, etc.. )"))),(0,o.mdx)(ye.fI,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether the select displays as Incomplete. Use when no value has been provided. ",(0,o.mdx)("em",{parentName:"p"},"(usage note: ",(0,o.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,o.mdx)(ye.fI,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether the select displays as Invalid. Use when value does not meet validation pattern."))),(0,o.mdx)(ye.fI,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,o.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,o.mdx)(ye.fI,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The max height of the dropdown."))),(0,o.mdx)(ye.fI,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"noResultContent"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Content to display when no results are found."))),(0,o.mdx)(ye.fI,{key:"ROW11",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"onBlur"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when the select loses focus. function(event)"))),(0,o.mdx)(ye.fI,{key:"ROW12",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"onChange"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when the value changes. function(value)"))),(0,o.mdx)(ye.fI,{key:"ROW13",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"onClick"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when the select is clicked. function(event)"))),(0,o.mdx)(ye.fI,{key:"ROW14",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"onDeselect"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when an option is deselected. function(value)"))),(0,o.mdx)(ye.fI,{key:"ROW15",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"onFocus"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when the select receives focus. function(event)"))),(0,o.mdx)(ye.fI,{key:"ROW16",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"onSearch"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when the search criteria changes. function(searchValue)"))),(0,o.mdx)(ye.fI,{key:"ROW17",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"onSelect"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function triggered when an option is selected. function(value)"))),(0,o.mdx)(ye.fI,{key:"ROW18",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"optionFilter"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Callback function invoked for each option on search change. function(searchValue, option)"))),(0,o.mdx)(ye.fI,{key:"ROW19",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"placeholder"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nPlaceholder prop has been deprecated and will be Removed on next major version release, Visual label should be used instead for better Accessibility experience."))),(0,o.mdx)(ye.fI,{key:"ROW20",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"required"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Whether the field is required."))),(0,o.mdx)(ye.fI,{key:"ROW21",mdxType:"Row"},(0,o.mdx)(ye.dt,{mdxType:"PropNameCell"},"value"),(0,o.mdx)(ye.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,o.mdx)(ye.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(ye.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(ye.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The selected value. Can be a string, number, or array of strings/numbers.")))))}Ne.isMDXComponent=!0;var Te=t(90125),Ee=t(506),we=["components"];function je(){return je=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;t[l]=e[l]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var Se={},Pe="wrapper";function Ae(e){var n=e.components,t=Re(e,we);return(0,o.mdx)(Pe,je({},Se,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)(a.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-form-combobox"},"Terra Form Combobox"),(0,o.mdx)("p",null,"The Combobox component allows a user to enter a single free text entry or select a single option from the dropdown of a selectable options."),(0,o.mdx)("p",null,"Consumers are encouraged to use the ",(0,o.mdx)("inlineCode",{parentName:"p"},"ComboboxField")," component over the ",(0,o.mdx)("inlineCode",{parentName:"p"},"Combobox")," component wherever possible, as the latter does not provide the labels necessary to support accessibility."),(0,o.mdx)("p",null,"To create an accessible ",(0,o.mdx)("inlineCode",{parentName:"p"},"Combobox")," component:"),(0,o.mdx)("ol",null,(0,o.mdx)("li",{parentName:"ol"},"Ensure that ",(0,o.mdx)("inlineCode",{parentName:"li"},"ComboboxField")," can receive keyboard focus."),(0,o.mdx)("li",{parentName:"ol"},"Ensure that ",(0,o.mdx)("inlineCode",{parentName:"li"},"ComboboxField")," programmatically associates all related content (such as visible label, helper text & error messaging) to the field."),(0,o.mdx)("li",{parentName:"ol"},"Ensure any visible ",(0,o.mdx)("inlineCode",{parentName:"li"},"Combobox Label")," matches any artificially applied programmatic label."),(0,o.mdx)("li",{parentName:"ol"},"Error messaging should provide error suggestions when the system can programmatically understand what is wrong.")),(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-form-select"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,o.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,o.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,o.mdx)("p",null,"The Form-Select component must be composed inside the ",(0,o.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/base/about"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { Combobox } from 'terra-form-select';\n")),(0,o.mdx)("h2",{id:"component-features"},"Component Features"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(R,{description:"A Combobox allows a user to enter a single free text entry or select a single option from the the dropdown.",mdxType:"ComboboxExample"}),(0,o.mdx)(H,{description:"Ensure accessibility on touch devices. Will render the dropdown menu in normal DOM flow with position absolute. By default, the menu renders in a portal, which is inaccessible on touch devices.",mdxType:"IsTouchAccessibleExample"}),(0,o.mdx)(k,{mdxType:"DisabledExample"}),(0,o.mdx)(z,{description:"Applies theme-specific styling for invalid. Will also display error text when used with a Field.",mdxType:"InvalidExample"}),(0,o.mdx)(te,{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:"IncompleteExample"}),(0,o.mdx)(fe,{title:"Ability to add Option Groups",description:"An OptGroup provides a way to group options together within the listbox.",mdxType:"OptGroupExample"}),(0,o.mdx)(de,{title:"Ability to set a Maximum Height",description:"An example of implementing a custom max height of the dropdown.",mdxType:"MaxHeightExample"}),(0,o.mdx)(x,{title:"Ability to Clear Selection",description:"An example with an option to clear the selected item.",mdxType:"AllowClearExample"}),(0,o.mdx)(g,{title:"Create a Controlled Combobox",description:"An example of implementing a controlled Combobox.",mdxType:"ControlledExample"}),(0,o.mdx)("h2",{id:"combobox-props"},"Combobox Props"),(0,o.mdx)(Ne,{mdxType:"ComboboxPropsTable"}),(0,o.mdx)("h2",{id:"option-props"},"Option Props"),(0,o.mdx)(Te.A,{mdxType:"OptionPropsTable"}),(0,o.mdx)("h2",{id:"optgroup-props"},"OptGroup Props"),(0,o.mdx)(Ee.A,{mdxType:"OptGroupPropsTable"}))}Ae.isMDXComponent=!0},94238:function(e,n,t){n.A=void 0;var l=p(t(96540)),o=t(19137),a=p(t(67967)),r=p(t(91002));function p(e){return e&&e.__esModule?e:{default:e}}var m=a.default.bind(r.default);n.A=function(){return l.default.createElement(o.Combobox,{placeholder:"Select a color",allowClear:!0,className:m("form-select")},l.default.createElement(o.Combobox.Option,{value:"blue",display:"Blue"}),l.default.createElement(o.Combobox.Option,{value:"green",display:"Green"}),l.default.createElement(o.Combobox.Option,{value:"purple",display:"Purple"}),l.default.createElement(o.Combobox.Option,{value:"red",display:"Red"}),l.default.createElement(o.Combobox.Option,{value:"violet",display:"Violet"}))}},63679:function(e,n,t){n.A=void 0;var l=p(t(96540)),o=t(19137),a=p(t(67967)),r=p(t(91002));function p(e){return e&&e.__esModule?e:{default:e}}var m=a.default.bind(r.default);n.A=function(){return l.default.createElement(o.Combobox,{placeholder:"Select a color",ariaLabel:"Colors",className:m("form-select")},l.default.createElement(o.Combobox.Option,{value:"blue",display:"Blue"}),l.default.createElement(o.Combobox.Option,{value:"green",display:"Green"}),l.default.createElement(o.Combobox.Option,{value:"purple",display:"Purple"}),l.default.createElement(o.Combobox.Option,{value:"red",display:"Red"}),l.default.createElement(o.Combobox.Option,{value:"violet",display:"Violet"}))}},80254:function(e,n,t){function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}n.A=void 0;var o=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=d(n);if(t&&t.has(e))return t.get(e);var o={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var p=a?Object.getOwnPropertyDescriptor(e,r):null;p&&(p.get||p.set)?Object.defineProperty(o,r,p):o[r]=e[r]}return o.default=e,t&&t.set(e,o),o}(t(96540)),a=t(19137),r=m(t(67967)),p=m(t(91002));function m(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(d=function(e){return e?t:n})(e)}function i(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,o,a,r,p=[],m=!0,d=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;m=!1}else for(;!(m=(l=a.call(t)).done)&&(p.push(l.value),p.length!==n);m=!0);}catch(e){d=!0,o=e}finally{try{if(!m&&null!=t.return&&(r=t.return(),Object(r)!==r))return}finally{if(d)throw o}}return p}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return u(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);te.length)&&(n=e.length);for(var t=0,l=new Array(n);t0,y=(0,m.default)(s,c,g),C=y.messageId,E=y.messageAttributes,T=u&&s?n.default.createElement("div",null,s):n.default.createElement("div",null,t.formatMessage({id:C},E)),w=u&&s?t.formatMessage({id:"Terra.paginator.customPageSelected"},{pageLabel:s}):void 0,k=n.default.createElement(n.default.Fragment,null,T,n.default.createElement("ul",{className:M("progressive-list")},v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.first"}),className:M(["nav-link",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},t.formatMessage({id:"Terra.paginator.first"}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.previous"}),className:M(["nav-link","previous",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(b),onKeyDown:this.handlePageChange(b)},n.default.createElement("span",{className:M("icon")}),t.formatMessage({id:"Terra.paginator.previous"}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===g,ariaLabel:t.formatMessage({id:"Terra.paginator.next"}),className:M(["nav-link","next",c===g?"is-disabled":null]),disabled:c===g,onClick:this.handlePageChange(h),onKeyDown:this.handlePageChange(h)},t.formatMessage({id:"Terra.paginator.next"}),n.default.createElement("span",{className:M("icon")}))),v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===g,ariaLabel:t.formatMessage({id:"Terra.paginator.last"}),className:M(["nav-link",c===g?"is-disabled":null]),disabled:c===g,onClick:this.handlePageChange(g),onKeyDown:this.handlePageChange(g)},t.formatMessage({id:"Terra.paginator.last"}))))),N=n.default.createElement(d.default,{"aria-live":"polite","aria-relevant":"additions text",text:w||this.state.selectedPageMessage});return n.default.createElement("nav",{className:M("paginator","progressive",e.className),"aria-labelledby":i,"aria-label":i?void 0:P},N,k)}},{key:"reducedProgressivePaginator",value:function(){var e=this.context,a=this.props,t=a.intl,r=a.totalCount,l=a.itemCountPerPage,i=a.ariaLabelledBy,o=a.ariaLabel,s=a.pageLabel,u=a.hidePageCount,g=r?(0,f.calculatePages)(r,l):0,c=this.state.selectedPage,b=1===c?1:c-1,h=c===g?g:c+1,P=o||"pagination",v=r>0,y=(0,m.default)(s,c,g),C=y.messageId,E=y.messageAttributes,T=u&&s?n.default.createElement("div",null,s):n.default.createElement("div",null,t.formatMessage({id:C},E)),w=u&&s?t.formatMessage({id:"Terra.paginator.customPageSelected"},{pageLabel:s}):void 0,k=n.default.createElement(n.default.Fragment,null,T,n.default.createElement("ul",{className:M("progressive-list")},v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.first"}),className:M(["nav-link",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},t.formatMessage({id:"Terra.paginator.first"}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.previous"}),className:M(["nav-link","previous","icon-only",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(b),onKeyDown:this.handlePageChange(b)},n.default.createElement(d.default,{text:t.formatMessage({id:"Terra.paginator.previous"})}),n.default.createElement("span",{className:M("icon")}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===g,ariaLabel:t.formatMessage({id:"Terra.paginator.next"}),className:M(["nav-link","next","icon-only",c===g?"is-disabled":null]),disabled:c===g,onClick:this.handlePageChange(h),onKeyDown:this.handlePageChange(h)},n.default.createElement(d.default,{text:t.formatMessage({id:"Terra.paginator.next"})}),n.default.createElement("span",{className:M("icon")}))),v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===g,ariaLabel:t.formatMessage({id:"Terra.paginator.last"}),className:M(["nav-link",c===g?"is-disabled":null]),disabled:c===g,onClick:this.handlePageChange(g),onKeyDown:this.handlePageChange(g)},t.formatMessage({id:"Terra.paginator.last"}))))),N=n.default.createElement(d.default,{"aria-live":"polite","aria-relevant":"additions text",text:w||this.state.selectedPageMessage});return n.default.createElement("nav",{className:M("paginator","progressive",e.className),"aria-labelledby":i,"aria-label":i?void 0:P},N,k)}},{key:"render",value:function(){return n.default.createElement(u.default,{onChange:this.setPaginator},this.state.showReducedPaginator?this.reducedProgressivePaginator():this.defaultProgressivePaginator())}}])&&P(t.prototype,r),l&&P(t,l),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,r,l}(n.default.Component);k.propTypes=w,k.contextType=o.default;a.default=(0,s.injectIntl)(k)}}]); \ No newline at end of file diff --git a/pull/4102/22294-29abc36d769a363f00d9.css b/pull/4102/22294-29abc36d769a363f00d9.css new file mode 100644 index 00000000000..fed4a92cac8 --- /dev/null +++ b/pull/4102/22294-29abc36d769a363f00d9.css @@ -0,0 +1 @@ +.ContentContainerTestCommon-module__header___4ti66,.ContentContainerTestCommon-module__content___vegYG,.ContentContainerTestCommon-module__footer___tLeLm{height:100%}[dir] .ContentContainerTestCommon-module__header___4ti66{background-color:#f64747}[dir] .ContentContainerTestCommon-module__content___vegYG{background-color:#98fb98}[dir] .ContentContainerTestCommon-module__footer___tLeLm{background-color:#00bfff}.ContentContainerTestCommon-module__content-container-wrapper___ZUnnq{height:200px}[dir] .ContentContainerTestCommon-module__content-container-fill___8fQIu{border:1px solid}.ContentContainerTestCommon-module__content-container-fill___8fQIu{height:200px}[dir] .ContentContainerTestCommon-module__content-container-dark___JlMna{background-color:#024978;border:1px solid #fff}[dir] .ContentContainerTestCommon-module__content-container-darker___TF6Jn{background-color:#1b2326;border:1px solid #fff}.ContentContainerTestCommon-module__white-text___KRIZ0{color:#fff} diff --git a/pull/4102/22294-29abc36d769a363f00d9.js b/pull/4102/22294-29abc36d769a363f00d9.js new file mode 100644 index 00000000000..d1a650bc76c --- /dev/null +++ b/pull/4102/22294-29abc36d769a363f00d9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22294],{22294:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=c(n(96540)),a=c(n(67967)),r=c(n(50247)),_=c(n(18675));function c(e){return e&&e.__esModule?e:{default:e}}var l=a.default.bind(_.default),d=o.default.createElement("header",{className:l("header")},"header"),i=o.default.createElement("div",{className:l("content")},"content"),m=o.default.createElement("footer",{className:l("footer")},"footer");t.default=function(){return o.default.createElement("div",{className:l("content-container-wrapper")},o.default.createElement(r.default,{id:"content-container",header:d,footer:m},i))}},18675:function(e,t,n){n.r(t),t.default={header:"ContentContainerTestCommon-module__header___4ti66",content:"ContentContainerTestCommon-module__content___vegYG",footer:"ContentContainerTestCommon-module__footer___tLeLm","content-container-wrapper":"ContentContainerTestCommon-module__content-container-wrapper___ZUnnq","content-container-fill":"ContentContainerTestCommon-module__content-container-fill___8fQIu","content-container-dark":"ContentContainerTestCommon-module__content-container-dark___JlMna","content-container-darker":"ContentContainerTestCommon-module__content-container-darker___TF6Jn","white-text":"ContentContainerTestCommon-module__white-text___KRIZ0"}}}]); \ No newline at end of file diff --git a/pull/4102/22357-2ee5b01bfb02bca0d744.css b/pull/4102/22357-2ee5b01bfb02bca0d744.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/22357-2ee5b01bfb02bca0d744.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/4102/22357-2ee5b01bfb02bca0d744.js b/pull/4102/22357-2ee5b01bfb02bca0d744.js new file mode 100644 index 00000000000..858d441f29c --- /dev/null +++ b/pull/4102/22357-2ee5b01bfb02bca0d744.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22357],{55713:function(a,r,n){var e=n(24994);r.A=void 0;var t=e(n(96540)),i=e(n(5556)),l=e(n(67967)),o=e(n(25642)),d=l.default.bind(o.default),m={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},p=function(a){var r=a.src,n=a.name,e=a.url,i=a.version,l=t.default.createElement("a",{className:d("badge"),href:e||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},t.default.createElement("span",{className:d("badge-name")},e?"package":"npm"),t.default.createElement("span",{className:d("badge-version")},"v".concat(i))),o=r?t.default.createElement("a",{className:d("badge"),href:r},t.default.createElement("span",{className:d("badge-name")},"github"),t.default.createElement("span",{className:d("badge-version")},"source")):void 0;return t.default.createElement("div",{className:d("badge-container")},l,o)};p.propTypes=m;r.A=p},22357:function(a,r,n){n.r(r),n.d(r,{default:function(){return p}});n(96540);var e=n(36665),t=n(29635),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(a){for(var r=1;r=0)continue;n[e]=a[e]}return n}(a,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);for(e=0;e=0||Object.prototype.propertyIsEnumerable.call(a,n)&&(t[n]=a[n])}return t}var d={},m="wrapper";function p(a){var r=a.components,n=o(a,i);return(0,e.mdx)(m,l({},d,n,{components:r,mdxType:"MDXLayout"}),(0,e.mdx)(t.E,{mdxType:"Badge"}),(0,e.mdx)("h1",{id:"terra-paginator-upgrade-guide"},"Terra Paginator Upgrade Guide"),(0,e.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,e.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,e.mdx)("h4",{id:"renamed"},"Renamed"),(0,e.mdx)("table",null,(0,e.mdx)("thead",{parentName:"table"},(0,e.mdx)("tr",{parentName:"thead"},(0,e.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,e.mdx)("th",{parentName:"tr",align:null},"New"))),(0,e.mdx)("tbody",{parentName:"table"},(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-foreground-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-background-hover"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-hover-background")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-foreground-color-hover"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-hover-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-text-decoration-hover"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-hover-text-decoration")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-background-focus"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-focus-background")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-border-focus"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-focus-border")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-box-shadow-focus"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-focus-box-shadow")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-foreground-color-focus"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-focus-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-background-active"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-active-background")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-foreground-color-active"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-active-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-text-decoration-active"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-active-text-decoration")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-foreground-color-disabled"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-disabled-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-disabled-box-shadow-focus"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-disabled-focus-box-shadow")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-previous"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-previous-background")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-previous-disabled"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-previous-disabled-background")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-next"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-next-background")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-next-disabled"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-paginator-nav-link-icon-next-disabled-background")))),(0,e.mdx)("h4",{id:"added-200"},"Added 2.0.0"),(0,e.mdx)("ul",null,(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-progressive-nav-link-previous-margin-left"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-progressive-nav-link-previous-margin-right"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-progressive-nav-link-next-margin-left"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-progressive-nav-link-next-margin-right"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-height"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-width"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-previous-margin-right"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-next-margin-left")),(0,e.mdx)("h4",{id:"added-221x"},"Added ~2.21.x"),(0,e.mdx)("ul",null,(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-background-color"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-box-shadow"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-font-size"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-text-decoration"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-hover-background-color"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-hover-box-shadow"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-hover-border"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-active-background-color"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-active-box-shadow"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-active-border"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-disabled-background-color"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-disabled-box-shadow"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-disabled-border"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-disabled-opacity"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-previous-padding-left"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-previous-icon-only-margin-left"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-previous-icon-only-margin-right"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-next-padding-right"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-next-icon-only-margin-left"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-next-icon-only-margin-right"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-previous-background-image"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-previous-disabled-background-image"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-next-background-image"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-next-disabled-background-image")),(0,e.mdx)("h4",{id:"removed-221x"},"Removed ~2.21.x"),(0,e.mdx)("ul",null,(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-hover-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-focus-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-active-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-disabled-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-previous-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-previous-disabled-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-next-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-paginator-nav-link-icon-next-disabled-background")))}p.isMDXComponent=!0},29635:function(a,r,n){n.d(r,{E:function(){return i}});var e=n(96540),t=n(55713),i=function(a){var r=a.url;return e.createElement(t.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-paginator",name:"terra-paginator",version:"2.92.0",url:r})}},25642:function(a,r,n){n.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/22628-e6ae5818b4b82821a4a7.css b/pull/4102/22628-e6ae5818b4b82821a4a7.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/22628-e6ae5818b4b82821a4a7.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/4102/22628-e6ae5818b4b82821a4a7.js b/pull/4102/22628-e6ae5818b4b82821a4a7.js new file mode 100644 index 00000000000..0f1d8dd3d5d --- /dev/null +++ b/pull/4102/22628-e6ae5818b4b82821a4a7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22628],{55713:function(e,t,r){var a=r(24994);t.A=void 0;var n=a(r(96540)),o=a(r(5556)),d=a(r(67967)),u=a(r(25642)),l=d.default.bind(u.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var t=e.src,r=e.name,a=e.url,o=e.version,d=n.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:l("badge-version")},"v".concat(o))),u=t?n.default.createElement("a",{className:l("badge"),href:t},n.default.createElement("span",{className:l("badge-name")},"github"),n.default.createElement("span",{className:l("badge-version")},"source")):void 0;return n.default.createElement("div",{className:l("badge-container")},d,u)};c.propTypes=m;t.A=c},22628:function(e,t,r){r.r(t),r.d(t,{default:function(){return c}});r(96540);var a=r(36665),n=r(7148),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var l={},m="wrapper";function c(e){var t=e.components,r=u(e,o);return(0,a.mdx)(m,d({},l,r,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(n.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-button-group-upgrade-guide"},"Terra Button Group Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-2-to-3"},"Changes from 2 to 3"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"Updated"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-active-and-hover-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-selected-and-hover-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-active-and-hover-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-selected-and-hover-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-active-and-hover-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-selected-and-hover-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-active-and-focus-background-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-selected-and-focus-background-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-active-and-focus-border-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-selected-and-focus-border-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-active-and-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-selected-and-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-active-and-focus-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-button-group-button-selected-and-focus-color")))),(0,a.mdx)("h3",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-button-group-button-selected-and-hover-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-button-group-button-selected-background-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-button-group-button-selected-border-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-button-group-button-selected-box-shadow"),(0,a.mdx)("li",{parentName:"ul"},"--terra-button-group-button-selected-color"),(0,a.mdx)("li",{parentName:"ul"},"--terra-button-group-button-active-box-shadow")))}c.isMDXComponent=!0},7148:function(e,t,r){r.d(t,{E:function(){return o}});var a=r(96540),n=r(55713),o=function(e){var t=e.url;return a.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-button-group",name:"terra-button-group",version:"3.79.0",url:t})}},25642:function(e,t,r){r.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/22649-b351130cfd7ad6cbbade.js b/pull/4102/22649-b351130cfd7ad6cbbade.js new file mode 100644 index 00000000000..512d197c449 --- /dev/null +++ b/pull/4102/22649-b351130cfd7ad6cbbade.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22649],{22649:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(a(96540)),n=r(a(6352));function r(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return l.default.createElement(n.default,{locale:"gabcdef",translationsLoadingPlaceholder:"No Translations String"},l.default.createElement("div",null,"Translations"))}}}]); \ No newline at end of file diff --git a/pull/4102/22745-da287fb3ca661d8c6c95.js b/pull/4102/22745-da287fb3ca661d8c6c95.js new file mode 100644 index 00000000000..1c8c55b047f --- /dev/null +++ b/pull/4102/22745-da287fb3ca661d8c6c95.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22745],{74224:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var o=u(r(96540)),i=u(r(5556)),a=u(r(67967)),l=u(r(71097)),c=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function u(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var y=a.default.bind(l.default),_={fitStart:i.default.element,fill:i.default.element.isRequired,fitEnd:i.default.element,align:i.default.oneOf(["center","bottom","stretch"]),alignFitStart:i.default.oneOf(["center","bottom","stretch"]),alignFitEnd:i.default.oneOf(["center","bottom","stretch"]),alignFill:i.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:i.default.object,fillAttributes:i.default.object,fitEndAttributes:i.default.object},m=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,i=e.align,a=e.alignFitStart,l=e.alignFill,u=e.alignFitEnd,s=e.fitStartAttributes,d=e.fillAttributes,_=e.fitEndAttributes,m=b(e,c),O=p({},s),v=p({},d),g=p({},_);return o.default.createElement("span",f({},m,{className:y("arrange",m.className)}),o.default.createElement("span",f({},O,{className:y("fit",i||a,O.className,"fit-block")}),t),o.default.createElement("span",f({},v,{className:y("fill",i||l,v.className,"fill-block")}),r),o.default.createElement("span",f({},g,{className:y("fit",i||u,g.className)}),n))};m.propTypes=_;t.default=m},22745:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=b(r(96540)),i=b(r(5556)),a=b(r(46942)),l=b(r(67967)),c=b(r(52103)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(o,a,l):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(25966)),f=b(r(74224)),s=b(r(65290)),p=["text","title","refCallback","onClick","isOpen","isTransparent","level","isTitleFixed"];function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function b(e){return e&&e.__esModule?e:{default:e}}function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function v(e,t){for(var r=0;r=0)continue;l[d]=e[d]}return l}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"2700---april-25-2024"},"2.70.0 - (April 25, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"2690---april-24-2024"},"2.69.0 - (April 24, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"2680---april-10-2024"},"2.68.0 - (April 10, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"2671---february-28-2024"},"2.67.1 - (February 28, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed width of arrange wrapper when header is sticky.")))),(0,d.mdx)("h2",{id:"2670---february-23-2024"},"2.67.0 - (February 23, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow the title of the ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header")," to be sticky. ")))),(0,d.mdx)("h2",{id:"2660---february-15-2024"},"2.66.0 - (February 15, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"2651---december-11-2023"},"2.65.1 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue where onClick callback was called twice when using spacebar key.")))),(0,d.mdx)("h2",{id:"2650---november-21-2023"},"2.65.0 - (November 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added the ability to fix the position of the title of the ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"),".")))),(0,d.mdx)("h2",{id:"2640---november-13-2023"},"2.64.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the section header components to meet accessibility standards.")))),(0,d.mdx)("h2",{id:"2630---october-23-2023"},"2.63.0 - (October 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2620---august-23-2023"},"2.62.0 - (August 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2610---august-1-2023"},"2.61.0 - (August 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated SectionHeader to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"span")," & ",(0,d.mdx)("inlineCode",{parentName:"li"},"button")," elements instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"div"),".")))),(0,d.mdx)("h2",{id:"2600---april-5-2023"},"2.60.0 - (April 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed required for ",(0,d.mdx)("inlineCode",{parentName:"li"},"text")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed button role for non-interactive section header."),(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots due to removal of button role"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-label for non-interactive section header.")))),(0,d.mdx)("h2",{id:"2590---march-1-2023"},"2.59.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added console warnings for section-header.")))),(0,d.mdx)("h2",{id:"2580---february-15-2023"},"2.58.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"2570---december-7-2022"},"2.57.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed title prop to text to avoid conflict with native html attribute"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added button role, aria-label and aria-expanded attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"Arrange")," component wrapper")))),(0,d.mdx)("h2",{id:"2560---july-14-2022"},"2.56.0 - (July 14, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed caret icon size to match similar components.")))),(0,d.mdx)("h2",{id:"2551---january-4-2022"},"2.55.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"2550---september-28-2021"},"2.55.0 - (September 28, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2540---september-21-2021"},"2.54.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"2530---july-6-2021"},"2.53.0 - (July 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2520---june-8-2021"},"2.52.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"2510---may-11-2021"},"2.51.0 - (May 11, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2500---april-13-2021"},"2.50.0 - (April 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2490---april-6-2021"},"2.49.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"2480---february-2-2021"},"2.48.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2470---january-5-2021"},"2.47.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed"),(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation."),(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"2460---december-8-2020"},"2.46.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2450---november-17-2020"},"2.45.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2440---november-10-2020"},"2.44.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,d.mdx)("h2",{id:"2430---october-27-2020"},"2.43.0 - (October 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2420---august-6-2020"},"2.42.0 - (August 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2410---august-4-2020"},"2.41.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2400---july-29-2020"},"2.40.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"2390---july-7-2020"},"2.39.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2380---june-11-2020"},"2.38.0 - (June 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,d.mdx)("h2",{id:"2370---june-9-2020"},"2.37.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"2360---may-19-2020"},"2.36.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---april-28-2020"},"2.35.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"2340---april-22-2020"},"2.34.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"2330---march-10-2020"},"2.33.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---march-3-2020"},"2.32.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"2310---february-18-2020"},"2.31.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"2300---february-4-2020"},"2.30.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---january-28-2020"},"2.29.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---january-7-2020"},"2.28.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---december-3-2019"},"2.27.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"2260---october-30-2019"},"2.26.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---october-3-2019"},"2.25.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---september-19-2019"},"2.24.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,d.mdx)("h2",{id:"2230---september-6-2019"},"2.23.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"2220---september-3-2019"},"2.22.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"2210---august-21-2019"},"2.21.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"2200---august-14-2019"},"2.20.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Remove react and react-dom as dependencies")))),(0,d.mdx)("h2",{id:"2190---july-30-2019"},"2.19.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---july-24-2019"},"2.18.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2170---july-16-2019"},"2.17.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"2160----july-11-2019"},"2.16.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---july-9-2019"},"2.15.0 - (July 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2140---june-28-2019"},"2.14.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2130---june-18-2019"},"2.13.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"2120---june-11-2019"},"2.12.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"2110---may-1-2019"},"2.11.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---march-26-2019"},"2.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"270---march-21-2019"},"2.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"260---february-26-2019"},"2.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Correct browser.buttonDown() usage")))),(0,d.mdx)("h2",{id:"250---february-12-2019"},"2.5.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---february-5-2019"},"2.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---january-26-2019"},"2.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"210---january-22-2019"},"2.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"200---january-8-2019"},"2.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"1300---january-2-2019"},"1.30.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"1291---november-20-2018"},"1.29.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1280---november-13-2018"},"1.28.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1270---november-9-2018"},"1.27.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1260---october-30-2018"},"1.26.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,d.mdx)("h2",{id:"1250---october-24-2018"},"1.25.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1240---october-16-2018"},"1.24.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1230---october-8-2018"},"1.23.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1220---october-2-2018"},"1.22.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1210---september-25-2018"},"1.21.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1201---september-6-2018"},"1.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1200---september-5-2018"},"1.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"1190---september-4-2018"},"1.19.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1180---august-29-2018"},"1.18.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---august-1-2018"},"1.17.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added isTransparent prop to set background to be transparent")))),(0,d.mdx)("h2",{id:"1160---july-19-2018"},"1.16.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"1140---july-10-2018"},"1.14.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---june-28-2018"},"1.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"1120---june-22-2018"},"1.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"190---may-25-2018"},"1.9.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---may-23-2018"},"1.8.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---may-16-2018"},"1.7.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---may-9-2018"},"1.6.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---may-2-2018"},"1.5.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"140---april-20-2018"},"1.4.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---april-15-2018"},"1.3.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---april-5-2018"},"1.2.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---march-30-2018"},"1.1.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add ",(0,d.mdx)("inlineCode",{parentName:"li"},"role")," attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"))))),(0,d.mdx)("h2",{id:"100---march-14-2018"},"1.0.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},50695:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.70.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/22855-4a00e3da04230564b982.js b/pull/4102/22855-4a00e3da04230564b982.js new file mode 100644 index 00000000000..08f174d41e4 --- /dev/null +++ b/pull/4102/22855-4a00e3da04230564b982.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22855],{22855: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 l,a=(l=r(96540))&&l.__esModule?l:{default:l},u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=o(t);if(r&&r.has(e))return r.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var f=a?Object.getOwnPropertyDescriptor(e,u):null;f&&(f.get||f.set)?Object.defineProperty(l,u,f):l[u]=e[u]}return l.default=e,r&&r.set(e,l),l}(r(79436));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(){return a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{id:"list-details"},"Select a patient from the list to view patient details."),a.default.createElement(u.default,{ariaDetails:"list-details"},a.default.createElement(u.Item,{key:"0"},a.default.createElement("p",null,"John Smith")),a.default.createElement(u.Item,{key:"1"},a.default.createElement("p",null,"Mary Jones")),a.default.createElement(u.Item,{key:"2"},a.default.createElement("p",null,"Sam Brown"))))}}}]); \ No newline at end of file diff --git a/pull/4102/22873-5aaefa0588a5fe784c0e.css b/pull/4102/22873-5aaefa0588a5fe784c0e.css new file mode 100644 index 00000000000..2da2bf482db --- /dev/null +++ b/pull/4102/22873-5aaefa0588a5fe784c0e.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/22873-5aaefa0588a5fe784c0e.js b/pull/4102/22873-5aaefa0588a5fe784c0e.js new file mode 100644 index 00000000000..2ec9767dac8 --- /dev/null +++ b/pull/4102/22873-5aaefa0588a5fe784c0e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22873],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),o=r(n(67967)),u=r(n(25642)),d=o.default.bind(u.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:d("badge-version")},"v".concat(l))),u=t?a.default.createElement("a",{className:d("badge"),href:t},a.default.createElement("span",{className:d("badge-name")},"github"),a.default.createElement("span",{className:d("badge-version")},"source")):void 0;return a.default.createElement("div",{className:d("badge-container")},o,u)};c.propTypes=i;t.A=c},201:function(e,t,n){var r=n(24994),a=n(73738);t.A=void 0;var l=r(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(r,o,u):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),u=r(n(5556)),d=r(n(67967)),i=n(92912),c=r(n(27166)),s=r(n(62441)),p=n(25966),f=r(n(89986));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var b=d.default.bind(f.default),_={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,u=e.description,d=e.isExpanded,f=(0,o.useState)(d),m=(0,l.default)(f,2),_=m[0],h=m[1],x=(0,o.useState)(!1),g=(0,l.default)(x,2),O=g[0],E=g[1],j=o.default.useContext(i.ThemeContext),P=void 0!==r,T=function(){E(!O),_&&h(!_)},w=function(){h(!_),O&&E(!O)},N=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",j.className)},o.default.createElement("div",{className:b("header")},a&&o.default.createElement("h2",{className:b("title")},a)),o.default.createElement("div",{className:b("content")},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")},P&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":O}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":_}),onClick:w,onKeyDown:function(e){return N(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:b("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:b("css")},r),_&&o.default.createElement("div",{className:b("code")},n))))};h.propTypes=_,h.defaultProps={isExpanded:!1};t.A=h},12883:function(e,t,n){var r=n(24994),a=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return i.Row}}),t.Ay=t.$d=void 0;var l=p(n(96540)),o=r(n(5556)),u=r(n(67967)),d=n(92912),i=p(n(17568)),c=r(n(89744));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var u=l?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(r,o,u):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var f=u.default.bind(c.default),m={children:o.default.node},b={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(i.Cell,{className:f("bold")},t)}).propTypes=m,(t.$d=function(e){var t=e.children;return l.default.createElement(i.Cell,{className:f("code-block-override")},t)}).propTypes=m,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(i.Cell,{className:f([t?["required"]:[]])},t?"required":"optional")}).propTypes=b,(t.NZ=function(e){var t=e.children;return l.default.createElement(i.Cell,{className:f("code-block-override")},t)}).propTypes=m,(t.Hd=function(e){var t=e.children;return l.default.createElement(i.Cell,null,t)}).propTypes=m;var _=function(e){var t=e.children,n=(0,l.useContext)(d.ThemeContext);return l.default.createElement(i.default,{paddingStyle:"compact",className:f("table",n.className)},l.default.createElement(i.Header,{className:f("header")},l.default.createElement(i.HeaderCell,null,"Prop"),l.default.createElement(i.HeaderCell,null,"Type"),l.default.createElement(i.HeaderCell,null,"Required"),l.default.createElement(i.HeaderCell,null,"Default"),l.default.createElement(i.HeaderCell,null,"Description")),l.default.createElement(i.Body,null,t))};_.propTypes=m;t.Ay=_},22873:function(e,t,n){n.r(t),n.d(t,{default:function(){return T}});var r=n(96540),a=n(36665),l=n(49898),o=n(84317),u=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={};function s(e){var t=e.components,n=i(e,u);return(0,a.mdx)("wrapper",d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport List, { SubsectionHeader } from 'terra-list';\n\nconst ListSubsectionHeaderExample = () => (\n \n \n \n);\n\nexport default ListSubsectionHeaderExample;\n\n")))}s.isMDXComponent=!0;var p=n(201),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"List Subsection Header",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(s,null),isExpanded:a})},m=n(12883),b=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var v={},h="wrapper";function x(e){var t=e.components,n=y(e,b);return(0,a.mdx)(h,_({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(m.Ay,{mdxType:"PropsTable"},(0,a.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(m.dt,{mdxType:"PropNameCell"},"level"),(0,a.mdx)(m.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,a.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,a.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Optionally sets the heading level. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"6"),"."))),(0,a.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(m.dt,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(m.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback passthrough for the ref of the section li."))),(0,a.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(m.dt,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(m.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(m.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Title text to be placed within the subsection header.")))))}x.isMDXComponent=!0;var g=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var j={},P="wrapper";function T(e){var t=e.components,n=E(e,g);return(0,a.mdx)(P,O({},j,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"list-subsection-header"},"List Subsection Header"),(0,a.mdx)("p",null,"The list subsection header is a sub-component of the list subsection. It provides the visual representation of the subsection, but does not provided any collapsible functionality itself, it's collapsible props are for the display of the collapse/expand indicator. The subsection header should only be consumed directly when the header is static, as the actual list item collapse is handled by the subsection."),(0,a.mdx)("p",null,"When consumed by itself as an individual list item avoid enabling the collapsible properties."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { SubsectionHeader } from 'terra-list';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{mdxType:"ListSubsectionHeaderExample"}),(0,a.mdx)("h2",{id:"list-subsection-header-props"},"List Subsection Header Props"),(0,a.mdx)(x,{mdxType:"ListSubsectionHeaderPropsTable"}))}T.isMDXComponent=!0},49898:function(e,t,n){n.d(t,{E:function(){return l}});var r=n(96540),a=n(55713),l=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-list",name:"terra-list",version:"4.74.0",url:t})}},84317:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a,l=(a=n(96540))&&a.__esModule?a:{default:a},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(79436));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}t.A=function(){return l.default.createElement(o.default,null,l.default.createElement(o.SubsectionHeader,{title:"Default SubsectionHeader",key:"default"}))}},17212:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),l=c(n(46942)),o=c(n(67967)),u=c(n(52103)),d=c(n(19677)),i=["children","disableStripes","paddingStyle"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var f=o.default.bind(d.default),m={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=p(e,i),d=r.default.useContext(u.default),c=(0,l.default)(f("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),o.className);return r.default.createElement("table",s({},o,{className:c}),t)};b.propTypes=m,b.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=b},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},i=function(e){var t=e.children,n=u(e,l);return r.default.createElement("tbody",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},i=function(e){var t=e.children,n=u(e,l);return r.default.createElement("td",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),l=u(n(93623)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={children:a.default.node},c=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=i,c.defaultProps={children:[]};t.default=c},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},i=function(e){var t=e.children,n=u(e,l);return r.default.createElement("th",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(67967)),o=i(n(19677)),u=i(n(93623)),d=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=l.default.bind(o.default),f={children:a.default.node},m=function(e){var t=e.children,n=s(e,d),a=p(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),u.default.addScope(t,"row"))};m.propTypes=f,m.defaultProps={children:[]};t.default=m},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=i(n(17212)),a=i(n(15460)),l=i(n(96646)),o=i(n(59584)),u=i(n(14281)),d=i(n(93401));function i(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},27166:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(56445));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return r.default.createElement(a.default,t,r.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/22907-06d4e40294fe76cc07e1.css b/pull/4102/22907-06d4e40294fe76cc07e1.css new file mode 100644 index 00000000000..224a2690e0d --- /dev/null +++ b/pull/4102/22907-06d4e40294fe76cc07e1.css @@ -0,0 +1,2 @@ +.Textarea-module__clinical-lowlight-theme___25VEx{--terra-form-textarea-background-color: #222a2e;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: auto;--terra-form-textarea-border-color: #181b1d;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #b2b5b6;--terra-form-textarea-font-size: 1.143rem;--terra-form-textarea-line-height: 1.25;--terra-form-textarea-padding-bottom: 0.286rem;--terra-form-textarea-padding-left: 0.286rem;--terra-form-textarea-padding-right: 0.286rem;--terra-form-textarea-padding-top: 0.286rem;--terra-form-textarea-hover-background-color: #222a2e;--terra-form-textarea-hover-border-color: #181b1d;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #b2b5b6;--terra-form-textarea-focus-background-size: auto;--terra-form-textarea-focus-border-color: #181b1d;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #222a2e;--terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-focus-color: #b2b5b6;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0.2s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-disabled-background-color: #1d2529;--terra-form-textarea-disabled-border-color: #24282b;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #404344;--terra-form-textarea-disabled-opacity: 0.25;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #222a2e;--terra-form-textarea-error-border-color: #181b1d;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #222a2e;--terra-form-textarea-error-hover-border-color: #181b1d;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #b2b5b6;--terra-form-textarea-error-focus-background-size: auto;--terra-form-textarea-error-focus-background-color: #222a2e;--terra-form-textarea-error-focus-border-color: #181b1d;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-error-focus-color: #b2b5b6;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-disabled-background-color: #1d2529;--terra-form-textarea-error-disabled-border-color: #24282b;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #404344;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #464232;--terra-form-textarea-incomplete-hover-background-color: #464232;--terra-form-textarea-incomplete-disabled-background-color: #464232;--terra-form-textarea-incomplete-focus-background-color: #464232}.Textarea-module__orion-fusion-theme___-ALn1{--terra-form-textarea-background-color: #fff;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: 0 0;--terra-form-textarea-border-color: #dedfe0;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #1c1f21;--terra-form-textarea-font-size: 1rem;--terra-form-textarea-line-height: 1.416667;--terra-form-textarea-padding-bottom: 0.25rem;--terra-form-textarea-padding-left: 0.25rem;--terra-form-textarea-padding-right: 0.25rem;--terra-form-textarea-padding-top: 0.25rem;--terra-form-textarea-hover-background-color: #fff;--terra-form-textarea-hover-border-color: #dedfe0;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #1c1f21;--terra-form-textarea-focus-background-size: 0 0;--terra-form-textarea-focus-border-color: #4cb2e9;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #fff;--terra-form-textarea-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-color: #1c1f21;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-disabled-background-color: #f4f4f4;--terra-form-textarea-disabled-border-color: #b2b5b6;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #9b9fa1;--terra-form-textarea-disabled-opacity: 1;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #fff;--terra-form-textarea-error-border-color: #dedfe0;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: none;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #fff;--terra-form-textarea-error-hover-border-color: #dedfe0;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #1c1f21;--terra-form-textarea-error-focus-background-size: 0 0;--terra-form-textarea-error-focus-background-color: #fff;--terra-form-textarea-error-focus-border-color: #dedfe0;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-color: #1c1f21;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-disabled-background-color: #f4f4f4;--terra-form-textarea-error-disabled-border-color: #b2b5b6;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #9b9fa1;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #fefd9a;--terra-form-textarea-incomplete-hover-background-color: #fefd9a;--terra-form-textarea-incomplete-focus-background-color: #fefd9a;--terra-form-textarea-incomplete-disabled-background-color: #f4f4f4}.Textarea-module__textarea___T-1-2{color:#000;color:var(--terra-form-textarea-color, #000);font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-textarea-font-size, 1.143rem);line-height:1.25;line-height:var(--terra-form-textarea-line-height, 1.25);max-width:100%;opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);width:100%}[dir] .Textarea-module__textarea___T-1-2{background-color:#fff;background-color:var(--terra-form-textarea-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-textarea-background-size, 0 0);border-color:#dedfe0;border-color:var(--terra-form-textarea-border-color, #dedfe0);border-radius:3px;border-radius:var(--terra-form-textarea-border-radius, 3px);border-style:solid;border-style:var(--terra-form-textarea-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-border-width, 1px);cursor:auto;padding-bottom:0.286rem;padding-bottom:var(--terra-form-textarea-padding-bottom, 0.286rem);padding-top:0.286rem;padding-top:var(--terra-form-textarea-padding-top, 0.286rem);transition-duration:0.2s;transition-duration:var(--terra-form-textarea-focus-transition-duration, 0.2s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-textarea-focus-transition-timing-function, ease)}[dir=ltr] .Textarea-module__textarea___T-1-2{background-position:0 100%;padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-left, 0.286rem);padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-right, 0.286rem)}[dir=rtl] .Textarea-module__textarea___T-1-2{background-position:100% 100%;padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-left, 0.286rem);padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-right, 0.286rem)}.Textarea-module__textarea___T-1-2:hover{color:var(--terra-form-textarea-hover-color)}[dir] .Textarea-module__textarea___T-1-2:hover{background-color:var(--terra-form-textarea-hover-background-color);border-color:#dedfe0;border-color:var(--terra-form-textarea-hover-border-color, #dedfe0);border-style:solid;border-style:var(--terra-form-textarea-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-hover-border-width, 1px)}[dir] .Textarea-module__textarea___T-1-2[required]{box-shadow:unset}.Textarea-module__textarea___T-1-2[disabled]{color:#1c1f21;color:var(--terra-form-textarea-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-disabled-opacity, 0.25);pointer-events:none;resize:none}[dir] .Textarea-module__textarea___T-1-2[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#868a8c;border-color:var(--terra-form-textarea-disabled-border-color, #868a8c);border-style:solid;border-style:var(--terra-form-textarea-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-disabled-border-width, 1px);cursor:default}.Textarea-module__textarea___T-1-2:focus{color:#000;color:var(--terra-form-textarea-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);outline:none}[dir] .Textarea-module__textarea___T-1-2:focus{background-color:var(--terra-form-textarea-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-textarea-focus-border-color, #4cb2e9);border-style:solid;border-style:var(--terra-form-textarea-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-focus-border-width, 1px);box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-box-shadow, 0 0 8px #a6d9f4)}[dir=ltr] .Textarea-module__textarea___T-1-2:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-ltr-box-shadow, 0 0 8px #a6d9f4)}[dir=rtl] .Textarea-module__textarea___T-1-2:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-rtl-box-shadow, 0 0 8px #a6d9f4)}.Textarea-module__full-size___aj6q3{height:100%;resize:none;width:100%}.Textarea-module__no-resize___s9wkM{resize:none}.Textarea-module__resizable___S2iWE{box-sizing:padding-box;overflow:hidden}.Textarea-module__form-error___X3ATU{opacity:1;opacity:var(--terra-form-textarea-error-opacity, 1)}[dir] .Textarea-module__form-error___X3ATU{background-color:#fff;background-color:var(--terra-form-textarea-error-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-error-background-image, none);border-color:#e50000;border-color:var(--terra-form-textarea-error-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___X3ATU:hover{color:var(--terra-form-textarea-error-hover-color)}[dir] .Textarea-module__form-error___X3ATU:hover{background-color:var(--terra-form-textarea-error-hover-background-color);border-color:#e50000;border-color:var(--terra-form-textarea-error-hover-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-hover-border-width, 1px)}.Textarea-module__form-error___X3ATU[disabled]{color:#1c1f21;color:var(--terra-form-textarea-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-error-disabled-opacity, 0.25)}[dir] .Textarea-module__form-error___X3ATU[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-error-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#e50000;border-color:var(--terra-form-textarea-error-disabled-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-disabled-border-width, 1px)}[dir] .Textarea-module__form-error___X3ATU[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___X3ATU:focus{color:#000;color:var(--terra-form-textarea-error-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-error-focus-opacity, 1)}[dir] .Textarea-module__form-error___X3ATU:focus{background-color:var(--terra-form-textarea-error-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-error-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-textarea-error-focus-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-focus-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Textarea-module__form-error___X3ATU:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Textarea-module__form-error___X3ATU:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Textarea-module__form-incomplete___F3t1X{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X:hover{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-hover-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X[disabled]{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-disabled-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X:focus{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-focus-background-color, #ffc)} +[dir] .Textarea-test-module__content-wrapper___z93xU{margin:10px} diff --git a/pull/4102/22907-06d4e40294fe76cc07e1.js b/pull/4102/22907-06d4e40294fe76cc07e1.js new file mode 100644 index 00000000000..3b086d2f797 --- /dev/null +++ b/pull/4102/22907-06d4e40294fe76cc07e1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[22907],{16303:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=d(a(96540)),l=d(a(67967)),r=d(a(17491)),n=d(a(19110));function d(e){return e&&e.__esModule?e:{default:e}}var f=l.default.bind(n.default);t.default=function(){return u.default.createElement("div",{className:f("content-wrapper")},u.default.createElement(r.default,{id:"auto-resizable",cols:"2",isAutoResizable:!0,defaultValue:"Default Value",ariaLabel:"label"}))}},17491:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"TextareaField",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var u=r(a(63261)),l=r(a(39057));function r(e){return e&&e.__esModule?e:{default:e}}t.default=u.default},19110:function(e,t,a){a.r(t),t.default={"content-wrapper":"Textarea-test-module__content-wrapper___z93xU"}}}]); \ No newline at end of file diff --git a/pull/4102/230-3fab2b29cae66f7c547a.css b/pull/4102/230-3fab2b29cae66f7c547a.css new file mode 100644 index 00000000000..d9f059c3e41 --- /dev/null +++ b/pull/4102/230-3fab2b29cae66f7c547a.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___tD5wJ{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___ByKvi{margin:5px}.FormSelectDocCommon-module__error-text___zMzj1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___zMzj1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___zMzj1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___zMzj1{text-align:right}.FormSelectDocCommon-module__field-label___V4Msx{font-weight:700} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/230-3fab2b29cae66f7c547a.js b/pull/4102/230-3fab2b29cae66f7c547a.js new file mode 100644 index 00000000000..cf25a5765fe --- /dev/null +++ b/pull/4102/230-3fab2b29cae66f7c547a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[230],{53296:function(e,l,t){t.r(l),t.d(l,{default:function(){return X}});var a=t(96540),n=t(36665),r=t(80305),d=t(55064),i=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var m={};function c(e){var l=e.components,t=o(e,i);return(0,n.mdx)("wrapper",p({},m,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxSelectionExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxSelectionExample;\n\n')))}c.isMDXComponent=!0;var u=t(201),s=t(3710),x=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(u.A,{title:l||"Max Selection",description:t,example:a.createElement(d.A,null),exampleCssSrc:a.createElement(s.A,null),exampleSrc:a.createElement(c,null),isExpanded:n})},f=t(45642),y=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var b={};function h(e){var l=e.components,t=g(e,y);return(0,n.mdx)("wrapper",v({},b,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SelectFieldExample;\n\n')))}h.isMDXComponent=!0;var O=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(u.A,{title:l||"Select Field",description:t,example:a.createElement(f.A,null),exampleCssSrc:a.createElement(s.A,null),exampleSrc:a.createElement(h,null),isExpanded:n})},T=t(9409),N=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var j={};function w(e){var l=e.components,t=C(e,N);return(0,n.mdx)("wrapper",S({},j,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SelectFieldExample;\n\n')))}w.isMDXComponent=!0;var E=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(u.A,{title:l||"Required Select Field",description:t,example:a.createElement(T.A,null),exampleCssSrc:a.createElement(s.A,null),exampleSrc:a.createElement(w,null),isExpanded:n})},R=t(38446),F=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var D={};function q(e){var l=e.components,t=_(e,F);return(0,n.mdx)("wrapper",P({},D,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SelectFieldExample;\n\n')))}q.isMDXComponent=!0;var I=function(e){var l=e.title,t=e.description,n=e.isExpanded;return a.createElement(u.A,{title:l||"Incomplete Select Field",description:t,example:a.createElement(R.A,null),exampleCssSrc:a.createElement(s.A,null),exampleSrc:a.createElement(q,null),isExpanded:n})},M=t(12883),Z=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var L={},W="wrapper";function z(e){var l=e.components,t=A(e,Z);return(0,n.mdx)(W,k({},L,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(M.Ay,{mdxType:"PropsTable"},(0,n.mdx)(M.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"allowClear"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether a clear option is available to clear the selection.\nThis is not applicable to the ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag")," variants since the selection can already be deselected using the tag."))),(0,n.mdx)(M.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The select options."))),(0,n.mdx)(M.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(M.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The field label."))),(0,n.mdx)(M.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'array',\n type: 'number',\n type: 'string',\n],\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,n.mdx)(M.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the input is disabled."))),(0,n.mdx)(M.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"error"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,n.mdx)(M.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"help"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Help message to display with the select."))),(0,n.mdx)(M.fI,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,n.mdx)(M.fI,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,n.mdx)("em",{parentName:"p"},"(usage note: ",(0,n.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,n.mdx)(M.fI,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"isInline"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,n.mdx)(M.fI,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,n.mdx)(M.fI,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,n.mdx)(M.fI,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,n.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."),(0,n.mdx)("p",null,"Only applicable to variants that include an input (e.g. ",(0,n.mdx)("inlineCode",{parentName:"p"},"combobox"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"search"),", and ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag"),")."))),(0,n.mdx)(M.fI,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,n.mdx)(M.fI,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The max height of the dropdown."))),(0,n.mdx)(M.fI,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"maxSelectionCount"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The maximum number of options that can be selected. A value less than 2 will be ignored.\nOnly applicable to variants allowing multiple selections (e.g.; ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple"),"; ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag"),")."))),(0,n.mdx)(M.fI,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Set the max-width of a field using ",(0,n.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,n.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,n.mdx)(M.fI,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"onChange"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function triggered when the select value changes. function(value)"))),(0,n.mdx)(M.fI,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"placeholder"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Placeholder text."))),(0,n.mdx)(M.fI,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"required"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is required."))),(0,n.mdx)(M.fI,{key:"ROW21",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,n.mdx)(M.fI,{key:"ROW22",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"selectId"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(M.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,n.mdx)(M.fI,{key:"ROW23",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"showOptional"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,n.mdx)(M.fI,{key:"ROW24",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'array',\n type: 'number',\n type: 'string',\n],\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers."))),(0,n.mdx)(M.fI,{key:"ROW25",mdxType:"Row"},(0,n.mdx)(M.dt,{mdxType:"PropNameCell"},"variant"),(0,n.mdx)(M.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n Variants.COMBOBOX\n Variants.DEFAULT\n Variants.MULTIPLE\n Variants.SEARCH\n Variants.TAG\n],\n"))),(0,n.mdx)(M.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(M.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,n.mdx)(M.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The select variant. One of ",(0,n.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"combobox"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag"),", or ",(0,n.mdx)("inlineCode",{parentName:"p"},"search"),".")))))}z.isMDXComponent=!0;var H=["components"];function V(){return V=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var $={},G="wrapper";function X(e){var l=e.components,t=Y(e,H);return(0,n.mdx)(G,V({},$,t,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-form-select-field"},"Terra Form Select Field"),(0,n.mdx)("p",null,"A convenience wrapper assembling a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select"},"terra-form-select")," within a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { SelectField } from 'terra-form-select';\n")),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(O,{title:"Select Field Example",mdxType:"SelectFieldExample"}),(0,n.mdx)(E,{title:"Required Select Field Example",mdxType:"RequiredSelectFieldExample"}),(0,n.mdx)(x,{title:"Maximum Selection (applies to only 'multiple' and 'tag')",description:"A multiple selection variant that allows up to a set number of selections. (Not applicable to 'default', 'combobox', and 'search' variants)",mdxType:"MaxSelectionExample"}),(0,n.mdx)(I,{title:"Incomplete Select Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteSelectFieldExample"}),(0,n.mdx)("h2",{id:"select-field-props"},"Select Field Props"),(0,n.mdx)(z,{mdxType:"SelectFieldPropsTable"}))}X.isMDXComponent=!0},3710:function(e,l,t){t.d(l,{A:function(){return o}});t(96540);var a=t(36665),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var i={},p="wrapper";function o(e){var l=e.components,t=d(e,n);return(0,a.mdx)(p,r({},i,t,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"// import themes\n@import './clinical-lowlight-theme/FormSelectDocCommon.module';\n@import './orion-fusion-theme/FormSelectDocCommon.module';\n\n:local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n \n .error-text {\n color: var(--terra-core-docs-form-select-error-text-color, #e50000);\n font-size: 0.857rem;\n font-weight: normal;\n line-height: 1.25;\n margin-top: 0.357em;\n outline: 0;\n text-align: left;\n }\n\n .field-label {\n font-weight: 700;\n }\n}\n\n")))}o.isMDXComponent=!0},80305:function(e,l,t){t.d(l,{E:function(){return r}});var a=t(96540),n=t(55713),r=function(e){var l=e.url;return a.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.62.1",url:l})}},38446:function(e,l,t){l.A=void 0;var a=i(t(96540)),n=t(19137),r=i(t(67967)),d=i(t(91002));function i(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(d.default);l.A=function(){return a.default.createElement(n.SelectField,{required:!0,isIncomplete:!0,label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-1",className:p("form-select")},a.default.createElement(n.SelectField.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(n.SelectField.Option,{value:"small",display:"Small"}),a.default.createElement(n.SelectField.Option,{value:"medium",display:"Medium"}),a.default.createElement(n.SelectField.Option,{value:"large",display:"Large"}),a.default.createElement(n.SelectField.Option,{value:"xLarge",display:"Extra Large"}))}},55064:function(e,l,t){l.A=void 0;var a=i(t(96540)),n=t(19137),r=i(t(67967)),d=i(t(91002));function i(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(d.default);l.A=function(){return a.default.createElement(n.SelectField,{help:"Shades of blue and green.",label:"Colors",maxSelectionCount:3,placeholder:"Select a size",selectId:"max-selection-field",variant:"multiple",className:p("form-select")},a.default.createElement(n.SelectField.OptGroup,{label:"Shades of Blue"},a.default.createElement(n.SelectField.Option,{value:"blue",display:"Blue"}),a.default.createElement(n.SelectField.Option,{value:"cyan",display:"Cyan"}),a.default.createElement(n.SelectField.Option,{disabled:!0,value:"teal",display:"Teal"}),a.default.createElement(n.SelectField.Option,{value:"azul",display:"Azul"}),a.default.createElement(n.SelectField.Option,{value:"aqua",display:"Aqua"})),a.default.createElement(n.SelectField.OptGroup,{label:"Shades of Green"},a.default.createElement(n.SelectField.Option,{value:"green",display:"Green"}),a.default.createElement(n.SelectField.Option,{value:"forest",display:"Forest Green"}),a.default.createElement(n.SelectField.Option,{disabled:!0,value:"dark",display:"Dark Green"}),a.default.createElement(n.SelectField.Option,{value:"neon",display:"Neon Green"}),a.default.createElement(n.SelectField.Option,{value:"emerald",display:"Emerald"})))}},9409:function(e,l,t){l.A=void 0;var a=i(t(96540)),n=t(19137),r=i(t(67967)),d=i(t(91002));function i(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(d.default);l.A=function(){return a.default.createElement(n.SelectField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-2",required:!0,className:p("form-select")},a.default.createElement(n.SelectField.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(n.SelectField.Option,{value:"small",display:"Small"}),a.default.createElement(n.SelectField.Option,{value:"medium",display:"Medium"}),a.default.createElement(n.SelectField.Option,{value:"large",display:"Large"}),a.default.createElement(n.SelectField.Option,{value:"xLarge",display:"Extra Large"}))}},45642:function(e,l,t){l.A=void 0;var a=i(t(96540)),n=t(19137),r=i(t(67967)),d=i(t(91002));function i(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(d.default);l.A=function(){return a.default.createElement(n.SelectField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-3",className:p("form-select")},a.default.createElement(n.SelectField.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(n.SelectField.Option,{value:"small",display:"Small"}),a.default.createElement(n.SelectField.Option,{value:"medium",display:"Medium"}),a.default.createElement(n.SelectField.Option,{value:"large",display:"Large"}),a.default.createElement(n.SelectField.Option,{value:"xLarge",display:"Extra Large"}))}},17212:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=m(t(96540)),n=m(t(5556)),r=m(t(46942)),d=m(t(67967)),i=m(t(52103)),p=m(t(19677)),o=["children","disableStripes","paddingStyle"];function m(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var s=d.default.bind(p.default),x={children:n.default.node.isRequired,disableStripes:n.default.bool,paddingStyle:n.default.oneOf(["none","standard","compact"])},f=function(e){var l=e.children,t=e.disableStripes,n=e.paddingStyle,d=u(e,o),p=a.default.useContext(i.default),m=(0,r.default)(s("table",{striped:!t},{"padding-standard":"standard"===n},{"padding-compact":"compact"===n},p.className),d.className);return a.default.createElement("table",c({},d,{className:m}),l)};f.propTypes=x,f.defaultProps={disableStripes:!1,paddingStyle:"none"};l.default=f},15460:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=d(t(96540)),n=d(t(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,l){if(null==e)return{};var t,a,n=function(e,l){if(null==e)return{};var t={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(l.indexOf(a)>=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var p={children:n.default.node},o=function(e){var l=e.children,t=i(e,r);return a.default.createElement("tbody",t,l)};o.propTypes=p,o.defaultProps={children:[]};l.default=o},59584:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=d(t(96540)),n=d(t(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,l){if(null==e)return{};var t,a,n=function(e,l){if(null==e)return{};var t={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(l.indexOf(a)>=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var p={children:n.default.node},o=function(e){var l=e.children,t=i(e,r);return a.default.createElement("td",t,l)};o.propTypes=p,o.defaultProps={children:[]};l.default=o},14281:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=i(t(96540)),n=i(t(5556)),r=i(t(93623)),d=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function p(e,l){if(null==e)return{};var t,a,n=function(e,l){if(null==e)return{};var t={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(l.indexOf(a)>=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var o={children:n.default.node},m=function(e){var l=e.children,t=p(e,d);return a.default.createElement("thead",t,a.default.createElement("tr",null,r.default.addScope(l,"col")))};m.propTypes=o,m.defaultProps={children:[]};l.default=m},93401:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=d(t(96540)),n=d(t(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,l){if(null==e)return{};var t,a,n=function(e,l){if(null==e)return{};var t={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(l.indexOf(a)>=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var p={children:n.default.node},o=function(e){var l=e.children,t=i(e,r);return a.default.createElement("th",t,l)};o.propTypes=p,o.defaultProps={children:[]};l.default=o},96646:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=o(t(96540)),n=o(t(5556)),r=o(t(67967)),d=o(t(19677)),i=o(t(93623)),p=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;t[a]=e[a]}return t}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var u=r.default.bind(d.default),s={children:n.default.node},x=function(e){var l=e.children,t=c(e,p),n=u(["row"]);return a.default.createElement("tr",m({},t,{className:t.className?"".concat(n," ").concat(t.className):n}),i.default.addScope(l,"row"))};x.propTypes=s,x.defaultProps={children:[]};l.default=x},93623:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a,n=(a=t(96540))&&a.__esModule?a:{default:a};var r={addScope:function(e,l){var t=[];return n.default.Children.forEach(e,(function(e){t.push(n.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?l:void 0}))})),t}};l.default=r},17568:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(l,"Body",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(l,"Cell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(l,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(l,"HeaderCell",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(l,"Row",{enumerable:!0,get:function(){return r.default}}),l.default=void 0;var a=o(t(17212)),n=o(t(15460)),r=o(t(96646)),d=o(t(59584)),i=o(t(14281)),p=o(t(93401));function o(e){return e&&e.__esModule?e:{default:e}}l.default=a.default},27166:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=r(t(96540)),n=r(t(56445));function r(e){return e&&e.__esModule?e:{default:e}}var d=function(e){var l=Object.assign({},e);return a.default.createElement(n.default,l,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};d.displayName="IconChevronLeft",d.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};l.default=d},91002:function(e,l,t){t.r(l),l.default={"form-select":"FormSelectDocCommon-module__form-select___tD5wJ","controlled-button":"FormSelectDocCommon-module__controlled-button___ByKvi","error-text":"FormSelectDocCommon-module__error-text___zMzj1","field-label":"FormSelectDocCommon-module__field-label___V4Msx"}},19677:function(e,l,t){t.r(l),l.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/23137-6449f24066b49ae43921.css b/pull/4102/23137-6449f24066b49ae43921.css new file mode 100644 index 00000000000..5efc4ae23ca --- /dev/null +++ b/pull/4102/23137-6449f24066b49ae43921.css @@ -0,0 +1 @@ +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/4102/23137-6449f24066b49ae43921.js b/pull/4102/23137-6449f24066b49ae43921.js new file mode 100644 index 00000000000..fbc3fb590c2 --- /dev/null +++ b/pull/4102/23137-6449f24066b49ae43921.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[23137],{201:function(e,t,a){var l=a(24994),n=a(73738);t.A=void 0;var r=l(a(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var a=p(t);if(a&&a.has(e))return a.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.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]}return l.default=e,a&&a.set(e,l),l}(a(96540)),u=l(a(5556)),c=l(a(67967)),i=a(92912),d=l(a(27166)),s=l(a(62441)),m=a(25966),f=l(a(89986));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}var _=c.default.bind(f.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")},x=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,f=(0,o.useState)(c),p=(0,r.default)(f,2),v=p[0],h=p[1],E=(0,o.useState)(!1),y=(0,r.default)(E,2),g=y[0],O=y[1],w=o.default.useContext(i.ThemeContext),T=void 0!==l,N=function(){O(!g),v&&h(!v)},S=function(){h(!v),g&&O(!g)},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:_("template",w.className)},o.default.createElement("div",{className:_("header")},n&&o.default.createElement("h2",{className:_("title")},n)),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")},T&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":g}),onClick:N,onKeyDown:function(e){return j(e,N)},onBlur:b,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":v}),onClick:S,onKeyDown:function(e){return j(e,S)},onBlur:b,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:_("chevron")}))):null,o.default.createElement("div",null,g&&o.default.createElement("div",{className:_("css")},l),v&&o.default.createElement("div",{className:_("code")},a))))};h.propTypes=v,h.defaultProps={isExpanded:!1};t.A=h},23137:function(e,t,a){a.r(t),a.d(t,{default:function(){return x}});var l=a(96540),n=a(36665),r=a(42259),o=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[l]=e[l]}return a}(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 i={};function d(e){var t=e.components,a=c(e,o);return(0,n.mdx)("wrapper",u({},i,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SearchField from 'terra-search-field';\n\nconst SearchFieldDefaultValue = () => (\n \n);\n\nexport default SearchFieldDefaultValue;\n\n")))}d.isMDXComponent=!0;var s=a(201),m=function(e){var t=e.title,a=e.description,n=e.isExpanded;return l.createElement(s.A,{title:t||"Search Field Default Value",description:a,example:l.createElement(r.A,null),exampleSrc:l.createElement(d,null),isExpanded:n})},f=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[l]=e[l]}return a}(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 v={},b="wrapper";function x(e){var t=e.components,a=_(e,f);return(0,n.mdx)(b,p({},v,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"search-field-default-value"},"Search Field Default Value"),(0,n.mdx)("h3",{id:"description"},"Description"),(0,n.mdx)("p",null,"This example demonstrates ",(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/search-field/about"},"Search Field")," with a default search text value using the 'defaultValue' prop."),(0,n.mdx)(m,{title:"Search Field Default Value",mdxType:"SearchFieldDefaultValue"}))}x.isMDXComponent=!0},42259:function(e,t,a){t.A=void 0;var l=r(a(96540)),n=r(a(43165));function r(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return l.default.createElement(n.default,{defaultValue:"Default",isLabelVisible:!0,groupName:"Find a clinic"})}},27166:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(a(96540)),n=r(a(56445));function r(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return l.default.createElement(n.default,t,l.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},89986:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/pull/4102/23195-a3b9a38f55c90b68cad1.css b/pull/4102/23195-a3b9a38f55c90b68cad1.css new file mode 100644 index 00000000000..0f26be8d27f --- /dev/null +++ b/pull/4102/23195-a3b9a38f55c90b68cad1.css @@ -0,0 +1,2 @@ +.RollupTag-module__clinical-lowlight-theme___kXw8z{--terra-tags-rollup-tag-background-color: rgba(232, 239, 244, 0.04);--terra-tags-rollup-tag-border: 1px solid rgba(28, 31, 33, 0.1);--terra-tags-rollup-tag-border-radius: 3px;--terra-tags-rollup-tag-border-width: 1px;--terra-tags-rollup-tag-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);--terra-tags-rollup-tag-color: #c5c5c6;--terra-tags-rollup-tag-font-size: 0.85714rem;--terra-tags-rollup-tag-height: 1.71429rem;--terra-tags-rollup-tag-line-height: 1.16667;--terra-tags-rollup-tag-padding-bottom: 0.28571rem;--terra-tags-rollup-tag-padding-left: 0.71428rem;--terra-tags-rollup-tag-padding-right: 0.71428rem;--terra-tags-rollup-tag-padding-top: 0.28571rem;--terra-tag-focus-background-color: #2d3539;--terra-tags-rollup-tag-focus-outline: 2px dashed #fff;--terra-tags-rollup-tag-focus-outline-offset: 2px;--terra-tags-rollup-tag-hover-background-color: #dedfe0;--terra-tags-rollup-tag-hover-border: 1px solid #525659;--terra-tags-rollup-tag-hover-color: #003f61;--terra-tags-rollup-tag-active-background-color: #2d3539;--terra-tags-rollup-tag-active-border: 1px solid #525659;--terra-tags-rollup-tag-active-color: #003f61;--terra-tags-rollup-tag-focus-border-color: #525659;--terra-tags-rollup-tag-focus-border-width: 1px;--terra-tags-rollup-tag-focus-outline: 2px dashed #fff;--terra-tags-rollup-tag-focus-outline-offset: 2px;--terra-tags-tag-list-item-margin-bottom: 0.28571rem;--terra-tags-tag-list-item-margin-right: 0.42857rem;--terra-tags-tag-list-item-margin-top: 0.28571rem}.RollupTag-module__orion-fusion-theme___xHNsc{--terra-tags-rollup-tag-background-color: rgba(28, 31, 33, 0.04);--terra-tags-rollup-tag-border: 1px solid rgba(28, 31, 33, 0.1);--terra-tags-rollup-tag-border-radius: 3px;--terra-tags-rollup-tag-border-width: 1px;--terra-tags-rollup-tag-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);--terra-tags-rollup-tag-color: #595f62;--terra-tags-rollup-tag-font-size: 0.85714rem;--terra-tags-rollup-tag-height: 1.71429rem;--terra-tags-rollup-tag-line-height: 1.16667;--terra-tags-rollup-tag-padding-bottom: 0.28571rem;--terra-tags-rollup-tag-padding-left: 0.71428rem;--terra-tags-rollup-tag-padding-right: 0.71428rem;--terra-tags-rollup-tag-padding-top: 0.28571rem;--terra-tag-focus-background-color: #fff;--terra-tags-rollup-tag-focus-outline: 2px dashed #000;--terra-tags-rollup-tag-focus-outline-offset: 2px;--terra-tags-rollup-tag-hover-background-color: #dedfe0;--terra-tags-rollup-tag-hover-border: 1px solid #868a8c;--terra-tags-rollup-tag-hover-color: #222a2e;--terra-tags-rollup-tag-active-background-color: #bcbfc0;--terra-tags-rollup-tag-active-border: 1px solid #868a8c;--terra-tags-rollup-tag-active-color: #222a2e;--terra-tags-rollup-tag-focus-border-color: #868a8c;--terra-tags-rollup-tag-focus-border-width: 1px;--terra-tags-rollup-tag-focus-outline: 2px dashed #000;--terra-tags-rollup-tag-focus-outline-offset: 2px;--terra-tags-tag-list-item-margin-bottom: 0.28571rem;--terra-tags-tag-list-item-margin-right: 0.42857rem;--terra-tags-tag-list-item-margin-top: 0.28571rem}.RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37){box-sizing:border-box;color:#595f62;color:var(--terra-tags-rollup-tag-color, #595f62);font-size:0.85714rem;font-size:var(--terra-tags-rollup-tag-font-size, 0.85714rem);height:1.71429rem;height:var(--terra-tags-rollup-tag-height, 1.71429rem);line-height:1.16667;line-height:var(--terra-tags-rollup-tag-line-height, 1.16667);max-width:100%;min-width:0;outline:none;overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}[dir] .RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37){background-color:rgba(28, 31, 33, 0.04);background-color:var(--terra-tags-rollup-tag-background-color, rgba(28, 31, 33, 0.04));border:1px solid rgba(28, 31, 33, 0.1);border:var(--terra-tags-rollup-tag-border, 1px solid rgba(28, 31, 33, 0.1));border-radius:3px;border-radius:var(--terra-tags-rollup-tag-border-radius, 3px);border-style:solid;border-width:1px;border-width:var(--terra-tags-rollup-tag-border-width, 1px);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:var(--terra-tags-rollup-tag-box-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.2));margin:0;margin-bottom:0.28571rem;margin-bottom:var(--terra-tags-tag-list-item-margin-bottom, 0.28571rem);margin-top:0.28571rem;margin-top:var(--terra-tags-tag-list-item-margin-top, 0.28571rem);padding-bottom:0.28571rem;padding-bottom:var(--terra-tags-rollup-tag-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-tags-rollup-tag-padding-top, 0.28571rem)}[dir=ltr] .RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37){margin-right:0.42857rem;margin-right:var(--terra-tags-tag-list-item-margin-right, 0.42857rem);padding-left:0.71428rem;padding-left:var(--terra-tags-rollup-tag-padding-left, 0.71428rem);padding-right:0.71428rem;padding-right:var(--terra-tags-rollup-tag-padding-right, 0.71428rem)}[dir=rtl] .RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37){margin-left:0.42857rem;margin-left:var(--terra-tags-tag-list-item-margin-right, 0.42857rem);padding-right:0.71428rem;padding-right:var(--terra-tags-rollup-tag-padding-left, 0.71428rem);padding-left:0.71428rem;padding-left:var(--terra-tags-rollup-tag-padding-right, 0.71428rem)}.RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37)[data-terra-rollup-tag-show-focus-styles=true]:focus{outline:2px dashed #000;outline:var(--terra-tags-rollup-tag-focus-outline, 2px dashed #000);outline-offset:2px;outline-offset:var(--terra-tags-rollup-tag-focus-outline-offset, 2px)}[dir] .RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37)[data-terra-rollup-tag-show-focus-styles=true]:focus{background-color:#fff;background-color:var(--terra-tag-focus-background-color, #fff)}.RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37):hover{color:#222a2e;color:var(--terra-tags-rollup-tag-hover-color, #222a2e)}[dir] .RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37):hover{background-color:#dedfe0;background-color:var(--terra-tags-rollup-tag-hover-background-color, #dedfe0);border:1px solid #868a8c;border:var(--terra-tags-rollup-tag-hover-border, 1px solid #868a8c)}.RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37):active{color:#222a2e;color:var(--terra-tags-rollup-tag-active-color, #222a2e)}[dir] .RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37):active{background-color:#bcbfc0;background-color:var(--terra-tags-rollup-tag-active-background-color, #bcbfc0);border:1px solid #868a8c;border:var(--terra-tags-rollup-tag-active-border, 1px solid #868a8c)}.RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37):focus{outline:2px dashed #000;outline:var(--terra-tags-rollup-tag-focus-outline, 2px dashed #000);outline-offset:2px;outline-offset:var(--terra-tags-rollup-tag-focus-outline-offset, 2px)}[dir] .RollupTag-module__rollup-tag___gUTeZ:not(.RollupTag-module__is-active___hVp37):focus{border-color:#868a8c;border-color:var(--terra-tags-rollup-tag-focus-border-color, #868a8c);border-width:1px;border-width:var(--terra-tags-rollup-tag-focus-border-width, 1px)}.RollupTag-module__tags-group___Zdpg7{box-sizing:border-box;max-width:100%;min-width:0;outline:none}[dir] .RollupTag-module__tags-group___Zdpg7{margin:0} +.Tag-module__clinical-lowlight-theme___5sCDf{--terra-tag-background-color: #1d2427;--terra-tag-border-color: #181b1d;--terra-tag-border-style: solid;--terra-tag-box-shadow: none;--terra-tag-color: #c5c5c6;--terra-tag-font-size: 1rem;--terra-tag-font-weight: 400;--terra-tag-line-height: 1.1428571429;--terra-tag-margin-bottom: 0.3571398571rem;--terra-tag-margin-left: 0;--terra-tag-margin-right: 0.7142957143rem;--terra-tag-margin-top: 0.3571398571rem;--terra-tag-padding-bottom: 0.1428611429rem;--terra-tag-padding-top: 0.1428611429rem;--terra-tag-padding-left: 0.5rem;--terra-tag-padding-right: 0.5rem;--terra-tag-padding-bottom: 0.1428611429rem;--terra-tag-text-decoration: none;--terra-tag-interactive-background-color: #1d2427;--terra-tag-interactive-color: #007ee0;--terra-tag-interactive-text-decoration: none;--terra-tag-focus-background-color: #2d3539;--terra-tag-focus-border-color: #181b1d;--terra-tag-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-tag-focus-color: #007ee0;--terra-tag-focus-text-decoration: none;--terra-tags-rollup-tag-focus-outline: 2px dashed #fff;--terra-tag-hover-background-color: #1d2427;--terra-tag-hover-border-color: #181b1d;--terra-tag-hover-box-shadow: none;--terra-tag-hover-color: #003f61;--terra-tag-hover-text-decoration: underline;--terra-tag-icon-margin-right: 0.3571398571rem;--terra-tag-icon-margin-top: 0;--terra-tag-icon-height: 1rem;--terra-tag-icon-width: 1rem;--terra-tags-rollup-tag-focus-outline: 2px dashed #fff;--terra-tags-rollup-tag-focus-outline-offset: 2px}.Tag-module__orion-fusion-theme___1C0Ag{--terra-tag-background-color: #f4f4f4;--terra-tag-border-color: #dedfe0;--terra-tag-border-style: solid;--terra-tag-box-shadow: none;--terra-tag-color: #64696c;--terra-tag-font-size: 1rem;--terra-tag-font-weight: 400;--terra-tag-line-height: 1.1666666667;--terra-tag-margin-bottom: 0.25rem;--terra-tag-margin-left: 0.5rem;--terra-tag-margin-right: 0.25rem;--terra-tag-margin-top: 0.25rem;--terra-tag-padding-bottom: 0.25rem;--terra-tag-padding-left: 0.5rem;--terra-tag-padding-right: 0.25rem;--terra-tag-padding-top: 0.25rem;--terra-tag-text-decoration: none;--terra-tag-interactive-background-color: #fff;--terra-tag-interactive-color: #0065a3;--terra-tag-interactive-text-decoration: none;--terra-tag-focus-background-color: #fff;--terra-tag-focus-border-color: #26a2e5;--terra-tag-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-tag-focus-color: #0065a3;--terra-tag-focus-text-decoration: none;--terra-tag-hover-background-color: #ebf6fd;--terra-tag-hover-border-color: #dedfe0;--terra-tag-hover-box-shadow: none;--terra-tag-hover-color: #090a0a;--terra-tag-hover-text-decoration: underline;--terra-tag-icon-margin-right: 0.5rem;--terra-tag-icon-margin-top: 0;--terra-tag-icon-height: 1rem;--terra-tag-icon-width: 1rem;--terra-tags-rollup-tag-focus-outline: 2px dashed #000;--terra-tags-rollup-tag-focus-outline-offset: 2px}.Tag-module__tag___nh\+rs{align-items:center;color:#434a4d;color:var(--terra-tag-color, #434a4d);display:inline-flex;font-size:1rem;font-size:var(--terra-tag-font-size, 1rem);font-weight:400;font-weight:var(--terra-tag-font-weight, 400);line-height:1.1428571429;line-height:var(--terra-tag-line-height, 1.1428571429);-webkit-text-decoration:var(--terra-tag-text-decoration);text-decoration:var(--terra-tag-text-decoration);text-transform:none;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:normal}[dir] .Tag-module__tag___nh\+rs{background-color:rgba(28, 31, 33, 0.04);background-color:var(--terra-tag-background-color, rgba(28, 31, 33, 0.04));border-color:rgba(28, 31, 33, 0.1);border-color:var(--terra-tag-border-color, rgba(28, 31, 33, 0.1));border-radius:3px;border-style:solid;border-style:var(--terra-tag-border-style, solid);border-width:1px;box-shadow:var(--terra-tag-box-shadow);margin-bottom:0.3571428571rem;margin-bottom:var(--terra-tag-margin-bottom, 0.3571428571rem);margin-top:0.3571428571rem;margin-top:var(--terra-tag-margin-top, 0.3571428571rem);padding-bottom:0.1428571429rem;padding-bottom:var(--terra-tag-padding-bottom, 0.1428571429rem);padding-top:0.1428571429rem;padding-top:var(--terra-tag-padding-top, 0.1428571429rem)}[dir=ltr] .Tag-module__tag___nh\+rs{margin-left:var(--terra-tag-margin-left);margin-right:0.7142857143rem;margin-right:var(--terra-tag-margin-right, 0.7142857143rem);padding-left:0.5rem;padding-left:var(--terra-tag-padding-left, 0.5rem);padding-right:0.5rem;padding-right:var(--terra-tag-padding-right, 0.5rem);text-align:left}[dir=rtl] .Tag-module__tag___nh\+rs{margin-right:var(--terra-tag-margin-left);margin-left:0.7142857143rem;margin-left:var(--terra-tag-margin-right, 0.7142857143rem);padding-right:0.5rem;padding-right:var(--terra-tag-padding-left, 0.5rem);padding-left:0.5rem;padding-left:var(--terra-tag-padding-right, 0.5rem);text-align:right}[dir] .Tag-module__tag___nh\+rs::-moz-focus-inner{border:0;padding:0}.Tag-module__tag___nh\+rs:focus{outline:2px dashed #000;outline:var(--terra-tags-rollup-tag-focus-outline, 2px dashed #000);outline-offset:2px;outline-offset:var(--terra-tags-rollup-tag-focus-outline-offset, 2px)}.Tag-module__is-interactive___o8dLe{color:#0059a8;color:var(--terra-tag-interactive-color, #0059a8);-webkit-text-decoration:var(--terra-tag-interactive-text-decoration);text-decoration:var(--terra-tag-interactive-text-decoration)}[dir] .Tag-module__is-interactive___o8dLe{background-color:rgba(28, 31, 33, 0.04);background-color:var(--terra-tag-interactive-background-color, rgba(28, 31, 33, 0.04));cursor:pointer}.Tag-module__is-interactive___o8dLe.Tag-module__has-underline___jR7cO{text-decoration:underline}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.Tag-module__is-interactive___o8dLe:hover{color:#001f67;color:var(--terra-tag-hover-color, #001f67);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-tag-hover-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-tag-hover-text-decoration, underline)}[dir] .Tag-module__is-interactive___o8dLe:hover{background-color:rgba(28, 31, 33, 0.04);background-color:var(--terra-tag-hover-background-color, rgba(28, 31, 33, 0.04));border-color:rgba(28, 31, 33, 0.1);border-color:var(--terra-tag-hover-border-color, rgba(28, 31, 33, 0.1));box-shadow:var(--terra-tag-hover-box-shadow)}}.Tag-module__icon___CoP6c{line-height:0}[dir] .Tag-module__icon___CoP6c{margin-top:0;margin-top:var(--terra-tag-icon-margin-top, 0)}[dir=ltr] .Tag-module__icon___CoP6c{margin-right:0.3571428571rem;margin-right:var(--terra-tag-icon-margin-right, 0.3571428571rem)}[dir=rtl] .Tag-module__icon___CoP6c{margin-left:0.3571428571rem;margin-left:var(--terra-tag-icon-margin-right, 0.3571428571rem)}.Tag-module__icon___CoP6c>svg{height:1rem;height:var(--terra-tag-icon-height, 1rem);width:1rem;width:var(--terra-tag-icon-width, 1rem)} diff --git a/pull/4102/23195-a3b9a38f55c90b68cad1.js b/pull/4102/23195-a3b9a38f55c90b68cad1.js new file mode 100644 index 00000000000..dee6ea76d35 --- /dev/null +++ b/pull/4102/23195-a3b9a38f55c90b68cad1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[23195],{44021:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=a(r(96540)),f=a(r(83580));function a(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return u.default.createElement(f.default,{id:"href",text:"Href Tag",href:"www.google.com"})}}}]); \ No newline at end of file diff --git a/pull/4102/232-e8a1ab99f90818b47393.css b/pull/4102/232-e8a1ab99f90818b47393.css new file mode 100644 index 00000000000..0ab07240b65 --- /dev/null +++ b/pull/4102/232-e8a1ab99f90818b47393.css @@ -0,0 +1,4 @@ +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.NativeSelectTest-module__test-shell___NbuPM{position:relative;width:300px}[dir] .NativeSelectTest-module__test-shell___NbuPM{padding:20px} diff --git a/pull/4102/232-e8a1ab99f90818b47393.js b/pull/4102/232-e8a1ab99f90818b47393.js new file mode 100644 index 00000000000..721f966ae8b --- /dev/null +++ b/pull/4102/232-e8a1ab99f90818b47393.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[232],{88012:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(96540)),l=r(n(67967)),i=n(19137),a=r(n(77830));function r(e){return e&&e.__esModule?e:{default:e}}var p=l.default.bind(a.default);t.default=function(){return o.default.createElement(i.NativeSelectField,{label:"Default Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],isFilterStyle:!0,selectId:"default-example",className:p("form-select")})}},77830:function(e,t,n){n.r(t),t.default={"test-shell":"NativeSelectTest-module__test-shell___NbuPM"}},41843:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function o(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function l(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,l.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var i=null,a=null,r=null;if("function"==typeof t.componentWillMount?i="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(i="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?a="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(a="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?r="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(r="UNSAFE_componentWillUpdate"),null!==i||null!==a||null!==r){var p=e.displayName||e.name,s="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+p+" uses "+s+" but also contains the following legacy lifecycles:"+(null!==i?"\n "+i:"")+(null!==a?"\n "+a:"")+(null!==r?"\n "+r:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=o),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=l;var c=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;c.call(this,e,t,o)}}return e}}}]); \ No newline at end of file diff --git a/pull/4102/23231-2908447ab4d379a203c6.js b/pull/4102/23231-2908447ab4d379a203c6.js new file mode 100644 index 00000000000..2a5062352e8 --- /dev/null +++ b/pull/4102/23231-2908447ab4d379a203c6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[23231],{23231:function(t,e,r){function n(t){return n="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},n(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o,u=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=n(t)&&"function"!=typeof t)return{default:t};var r=a(e);if(r&&r.has(t))return r.get(t);var o={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&{}.hasOwnProperty.call(t,l)){var i=u?Object.getOwnPropertyDescriptor(t,l):null;i&&(i.get||i.set)?Object.defineProperty(o,l,i):o[l]=t[l]}return o.default=t,r&&r.set(t,o),o}(r(96540)),l=(o=r(40890))&&o.__esModule?o:{default:o};function a(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(a=function(t){return t?r:e})(t)}function i(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,u,l,a=[],i=!0,f=!1;try{if(u=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=u.call(r)).done)&&(a.push(n.value),a.length!==e);i=!0);}catch(t){f=!0,o=t}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(f)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return f(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return f(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);rlabel{display:block}[dir] .Input-test-module__programmatic-button___S\+\+Ze{margin-top:4px} diff --git a/pull/4102/23379-e0b57f8b713e066cb608.js b/pull/4102/23379-e0b57f8b713e066cb608.js new file mode 100644 index 00000000000..d39e35858d2 --- /dev/null +++ b/pull/4102/23379-e0b57f8b713e066cb608.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[23379],{85293:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=d(a(96540)),l=d(a(67967)),r=a(11475),n=d(a(25944));function d(e){return e&&e.__esModule?e:{default:e}}var o=l.default.bind(n.default);t.default=function(){return u.default.createElement("div",{className:o("content-wrapper")},u.default.createElement(r.InputField,{disabled:!0,inputId:"test-input",defaultValue:"Value",error:"Text",help:"Help",hideRequired:!0,inputAttrs:{name:"test",type:"text"},label:"Label Text",labelAttrs:{className:"label"},showOptional:!0,maxWidth:"40%"}))}},25944:function(e,t,a){a.r(t),t.default={"content-wrapper":"Input-test-module__content-wrapper___N2IYI","programmatic-button":"Input-test-module__programmatic-button___S++Ze"}}}]); \ No newline at end of file diff --git a/pull/4102/23404-155afbd32e099536974f.js b/pull/4102/23404-155afbd32e099536974f.js new file mode 100644 index 00000000000..a32995e9e74 --- /dev/null +++ b/pull/4102/23404-155afbd32e099536974f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[23404],{23404:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=d(a(96540)),f=d(a(55801)),r=d(a(6278));function d(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return u.default.createElement(f.default,{image:r.default,alt:"User",id:"image-avatar",initials:"JS"})}},6278:function(e,t,a){a.r(t),t.default=a.p+"e2f185bcea2cc1dac4fefdd29f998ede.jpg"}}]); \ No newline at end of file diff --git a/pull/4102/23511-c0bd9e1164ac48a0869c.css b/pull/4102/23511-c0bd9e1164ac48a0869c.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/23511-c0bd9e1164ac48a0869c.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/4102/23511-c0bd9e1164ac48a0869c.js b/pull/4102/23511-c0bd9e1164ac48a0869c.js new file mode 100644 index 00000000000..a5f183f0a52 --- /dev/null +++ b/pull/4102/23511-c0bd9e1164ac48a0869c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[23511],{55713:function(e,a,r){var n=r(24994);a.A=void 0;var t=n(r(96540)),o=n(r(5556)),d=n(r(67967)),s=n(r(25642)),i=d.default.bind(s.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var a=e.src,r=e.name,n=e.url,o=e.version,d=t.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},t.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(o))),s=a?t.default.createElement("a",{className:i("badge"),href:a},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")},d,s)};u.propTypes=c;a.A=u},23511:function(e,a,r){r.r(a),r.d(a,{default:function(){return u}});r(96540);var n=r(36665),t=r(94435),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;r[n]=e[n]}return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var i={},c="wrapper";function u(e){var a=e.components,r=s(e,o);return(0,n.mdx)(c,d({},i,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-heading-upgrade-guide"},"Terra Heading Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}u.isMDXComponent=!0},94435:function(e,a,r){r.d(a,{E:function(){return o}});var n=r(96540),t=r(55713),o=function(e){var a=e.url;return n.createElement(t.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-heading",name:"terra-heading",version:"4.58.0",url:a})}},25642:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/2360-97907fb793d8e4cb4ced.css b/pull/4102/2360-97907fb793d8e4cb4ced.css new file mode 100644 index 00000000000..45e52d3dfb3 --- /dev/null +++ b/pull/4102/2360-97907fb793d8e4cb4ced.css @@ -0,0 +1,4 @@ +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +[dir] .Select-test-module__content-wrapper___ib1qL{margin:10px}[dir] .Select-test-module__bottom-left___rabhi{margin:10px;margin-top:81vh} diff --git a/pull/4102/2360-97907fb793d8e4cb4ced.js b/pull/4102/2360-97907fb793d8e4cb4ced.js new file mode 100644 index 00000000000..52d6f2b28d5 --- /dev/null +++ b/pull/4102/2360-97907fb793d8e4cb4ced.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[2360],{63612:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(n(96540)),l=i(n(67967)),a=i(n(19137)),r=i(n(914));function i(e){return e&&e.__esModule?e:{default:e}}var p=l.default.bind(r.default);t.default=function(){return o.default.createElement("div",{className:p("content-wrapper")},o.default.createElement(a.default,{placeholder:"Select a color",variant:"tag",id:"tag"},o.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),o.default.createElement(a.default.Option,{value:"green",display:"Green"}),o.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),o.default.createElement(a.default.Option,{value:"red",display:"Red"}),o.default.createElement(a.default.Option,{value:"violet",display:"Violet"})),o.default.createElement("button",{type:"button",id:"focusable"},"Focusable"))}},914:function(e,t,n){n.r(t),t.default={"content-wrapper":"Select-test-module__content-wrapper___ib1qL","bottom-left":"Select-test-module__bottom-left___rabhi"}},41843:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function o(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function l(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,l.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var a=null,r=null,i=null;if("function"==typeof t.componentWillMount?a="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(a="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?r="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(r="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?i="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(i="UNSAFE_componentWillUpdate"),null!==a||null!==r||null!==i){var p=e.displayName||e.name,c="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+p+" uses "+c+" but also contains the following legacy lifecycles:"+(null!==a?"\n "+a:"")+(null!==r?"\n "+r:"")+(null!==i?"\n "+i:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=o),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=l;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,o)}}return e}}}]); \ No newline at end of file diff --git a/pull/4102/2376-dd02079aa1b9c7de918f.css b/pull/4102/2376-dd02079aa1b9c7de918f.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/2376-dd02079aa1b9c7de918f.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/4102/2376-dd02079aa1b9c7de918f.js b/pull/4102/2376-dd02079aa1b9c7de918f.js new file mode 100644 index 00000000000..4d81c67a561 --- /dev/null +++ b/pull/4102/2376-dd02079aa1b9c7de918f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[2376],{55713:function(e,n,a){var t=a(24994);n.A=void 0;var r=t(a(96540)),l=t(a(5556)),d=t(a(67967)),i=t(a(25642)),m=d.default.bind(i.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(e){var n=e.src,a=e.name,t=e.url,l=e.version,d=r.default.createElement("a",{className:m("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},r.default.createElement("span",{className:m("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(l))),i=n?r.default.createElement("a",{className:m("badge"),href:n},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},d,i)};s.propTypes=o;n.A=s},2376:function(e,n,a){a.r(n),a.d(n,{default:function(){return s}});a(96540);var t=a(36665),r=a(85515),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0)continue;a[t]=e[t]}return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var m={},o="wrapper";function s(e){var n=e.components,a=i(e,l);return(0,t.mdx)(o,d({},m,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(r.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-responsive-element-upgrade-guide"},"Terra Responsive Element Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-40-to-50"},"Changes from 4.0 to 5.0"),(0,t.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"The ",(0,t.mdx)("inlineCode",{parentName:"li"},"breakpoints.scss")," file has been removed."),(0,t.mdx)("li",{parentName:"ul"},"The ",(0,t.mdx)("inlineCode",{parentName:"li"},"defaultElement")," prop has been removed."),(0,t.mdx)("li",{parentName:"ul"},"The breakpoint ranges have been changed to align with ",(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/cerner-terra-core-docs/breakpoints/about"},"terra-breakpoints"),"."),(0,t.mdx)("li",{parentName:"ul"},"The width calculation has been changed to use the total width of parent container when responsiveTo prop is set as 'parent'. This means the padding and border of the parent container is included in the available width.")),(0,t.mdx)("h3",{id:"new-features"},"New Features"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Added an ",(0,t.mdx)("inlineCode",{parentName:"li"},"onChange")," callback function that is invoked when a breakpoint range changes to enable creating controlled responsive elements."),(0,t.mdx)("li",{parentName:"ul"},"Added an ",(0,t.mdx)("inlineCode",{parentName:"li"},"onResize")," callback function that is invoked when the responsive target triggers a resize event."),(0,t.mdx)("li",{parentName:"ul"},"Added ",(0,t.mdx)("inlineCode",{parentName:"li"},"children")," as a prop to use in conjunction with ",(0,t.mdx)("inlineCode",{parentName:"li"},"onChange")," to create controlled components.")),(0,t.mdx)("h3",{id:"breakpoint-changes"},"Breakpoint Changes"),(0,t.mdx)("p",null,"The breakpoint ranges have all shifted. This change was made to remove the ambiguous breakpoint range in-between 0 and tiny. Previously tiny started at 544px. The range from 0 to 543px had no associated breakpoint. It was considered the default size. Tiny now starts at 0."),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Breakpoint"),(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"Updated"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"tiny"),(0,t.mdx)("td",{parentName:"tr",align:null},"544 - 767"),(0,t.mdx)("td",{parentName:"tr",align:null},"0 - 543")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"small"),(0,t.mdx)("td",{parentName:"tr",align:null},"768 - 991"),(0,t.mdx)("td",{parentName:"tr",align:null},"544 - 767")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"medium"),(0,t.mdx)("td",{parentName:"tr",align:null},"992 - 1215"),(0,t.mdx)("td",{parentName:"tr",align:null},"768 - 991")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"large"),(0,t.mdx)("td",{parentName:"tr",align:null},"1216 - 1439"),(0,t.mdx)("td",{parentName:"tr",align:null},"992 - 1215")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"huge"),(0,t.mdx)("td",{parentName:"tr",align:null},"1440 - ∞"),(0,t.mdx)("td",{parentName:"tr",align:null},"1216 - 1439")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"enormous"),(0,t.mdx)("td",{parentName:"tr",align:null},"--"),(0,t.mdx)("td",{parentName:"tr",align:null},"1440 - ∞")))),(0,t.mdx)("p",null,"To upgrade, shift all declared breakpoint props by one breakpoint. During this uplift it is recommended to consider implementing a controlled version of the responsive element using the ",(0,t.mdx)("inlineCode",{parentName:"p"},"children")," and ",(0,t.mdx)("inlineCode",{parentName:"p"},"onChange")," props that have been added. Examples can be found on the doc site."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"defaultElement -> tiny"),(0,t.mdx)("li",{parentName:"ul"},"tiny -> small"),(0,t.mdx)("li",{parentName:"ul"},"small -> medium"),(0,t.mdx)("li",{parentName:"ul"},"medium -> large"),(0,t.mdx)("li",{parentName:"ul"},"large -> huge"),(0,t.mdx)("li",{parentName:"ul"},"huge -> enormous")),(0,t.mdx)("p",null,"The ",(0,t.mdx)("inlineCode",{parentName:"p"},"breakpoints.scss")," file has been removed. Any files previously referencing ",(0,t.mdx)("inlineCode",{parentName:"p"},"breakpoints.scss")," should import the new values provided by ",(0,t.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/#/components/terra-breakpoints/breakpoints/about"},"terra-breakpoints"),"."),(0,t.mdx)("h3",{id:"examples"},"Examples"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- } large={
} />\n+ } huge={
} />\n")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- } huge={
} />\n+ } enormous={
} />\n")),(0,t.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}s.isMDXComponent=!0},85515:function(e,n,a){a.d(n,{E:function(){return l}});var t=a(96540),r=a(55713),l=function(e){var n=e.url;return t.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-responsive-element",name:"terra-responsive-element",version:"5.41.0",url:n})}},25642:function(e,n,a){a.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/23992-9dc3dc1dfdede5dd3de5.css b/pull/4102/23992-9dc3dc1dfdede5dd3de5.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/23992-9dc3dc1dfdede5dd3de5.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/4102/23992-9dc3dc1dfdede5dd3de5.js b/pull/4102/23992-9dc3dc1dfdede5dd3de5.js new file mode 100644 index 00000000000..08be395abf2 --- /dev/null +++ b/pull/4102/23992-9dc3dc1dfdede5dd3de5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[23992],{55713:function(e,r,a){var t=a(24994);r.A=void 0;var n=t(a(96540)),d=t(a(5556)),s=t(a(67967)),l=t(a(25642)),m=s.default.bind(l.default),o={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},i=function(e){var r=e.src,a=e.name,t=e.url,d=e.version,s=n.default.createElement("a",{className:m("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},n.default.createElement("span",{className:m("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:m("badge-version")},"v".concat(d))),l=r?n.default.createElement("a",{className:m("badge"),href:r},n.default.createElement("span",{className:m("badge-name")},"github"),n.default.createElement("span",{className:m("badge-version")},"source")):void 0;return n.default.createElement("div",{className:m("badge-container")},s,l)};i.propTypes=o;r.A=i},23992:function(e,r,a){a.r(r),a.d(r,{default:function(){return i}});a(96540);var t=a(36665),n=a(83243),d=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0)continue;a[t]=e[t]}return a}(e,r);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var m={},o="wrapper";function i(e){var r=e.components,a=l(e,d);return(0,t.mdx)(o,s({},m,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-progress-bar-upgrade-guide"},"Terra Progress Bar Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-tiny"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-tiny-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-small"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-small-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-medium"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-medium-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-large"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-large-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-huge"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-huge-height")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-progress-bar-height"),(0,t.mdx)("li",{parentName:"ul"},"--terra-progress-bar-border-radius")))}i.isMDXComponent=!0},83243:function(e,r,a){a.d(r,{E:function(){return d}});var t=a(96540),n=a(55713),d=function(e){var r=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-progress-bar",name:"terra-progress-bar",version:"4.37.0",url:r})}},25642:function(e,r,a){a.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/24133-12c43a9030e9eb430743.js b/pull/4102/24133-12c43a9030e9eb430743.js new file mode 100644 index 00000000000..27d2189168d --- /dev/null +++ b/pull/4102/24133-12c43a9030e9eb430743.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[24133],{24133:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var f=l(a(96540)),u=a(55801),i=l(a(56626));function l(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return f.default.createElement(u.Facility,{id:"image-facility",image:i.default,alt:"facility"})}},56626:function(e,t,a){a.r(t),t.default=a.p+"51d085f765a7361bab659ffffdb9bb46.jpg"}}]); \ No newline at end of file diff --git a/pull/4102/24270-5e22cfc8360d32277d47.css b/pull/4102/24270-5e22cfc8360d32277d47.css new file mode 100644 index 00000000000..fb332cb806b --- /dev/null +++ b/pull/4102/24270-5e22cfc8360d32277d47.css @@ -0,0 +1 @@ +[dir] .ExtraSpacing-module__button-spacing-wrapper___Nac23{margin:.35714rem}.ExtraSpacing-module__container-spacing-wrapper___x-wix{display:inline-block}[dir] .ExtraSpacing-module__container-spacing-wrapper___x-wix{padding:.71428rem}.ExtraSpacing-module__container-min-size___nT0qt{min-height:18rem;min-width:18rem} diff --git a/pull/4102/24270-5e22cfc8360d32277d47.js b/pull/4102/24270-5e22cfc8360d32277d47.js new file mode 100644 index 00000000000..c64bc9bba82 --- /dev/null +++ b/pull/4102/24270-5e22cfc8360d32277d47.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[24270],{24270:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var c=o?Object.getOwnPropertyDescriptor(e,u):null;c&&(c.get||c.set)?Object.defineProperty(a,u,c):a[u]=e[u]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=f(n(67967)),u=n(37123),c=f(n(11650));function f(e){return e&&e.__esModule?e:{default:e}}function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}var l=o.default.bind(c.default);t.default=function(){var e=(0,a.useRef)(null),t=(0,a.useRef)(null);return a.default.createElement("div",{className:l("container-spacing-wrapper")},a.default.createElement("a",{href:"/",ref:e,tabIndex:"0"},"First"),a.default.createElement("a",{href:"/",ref:t,tabIndex:"0"},"Second"),a.default.createElement(u.SplitButton,{primaryOptionLabel:"First",onSelect:function(){return e.current.focus()}},a.default.createElement(u.Item,{label:"Second",onSelect:function(){return t.current.focus()},id:"second"})))}},11650:function(e,t,n){n.r(t),t.default={"button-spacing-wrapper":"ExtraSpacing-module__button-spacing-wrapper___Nac23","container-spacing-wrapper":"ExtraSpacing-module__container-spacing-wrapper___x-wix","container-min-size":"ExtraSpacing-module__container-min-size___nT0qt"}}}]); \ No newline at end of file diff --git a/pull/4102/24305-fb43199f77fd68af11df.js b/pull/4102/24305-fb43199f77fd68af11df.js new file mode 100644 index 00000000000..6576decf011 --- /dev/null +++ b/pull/4102/24305-fb43199f77fd68af11df.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[24305],{24305:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(r(96540)),u=a(r(78144));function a(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return n.default.createElement("div",{role:"main"},n.default.createElement(u.default,{id:"link",href:"https://www.cerner.com",variant:"video",text:"Video hyperlink"}))}}}]); \ No newline at end of file diff --git a/pull/4102/24351-29ea4de887e78f05185b.css b/pull/4102/24351-29ea4de887e78f05185b.css new file mode 100644 index 00000000000..09e79a66269 --- /dev/null +++ b/pull/4102/24351-29ea4de887e78f05185b.css @@ -0,0 +1,2 @@ +.Grid-module__clinical-lowlight-theme___WfV-S{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___xoMqT{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___jE9D-{box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:row;flex-grow:0;flex-shrink:1;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___jE9D-{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___jE9D-{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___sGA4X{box-sizing:border-box;flex-basis:100%;flex-grow:1;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___sGA4X{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___sGA4X{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___-k2mz{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___ndvgK{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___jMwsJ{flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___3ycN9{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___Q7xhd{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___FkAyN{flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___HxI3z{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___V2vmA{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___T38T7{flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___vRUtn{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___mGCtS{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___vvXO3{flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___WhwHC{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___I48V2{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___5cEbB{flex-basis:25%;max-width:25%}.Grid-module__column-small-4___tmHtN{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___QRJhM{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___O92\+F{flex-basis:50%;max-width:50%}.Grid-module__column-small-7___StZ6p{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___CjSSF{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___1IHvH{flex-basis:75%;max-width:75%}.Grid-module__column-small-10___uMDZ6{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___MIPlY{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___-Iea\+{flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___0ENyM{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___lPAeW{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___ISHGP{flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___JUeNg{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___u4WE-{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___ILVvF{flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___4hC6O{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___7-EQh{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___jSh0H{flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___KhEjw{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___QUyhm{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___Ea947{flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___Fo6I4{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___LdUz-{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___b-34c{flex-basis:25%;max-width:25%}.Grid-module__column-large-4___bvF3w{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___NN4Lh{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___awRZm{flex-basis:50%;max-width:50%}.Grid-module__column-large-7___WkfOO{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___Pl6em{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___iDhKL{flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Cu9fD{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___ha4GS{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___k97Y5{flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___c9IM8{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___tFbsc{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___OQwYu{flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___FXj-9{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___TCpLt{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___x2mBX{flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___kWu\+v{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___40jW7{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___\+LI4r{flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___QCz3j{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___Y5MxR{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___X\+Wtx{flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___X-r1K{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___jCGau{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___sCNf8{flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___UtbUM{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___a-Ckr{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___HWnVg{flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___AWMk2{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___9iOHi{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___dB51t{flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___h3xJn{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___VKSpn{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___a35qF{flex-basis:100%;max-width:100%}} +.terra-grid-example{word-break:break-word}[dir] .terra-grid-example{background-color:#eee;padding:10px} diff --git a/pull/4102/24351-29ea4de887e78f05185b.js b/pull/4102/24351-29ea4de887e78f05185b.js new file mode 100644 index 00000000000..fe200989264 --- /dev/null +++ b/pull/4102/24351-29ea4de887e78f05185b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[24351],{24351:function(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var m=o(u(96540)),n=o(u(20030));function o(e){return e&&e.__esModule?e:{default:e}}u(31091);l.default=function(){return m.default.createElement(n.default,{id:"grid"},m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-1",medium:1},m.default.createElement("div",{className:"terra-grid-example"},"1 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-2",medium:2},m.default.createElement("div",{className:"terra-grid-example"},"2 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-3",medium:3},m.default.createElement("div",{className:"terra-grid-example"},"3 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-4",medium:4},m.default.createElement("div",{className:"terra-grid-example"},"4 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-5",medium:5},m.default.createElement("div",{className:"terra-grid-example"},"5 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-6",medium:6},m.default.createElement("div",{className:"terra-grid-example"},"6 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-7",medium:7},m.default.createElement("div",{className:"terra-grid-example"},"7 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-8",medium:8},m.default.createElement("div",{className:"terra-grid-example"},"8 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-9",medium:9},m.default.createElement("div",{className:"terra-grid-example"},"9 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-10",medium:10},m.default.createElement("div",{className:"terra-grid-example"},"10 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-11",medium:11},m.default.createElement("div",{className:"terra-grid-example"},"11 Column Span"))),m.default.createElement(n.default.Row,null,m.default.createElement(n.default.Column,{id:"column-12",medium:12},m.default.createElement("div",{className:"terra-grid-example"},"12 Column Span"))))}},20030:function(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var m=r(u(96540)),n=r(u(5556)),o=r(u(48832)),_=r(u(34980));function r(e){return e&&e.__esModule?e:{default:e}}var t={children:n.default.node.isRequired},d=function(e){return m.default.createElement("div",e)};d.propTypes=t,d.Row=o.default,d.Column=_.default;l.default=d},34980:function(e,l,u){function m(e){return m="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},m(e)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=c(u(96540)),o=c(u(5556)),_=c(u(46942)),r=c(u(67967)),t=c(u(52103)),d=c(u(95235)),a=["className","children","tiny","small","medium","large","huge","enormous"];function c(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;u[m]=e[m]}return u}(e,l);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,u)&&(n[u]=e[u])}return n}var g=r.default.bind(d.default),p=function(e,l){if(e[l]){var u=e[l];return u>=1&&u<=12?null:new Error("".concat(l," must be in range 1 to 12 inclusively"))}return null},G={children:o.default.node,className:o.default.string,tiny:p,enormous:p,huge:p,large:p,medium:p,small:p},y=function(e){var l=e.className,u=e.children,m=e.tiny,o=e.small,r=e.medium,d=e.large,c=e.huge,p=e.enormous,G=s(e,a),y=n.default.useContext(t.default),h=(0,_.default)(g(["column",f(f(f(f(f(f({},"column-tiny-".concat(m),m),"column-small-".concat(o),o),"column-medium-".concat(r),r),"column-large-".concat(d),d),"column-huge-".concat(c),c),"column-enormous-".concat(p),p),y.className]),l);return n.default.createElement("div",i({},G,{className:h}),u)};y.propTypes=G;l.default=y},48832:function(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var m=a(u(96540)),n=a(u(5556)),o=a(u(46942)),_=a(u(67967)),r=a(u(52103)),t=a(u(95235)),d=["className","children"];function a(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;u[m]=e[m]}return u}(e,l);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,u)&&(n[u]=e[u])}return n}var f=_.default.bind(t.default),s={children:n.default.node.isRequired,className:n.default.string},g=function(e){var l=e.className,u=e.children,n=i(e,d),_=m.default.useContext(r.default);return m.default.createElement("div",c({},n,{className:(0,o.default)(f("grid",_.className),l)}),u)};g.propTypes=s;l.default=g},31091:function(e,l,u){u.r(l),l.default={}},95235:function(e,l,u){u.r(l),l.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___WfV-S","orion-fusion-theme":"Grid-module__orion-fusion-theme___xoMqT",grid:"Grid-module__grid___jE9D-",column:"Grid-module__column___sGA4X","column-tiny-1":"Grid-module__column-tiny-1___-k2mz","column-tiny-2":"Grid-module__column-tiny-2___ndvgK","column-tiny-3":"Grid-module__column-tiny-3___jMwsJ","column-tiny-4":"Grid-module__column-tiny-4___3ycN9","column-tiny-5":"Grid-module__column-tiny-5___Q7xhd","column-tiny-6":"Grid-module__column-tiny-6___FkAyN","column-tiny-7":"Grid-module__column-tiny-7___HxI3z","column-tiny-8":"Grid-module__column-tiny-8___V2vmA","column-tiny-9":"Grid-module__column-tiny-9___T38T7","column-tiny-10":"Grid-module__column-tiny-10___vRUtn","column-tiny-11":"Grid-module__column-tiny-11___mGCtS","column-tiny-12":"Grid-module__column-tiny-12___vvXO3","column-small-1":"Grid-module__column-small-1___WhwHC","column-small-2":"Grid-module__column-small-2___I48V2","column-small-3":"Grid-module__column-small-3___5cEbB","column-small-4":"Grid-module__column-small-4___tmHtN","column-small-5":"Grid-module__column-small-5___QRJhM","column-small-6":"Grid-module__column-small-6___O92+F","column-small-7":"Grid-module__column-small-7___StZ6p","column-small-8":"Grid-module__column-small-8___CjSSF","column-small-9":"Grid-module__column-small-9___1IHvH","column-small-10":"Grid-module__column-small-10___uMDZ6","column-small-11":"Grid-module__column-small-11___MIPlY","column-small-12":"Grid-module__column-small-12___-Iea+","column-medium-1":"Grid-module__column-medium-1___0ENyM","column-medium-2":"Grid-module__column-medium-2___lPAeW","column-medium-3":"Grid-module__column-medium-3___ISHGP","column-medium-4":"Grid-module__column-medium-4___JUeNg","column-medium-5":"Grid-module__column-medium-5___u4WE-","column-medium-6":"Grid-module__column-medium-6___ILVvF","column-medium-7":"Grid-module__column-medium-7___4hC6O","column-medium-8":"Grid-module__column-medium-8___7-EQh","column-medium-9":"Grid-module__column-medium-9___jSh0H","column-medium-10":"Grid-module__column-medium-10___KhEjw","column-medium-11":"Grid-module__column-medium-11___QUyhm","column-medium-12":"Grid-module__column-medium-12___Ea947","column-large-1":"Grid-module__column-large-1___Fo6I4","column-large-2":"Grid-module__column-large-2___LdUz-","column-large-3":"Grid-module__column-large-3___b-34c","column-large-4":"Grid-module__column-large-4___bvF3w","column-large-5":"Grid-module__column-large-5___NN4Lh","column-large-6":"Grid-module__column-large-6___awRZm","column-large-7":"Grid-module__column-large-7___WkfOO","column-large-8":"Grid-module__column-large-8___Pl6em","column-large-9":"Grid-module__column-large-9___iDhKL","column-large-10":"Grid-module__column-large-10___Cu9fD","column-large-11":"Grid-module__column-large-11___ha4GS","column-large-12":"Grid-module__column-large-12___k97Y5","column-huge-1":"Grid-module__column-huge-1___c9IM8","column-huge-2":"Grid-module__column-huge-2___tFbsc","column-huge-3":"Grid-module__column-huge-3___OQwYu","column-huge-4":"Grid-module__column-huge-4___FXj-9","column-huge-5":"Grid-module__column-huge-5___TCpLt","column-huge-6":"Grid-module__column-huge-6___x2mBX","column-huge-7":"Grid-module__column-huge-7___kWu+v","column-huge-8":"Grid-module__column-huge-8___40jW7","column-huge-9":"Grid-module__column-huge-9___+LI4r","column-huge-10":"Grid-module__column-huge-10___QCz3j","column-huge-11":"Grid-module__column-huge-11___Y5MxR","column-huge-12":"Grid-module__column-huge-12___X+Wtx","column-enormous-1":"Grid-module__column-enormous-1___X-r1K","column-enormous-2":"Grid-module__column-enormous-2___jCGau","column-enormous-3":"Grid-module__column-enormous-3___sCNf8","column-enormous-4":"Grid-module__column-enormous-4___UtbUM","column-enormous-5":"Grid-module__column-enormous-5___a-Ckr","column-enormous-6":"Grid-module__column-enormous-6___HWnVg","column-enormous-7":"Grid-module__column-enormous-7___AWMk2","column-enormous-8":"Grid-module__column-enormous-8___9iOHi","column-enormous-9":"Grid-module__column-enormous-9___dB51t","column-enormous-10":"Grid-module__column-enormous-10___h3xJn","column-enormous-11":"Grid-module__column-enormous-11___VKSpn","column-enormous-12":"Grid-module__column-enormous-12___a35qF"}}}]); \ No newline at end of file diff --git a/pull/4102/24684-b68ba91109c561ce73c2.css b/pull/4102/24684-b68ba91109c561ce73c2.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/24684-b68ba91109c561ce73c2.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/4102/24684-b68ba91109c561ce73c2.js b/pull/4102/24684-b68ba91109c561ce73c2.js new file mode 100644 index 00000000000..522a6acddb6 --- /dev/null +++ b/pull/4102/24684-b68ba91109c561ce73c2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[24684],{55713:function(e,a,l){var m=l(24994);a.A=void 0;var n=m(l(96540)),d=m(l(5556)),r=m(l(67967)),u=m(l(25642)),i=r.default.bind(u.default),t={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,d=e.version,r=n.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(d)},n.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(d))),u=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;a.A=p},24684:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(96540);var m=l(36665),n=l(85515),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[m]=e[m]}return l}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={},t="wrapper";function p(e){var a=e.components,l=u(e,d);return(0,m.mdx)(t,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"5410---march-4-2024"},"5.41.0 - (March 4, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added deprecated icon in props documentation.")))),(0,m.mdx)("h2",{id:"5400---february-15-2024"},"5.40.0 - (February 15, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"5390---november-13-2023"},"5.39.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5380---august-1-2023"},"5.38.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5370---february-15-2023"},"5.37.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5360---december-7-2022"},"5.36.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5352---july-5-2022"},"5.35.2 - (July 5, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5351---february-24-2022"},"5.35.1 - (February 24, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,m.mdx)("h2",{id:"5350---october-8-2021"},"5.35.0 - (October 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5340---september-21-2021"},"5.34.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"5330---august-25-2021"},"5.33.0 - (August 25, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"5320---july-6-2021"},"5.32.0 - (July 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5310---june-22-2021"},"5.31.0 - (June 22, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5300---april-6-2021"},"5.30.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"5290---march-2-2021"},"5.29.0 - (March 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5280---january-5-2021"},"5.28.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"5270---december-8-2020"},"5.27.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"5260---november-17-2020"},"5.26.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5250---november-10-2020"},"5.25.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,m.mdx)("h2",{id:"5240---october-13-2020"},"5.24.0 - (October 13, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,m.mdx)("h2",{id:"5230---august-4-2020"},"5.23.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5220---july-29-2020"},"5.22.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"5200---june-9-2020"},"5.20.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"5190---may-26-2020"},"5.19.0 - (May 26, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5180---april-28-2020"},"5.18.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"5170---april-22-2020"},"5.17.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,m.mdx)("h2",{id:"5160---march-10-2020"},"5.16.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"5150---february-18-2020"},"5.15.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,m.mdx)("h2",{id:"5140---february-4-2020"},"5.14.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"5130---january-7-2020"},"5.13.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,m.mdx)("h2",{id:"5120---december-3-2019"},"5.12.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".'))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Flicker for responsiveTo parent elements")))),(0,m.mdx)("h2",{id:"5110---october-30-2019"},"5.11.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added a warning in dev environment about uncontrolled responsive elements being deprecated in the next major release"),(0,m.mdx)("li",{parentName:"ul"},"Added deprecated flag to the uncontrolled props descriptions")))),(0,m.mdx)("h2",{id:"5100---october-3-2019"},"5.10.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"590---september-19-2019"},"5.9.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"580---september-6-2019"},"5.8.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page"),(0,m.mdx)("li",{parentName:"ul"},"Added package.json import to doc page")))),(0,m.mdx)("h2",{id:"570---august-21-2019"},"5.7.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"560---august-14-2019"},"5.6.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,m.mdx)("h2",{id:"550---july-30-2019"},"5.5.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"540---july-24-2019"},"5.4.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"530---july-16-2019"},"5.3.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"520----july-11-2019"},"5.2.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"510---june-28-2019"},"5.1.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated examples to use React Hooks"),(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"500---june-18-2019"},"5.0.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"breakpoints.scss")),(0,m.mdx)("li",{parentName:"ul"},"Removed the ",(0,m.mdx)("inlineCode",{parentName:"li"},"defaultElement")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Changed the breakpoint pixel ranges to match terra-breakpoints"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"onChange")," callback function that is invoked when a breakpoint range changes"),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"onResize")," callback function that is invoked when a resize event is triggered"),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"children")," prop to use in conjunction with ",(0,m.mdx)("inlineCode",{parentName:"li"},"onChange")," to create controlled responsive elements"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Repetitive resizing when a scrollbar appears between two breakpoints")))),(0,m.mdx)("h2",{id:"480---june-11-2019"},"4.8.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"470---may-1-2019"},"4.7.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"460---april-16-2019"},"4.6.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"450---march-26-2019"},"4.5.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"440---march-21-2019"},"4.4.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"430---february-26-2019"},"4.3.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"420---february-12-2019"},"4.2.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"410---february-5-2019"},"4.1.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"400---january-22-2019"},"4.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"3200---january-22-2019"},"3.20.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,m.mdx)("h2",{id:"3190---january-8-2019"},"3.19.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3180---january-2-2019"},"3.18.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3170---november-19-2018"},"3.17.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3160---november-13-2018"},"3.16.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3150---november-9-2018"},"3.15.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3140---october-24-2018"},"3.14.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3130---october-16-2018"},"3.13.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3120---october-8-2018"},"3.12.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3110---october-2-2018"},"3.11.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Export for element responsiveTo added.")))),(0,m.mdx)("h2",{id:"3100---september-25-2018"},"3.10.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"391---september-6-2018"},"3.9.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"390---september-5-2018"},"3.9.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"380---september-4-2018"},"3.8.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"370---august-29-2018"},"3.7.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"360---august-1-2018"},"3.6.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"350---july-19-2018"},"3.5.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"340---july-17-2018"},"3.4.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"330---july-10-2018"},"3.3.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---june-28-2018"},"3.2.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,m.mdx)("h2",{id:"310---june-22-2018"},"3.1.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"300---june-13-2018"},"3.0.0 - (June 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed the extra div wrapping content when rendered into the dom"),(0,m.mdx)("li",{parentName:"ul"},"Removed custom properties")))),(0,m.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"1160---february-1-2018"},"1.16.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---january-18-2018"},"1.15.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1140---january-5-2018"},"1.14.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update SCSS variable name for breakpoints to avoid conflicts with legacy code")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[m]=e[m]}return l}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,m.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(n.E,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},85515:function(e,a,l){l.d(a,{E:function(){return d}});var m=l(96540),n=l(55713),d=function(e){var a=e.url;return m.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-responsive-element",name:"terra-responsive-element",version:"5.41.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/24743-ccd93ac683667adba6d1.css b/pull/4102/24743-ccd93ac683667adba6d1.css new file mode 100644 index 00000000000..b4bf334d16d --- /dev/null +++ b/pull/4102/24743-ccd93ac683667adba6d1.css @@ -0,0 +1 @@ +.Alert-module__clinical-lowlight-theme___mbn1G{--terra-alert-color: #b2b5b6;--terra-alert-min-height: 0;--terra-alert-icon-font-size: 1.286em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.5rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.64285rem;--terra-alert-body-margin-right: 0.7143rem;--terra-alert-body-margin-top: 0.7143rem;--terra-alert-std-margin-bottom: 0.7143rem;--terra-alert-std-margin-right: 0.6667rem;--terra-alert-section-padding-bottom: 0.142857rem;--terra-alert-section-padding-top: 0.21429rem;--terra-alert-custom-text-color: #b2b5b6;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5833rem;--terra-alert-actions-margin-bottom: 0.4286rem;--terra-alert-actions-margin-left: 0.142857rem;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 0.4286rem;--terra-alert-alert-background-color: #332425;--terra-alert-alert-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-error-background-color: #332425;--terra-alert-error-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-warning-background-color: #464232;--terra-alert-warning-box-shadow: 2px 0 0 #ffb166 inset;--terra-alert-unsatisfied-background-color: #1a2226;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #1a2226;--terra-alert-unverified-box-shadow: 2px 0 0 #9630af inset;--terra-alert-advisory-background-color: #1a2226;--terra-alert-advisory-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-info-background-color: #1a2226;--terra-alert-info-box-shadow: 2px 0 0 #5a81ff inset;--terra-alert-success-background-color: #1a2226;--terra-alert-success-box-shadow: 2px 0 0 #407d17 inset;--terra-alert-custom-background-color: #1a2226;--terra-alert-custom-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-alert-title-color: #fb4c4c;--terra-alert-error-title-color: #fb4c4c;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #9630af;--terra-alert-custom-default-color: #1c1f21;--terra-alert-focus-keyboard-box-shadow: none;--terra-alert-focus-keyboard-outline: 2px dashed #b2b5b6;--terra-alert-focus-keyboard-outline-offset: 1px}.Alert-module__orion-fusion-theme___88DP9{--terra-alert-color: #1c1f21;--terra-alert-min-height: 3.41667rem;--terra-alert-icon-font-size: 1.3333em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.475rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.5rem;--terra-alert-body-margin-right: 0.5rem;--terra-alert-body-margin-top: 0.75rem;--terra-alert-std-margin-bottom: 1rem;--terra-alert-std-margin-right: 0.5rem;--terra-alert-section-padding-bottom: 0.125rem;--terra-alert-section-padding-top: 0.29167rem;--terra-alert-custom-text-color: #1c1f21;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5rem;--terra-alert-actions-margin-bottom: 1rem;--terra-alert-actions-margin-left: 0;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 1rem;--terra-alert-alert-background-color: #fed1d1;--terra-alert-alert-box-shadow: inset 2px 0 0 #c00;--terra-alert-error-background-color: #fed1d1;--terra-alert-error-box-shadow: inset 2px 0 0 #c00;--terra-alert-warning-background-color: #fff3ce;--terra-alert-warning-box-shadow: inset 2px 0 0 #ffc20a;--terra-alert-unsatisfied-background-color: #f4f4f4;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #f4f4f4;--terra-alert-unverified-box-shadow: 2px 0 0 #78288c inset;--terra-alert-advisory-background-color: #f4f4f4;--terra-alert-advisory-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-info-background-color: #f4f4f4;--terra-alert-info-box-shadow: inset 2px 0 0 #007cc3;--terra-alert-success-background-color: #f4f4f4;--terra-alert-success-box-shadow: inset 2px 0 0 #78c346;--terra-alert-custom-background-color: #f4f4f4;--terra-alert-custom-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-alert-title-color: #1c1f21;--terra-alert-error-title-color: #1c1f21;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #78288c;--terra-alert-custom-default-color: #1c1f21}.Alert-module__alert-base___1n2OP{align-items:stretch;color:var(--terra-alert-color);display:flex;justify-content:space-between;min-height:var(--terra-alert-min-height);overflow:hidden;overflow-wrap:anywhere;width:100%}[dir] .Alert-module__alert-base___1n2OP{margin:0 0 1px}.Alert-module__narrow___Rburq{flex-direction:column}.Alert-module__wide___gnGF7{flex-direction:row}.Alert-module__icon___knN3g{display:inline-block;flex-shrink:0;font-size:1.286em;font-size:var(--terra-alert-icon-font-size, 1.286em)}[dir] .Alert-module__icon___knN3g{margin-top:var(--terra-alert-icon-margin-top)}[dir=ltr] .Alert-module__icon___knN3g{margin-left:var(--terra-alert-icon-margin-left);margin-right:0.5rem;margin-right:var(--terra-alert-icon-margin-right, 0.5rem)}[dir=rtl] .Alert-module__icon___knN3g{margin-right:var(--terra-alert-icon-margin-left);margin-left:0.5rem;margin-left:var(--terra-alert-icon-margin-right, 0.5rem)}.Alert-module__content-container___aDO1C{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative;z-index:1}.Alert-module__body___0rIor{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative}[dir] .Alert-module__body___0rIor{margin-top:0.7143rem;margin-top:var(--terra-alert-body-margin-top, 0.7143rem);padding-top:0}[dir=ltr] .Alert-module__body___0rIor{margin-left:0.64285rem;margin-left:var(--terra-alert-body-margin-left, 0.64285rem);margin-right:0.7143rem;margin-right:var(--terra-alert-body-margin-right, 0.7143rem)}[dir=rtl] .Alert-module__body___0rIor{margin-right:0.64285rem;margin-right:var(--terra-alert-body-margin-left, 0.64285rem);margin-left:0.7143rem;margin-left:var(--terra-alert-body-margin-right, 0.7143rem)}[dir] .Alert-module__body-narrow___2Jplj{margin-bottom:0}[dir] .Alert-module__body-std___qud1z{margin-bottom:0.7143rem;margin-bottom:var(--terra-alert-std-margin-bottom, 0.7143rem)}[dir=ltr] .Alert-module__body-std___qud1z{margin-right:0.6667rem;margin-right:var(--terra-alert-std-margin-right, 0.6667rem)}[dir=rtl] .Alert-module__body-std___qud1z{margin-left:0.6667rem;margin-left:var(--terra-alert-std-margin-right, 0.6667rem)}.Alert-module__focus-container___CHbk6{bottom:0;display:block;position:absolute;top:0;z-index:0}[dir=ltr] .Alert-module__focus-container___CHbk6{left:0;right:0}[dir=rtl] .Alert-module__focus-container___CHbk6{right:0;left:0}.Alert-module__focus-container___CHbk6:focus-visible{outline:2px dashed #000;outline:var(--terra-alert-focus-keyboard-outline, 2px dashed #000);outline-offset:1px;outline-offset:var(--terra-alert-focus-keyboard-outline-offset, 1px)}[dir] .Alert-module__focus-container___CHbk6:focus-visible{box-shadow:none;box-shadow:var(--terra-alert-focus-keyboard-box-shadow, none)}.Alert-module__section___N5IvN{flex:1}[dir] .Alert-module__section___N5IvN{margin-bottom:0;margin-top:0;padding-bottom:0.142857rem;padding-bottom:var(--terra-alert-section-padding-bottom, 0.142857rem);padding-top:0.21429rem;padding-top:var(--terra-alert-section-padding-top, 0.21429rem)}.Alert-module__section-custom___6924q{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}.Alert-module__title___wxbgA{display:var(--terra-alert-title-display)}[dir] .Alert-module__title___wxbgA{margin-bottom:var(--terra-alert-title-margin-bottom)}[dir=ltr] .Alert-module__title___wxbgA{float:left;float:var(--terra-alert-title-float, left);margin-right:0.5833rem;margin-right:var(--terra-alert-title-margin-right, 0.5833rem)}[dir=rtl] .Alert-module__title___wxbgA{float:right;float:var(--terra-alert-title-float, right);margin-left:0.5833rem;margin-left:var(--terra-alert-title-margin-right, 0.5833rem)}.Alert-module__actions___CeUWQ{align-items:flex-start;display:flex;flex-direction:row;flex-shrink:0;justify-content:flex-end}[dir] .Alert-module__actions___CeUWQ{margin-bottom:0.4286rem;margin-bottom:var(--terra-alert-actions-margin-bottom, 0.4286rem);margin-top:0.4286rem;margin-top:var(--terra-alert-actions-margin-top, 0.4286rem)}[dir=ltr] .Alert-module__actions___CeUWQ{margin-left:0.142857rem;margin-left:var(--terra-alert-actions-margin-left, 0.142857rem);margin-right:0.5rem;margin-right:var(--terra-alert-actions-margin-right, 0.5rem)}[dir=rtl] .Alert-module__actions___CeUWQ{margin-right:0.142857rem;margin-right:var(--terra-alert-actions-margin-left, 0.142857rem);margin-left:0.5rem;margin-left:var(--terra-alert-actions-margin-right, 0.5rem)}.Alert-module__actions-custom___dln8v{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}[dir=ltr] .Alert-module__actions___CeUWQ>:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___CeUWQ>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___CeUWQ>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___CeUWQ>:last-child{margin-left:0}[dir] .Alert-module__alert___EPG84{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___ni7J4{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___E5yyM{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___Oe\+h0{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___t0ujB{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___JtGfL{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___MOqcH{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___JFzGs{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___NnryQ{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___EPG84 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___ni7J4 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___0NACi{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___L9jja{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___5BEAR{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} diff --git a/pull/4102/24743-ccd93ac683667adba6d1.js b/pull/4102/24743-ccd93ac683667adba6d1.js new file mode 100644 index 00000000000..d3cd5f7c983 --- /dev/null +++ b/pull/4102/24743-ccd93ac683667adba6d1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[24743],{36573: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 u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var u={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(u,o,i):u[o]=e[o]}return u.default=e,r&&r.set(e,u),u}(r(96540)),l=i(r(40890)),o=i(r(42104));function i(e){return e&&e.__esModule?e:{default:e}}function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,l,o,i=[],a=!0,f=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);a=!0);}catch(e){f=!0,u=e}finally{try{if(!a&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(f)throw u}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0)continue;u[o]=e[o]}return u}(e,l);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,u)&&(n[u]=e[u])}return n}var g=r.default.bind(c.default),y=function(e,l){if(e[l]){var u=e[l];return u>=1&&u<=12?null:new Error("".concat(l," must be in range 1 to 12 inclusively"))}return null},G={children:m.default.node,className:m.default.string,tiny:y,enormous:y,huge:y,large:y,medium:y,small:y},h=function(e){var l=e.className,u=e.children,o=e.tiny,m=e.small,r=e.medium,c=e.large,i=e.huge,y=e.enormous,G=f(e,t),h=n.default.useContext(d.default),p=(0,_.default)(g(["column",s(s(s(s(s(s({},"column-tiny-".concat(o),o),"column-small-".concat(m),m),"column-medium-".concat(r),r),"column-large-".concat(c),c),"column-huge-".concat(i),i),"column-enormous-".concat(y),y),h.className]),l);return n.default.createElement("div",a({},G,{className:p}),u)};h.propTypes=G;l.default=h},48832:function(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var o=t(u(96540)),n=t(u(5556)),m=t(u(46942)),_=t(u(67967)),r=t(u(52103)),d=t(u(95235)),c=["className","children"];function t(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;u[o]=e[o]}return u}(e,l);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,u)&&(n[u]=e[u])}return n}var s=_.default.bind(d.default),f={children:n.default.node.isRequired,className:n.default.string},g=function(e){var l=e.className,u=e.children,n=a(e,c),_=o.default.useContext(r.default);return o.default.createElement("div",i({},n,{className:(0,m.default)(s("grid",_.className),l)}),u)};g.propTypes=f;l.default=g},31091:function(e,l,u){u.r(l),l.default={}},95235:function(e,l,u){u.r(l),l.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___WfV-S","orion-fusion-theme":"Grid-module__orion-fusion-theme___xoMqT",grid:"Grid-module__grid___jE9D-",column:"Grid-module__column___sGA4X","column-tiny-1":"Grid-module__column-tiny-1___-k2mz","column-tiny-2":"Grid-module__column-tiny-2___ndvgK","column-tiny-3":"Grid-module__column-tiny-3___jMwsJ","column-tiny-4":"Grid-module__column-tiny-4___3ycN9","column-tiny-5":"Grid-module__column-tiny-5___Q7xhd","column-tiny-6":"Grid-module__column-tiny-6___FkAyN","column-tiny-7":"Grid-module__column-tiny-7___HxI3z","column-tiny-8":"Grid-module__column-tiny-8___V2vmA","column-tiny-9":"Grid-module__column-tiny-9___T38T7","column-tiny-10":"Grid-module__column-tiny-10___vRUtn","column-tiny-11":"Grid-module__column-tiny-11___mGCtS","column-tiny-12":"Grid-module__column-tiny-12___vvXO3","column-small-1":"Grid-module__column-small-1___WhwHC","column-small-2":"Grid-module__column-small-2___I48V2","column-small-3":"Grid-module__column-small-3___5cEbB","column-small-4":"Grid-module__column-small-4___tmHtN","column-small-5":"Grid-module__column-small-5___QRJhM","column-small-6":"Grid-module__column-small-6___O92+F","column-small-7":"Grid-module__column-small-7___StZ6p","column-small-8":"Grid-module__column-small-8___CjSSF","column-small-9":"Grid-module__column-small-9___1IHvH","column-small-10":"Grid-module__column-small-10___uMDZ6","column-small-11":"Grid-module__column-small-11___MIPlY","column-small-12":"Grid-module__column-small-12___-Iea+","column-medium-1":"Grid-module__column-medium-1___0ENyM","column-medium-2":"Grid-module__column-medium-2___lPAeW","column-medium-3":"Grid-module__column-medium-3___ISHGP","column-medium-4":"Grid-module__column-medium-4___JUeNg","column-medium-5":"Grid-module__column-medium-5___u4WE-","column-medium-6":"Grid-module__column-medium-6___ILVvF","column-medium-7":"Grid-module__column-medium-7___4hC6O","column-medium-8":"Grid-module__column-medium-8___7-EQh","column-medium-9":"Grid-module__column-medium-9___jSh0H","column-medium-10":"Grid-module__column-medium-10___KhEjw","column-medium-11":"Grid-module__column-medium-11___QUyhm","column-medium-12":"Grid-module__column-medium-12___Ea947","column-large-1":"Grid-module__column-large-1___Fo6I4","column-large-2":"Grid-module__column-large-2___LdUz-","column-large-3":"Grid-module__column-large-3___b-34c","column-large-4":"Grid-module__column-large-4___bvF3w","column-large-5":"Grid-module__column-large-5___NN4Lh","column-large-6":"Grid-module__column-large-6___awRZm","column-large-7":"Grid-module__column-large-7___WkfOO","column-large-8":"Grid-module__column-large-8___Pl6em","column-large-9":"Grid-module__column-large-9___iDhKL","column-large-10":"Grid-module__column-large-10___Cu9fD","column-large-11":"Grid-module__column-large-11___ha4GS","column-large-12":"Grid-module__column-large-12___k97Y5","column-huge-1":"Grid-module__column-huge-1___c9IM8","column-huge-2":"Grid-module__column-huge-2___tFbsc","column-huge-3":"Grid-module__column-huge-3___OQwYu","column-huge-4":"Grid-module__column-huge-4___FXj-9","column-huge-5":"Grid-module__column-huge-5___TCpLt","column-huge-6":"Grid-module__column-huge-6___x2mBX","column-huge-7":"Grid-module__column-huge-7___kWu+v","column-huge-8":"Grid-module__column-huge-8___40jW7","column-huge-9":"Grid-module__column-huge-9___+LI4r","column-huge-10":"Grid-module__column-huge-10___QCz3j","column-huge-11":"Grid-module__column-huge-11___Y5MxR","column-huge-12":"Grid-module__column-huge-12___X+Wtx","column-enormous-1":"Grid-module__column-enormous-1___X-r1K","column-enormous-2":"Grid-module__column-enormous-2___jCGau","column-enormous-3":"Grid-module__column-enormous-3___sCNf8","column-enormous-4":"Grid-module__column-enormous-4___UtbUM","column-enormous-5":"Grid-module__column-enormous-5___a-Ckr","column-enormous-6":"Grid-module__column-enormous-6___HWnVg","column-enormous-7":"Grid-module__column-enormous-7___AWMk2","column-enormous-8":"Grid-module__column-enormous-8___9iOHi","column-enormous-9":"Grid-module__column-enormous-9___dB51t","column-enormous-10":"Grid-module__column-enormous-10___h3xJn","column-enormous-11":"Grid-module__column-enormous-11___VKSpn","column-enormous-12":"Grid-module__column-enormous-12___a35qF"}}}]); \ No newline at end of file diff --git a/pull/4102/25270-9beff8c11d0020e61420.css b/pull/4102/25270-9beff8c11d0020e61420.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/25270-9beff8c11d0020e61420.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/4102/25270-9beff8c11d0020e61420.js b/pull/4102/25270-9beff8c11d0020e61420.js new file mode 100644 index 00000000000..6c2f5f06492 --- /dev/null +++ b/pull/4102/25270-9beff8c11d0020e61420.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25270],{55713:function(e,r,a){var t=a(24994);r.A=void 0;var n=t(a(96540)),d=t(a(5556)),o=t(a(67967)),i=t(a(25642)),l=o.default.bind(i.default),m={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,t=e.url,d=e.version,o=n.default.createElement("a",{className:l("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},n.default.createElement("span",{className:l("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:l("badge-version")},"v".concat(d))),i=r?n.default.createElement("a",{className:l("badge"),href:r},n.default.createElement("span",{className:l("badge-name")},"github"),n.default.createElement("span",{className:l("badge-version")},"source")):void 0;return n.default.createElement("div",{className:l("badge-container")},o,i)};s.propTypes=m;r.A=s},25270:function(e,r,a){a.r(r),a.d(r,{default:function(){return s}});a(96540);var t=a(36665),n=a(5018),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0)continue;a[t]=e[t]}return a}(e,r);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var l={},m="wrapper";function s(e){var r=e.components,a=i(e,d);return(0,t.mdx)(m,o({},l,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-form-radio-upgrade-guide"},"Terra Form Radio Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,t.mdx)("h3",{id:"props"},"Props"),(0,t.mdx)("h4",{id:"updated"},"Updated"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,t.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"labelText")," prop's type changed from node to string."),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"legend")," prop's type changed from node to string.")),(0,t.mdx)("h5",{id:"steps-to-upgrade"},"Steps to Upgrade"),(0,t.mdx)("p",null,"To upgrade from 3.0 to 4.0 each existing Radio must be reviewed and updated to ensure only a string is being passed to the ",(0,t.mdx)("inlineCode",{parentName:"p"},"labelText")," and ",(0,t.mdx)("inlineCode",{parentName:"p"},"legend ")," props. Solutions passing node data types need to be reworked to provide only a string."),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-outer-ring-checked-hover-border-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-hover-checked-outer-ring-border-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-outer-ring-checked-hover-border-width"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-hover-checked-outer-ring-border-width")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-ring-background-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-before-ring-background-color")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-ring-height"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-before-ring-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-ring-left"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-before-ring-left")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-ring-top"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-before-ring-top")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-ring-width"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-focus-before-ring-width")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-field-error-icon"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-form-radio-field-error-background")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-radio-field-label-error-icon-margin-right")),(0,t.mdx)("h4",{id:"removed"},"Removed"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-form-radio-field-label-error-icon-padding-right")))}s.isMDXComponent=!0},5018:function(e,r,a){a.d(r,{E:function(){return d}});var t=a(96540),n=a(55713),d=function(e){var r=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-radio",name:"terra-form-radio",version:"4.54.0",url:r})}},25642:function(e,r,a){a.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/25347-8734fd117e55fb3a92e3.js b/pull/4102/25347-8734fd117e55fb3a92e3.js new file mode 100644 index 00000000000..30920c51e23 --- /dev/null +++ b/pull/4102/25347-8734fd117e55fb3a92e3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25347],{25347:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,n=(o=l(96540))&&o.__esModule?o:{default:o},c=l(37123);t.default=function(){return n.default.createElement(c.SplitButton,{primaryOptionLabel:"Primary option",onSelect:function(){console.log("primary option")},isBlock:!0},n.default.createElement(c.Item,{label:"1st Option",onSelect:function(){console.log("hi")}}),n.default.createElement(c.Item,{label:"2nd Option",onSelect:function(){console.log("bye")}}),n.default.createElement(c.Item,{label:"3rd Option",onSelect:function(){console.log("eyb")}}),n.default.createElement(c.Item,{label:"4th Option",onSelect:function(){console.log("ih")}}))}}}]); \ No newline at end of file diff --git a/pull/4102/25376-651e641ed43436d38f97.css b/pull/4102/25376-651e641ed43436d38f97.css new file mode 100644 index 00000000000..f8e357ebb67 --- /dev/null +++ b/pull/4102/25376-651e641ed43436d38f97.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Whitespace-module__whitespace___DPfQS{display:block;min-height:0}[dir] .Whitespace-module__whitespace___DPfQS{margin:0;padding:0}.Whitespace-module__newline-1___bKmlz{height:1.4285714286em}.Whitespace-module__newline-2___bmmzw{height:2.8571428572em}.Whitespace-module__newline-3___ORV3M{height:4.2857142858em}.Whitespace-module__newline-4___g7otO{height:5.7142857144em}.Whitespace-module__newline-5___sOge\+{height:7.142857143em}.Whitespace-module__newline-6___rHqfU{height:8.5714285716em}.Whitespace-module__newline-7___iiRm7{height:10.0000000002em}.Whitespace-module__newline-8___nGGTR{height:11.4285714288em} +.Alert-module__clinical-lowlight-theme___mbn1G{--terra-alert-color: #b2b5b6;--terra-alert-min-height: 0;--terra-alert-icon-font-size: 1.286em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.5rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.64285rem;--terra-alert-body-margin-right: 0.7143rem;--terra-alert-body-margin-top: 0.7143rem;--terra-alert-std-margin-bottom: 0.7143rem;--terra-alert-std-margin-right: 0.6667rem;--terra-alert-section-padding-bottom: 0.142857rem;--terra-alert-section-padding-top: 0.21429rem;--terra-alert-custom-text-color: #b2b5b6;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5833rem;--terra-alert-actions-margin-bottom: 0.4286rem;--terra-alert-actions-margin-left: 0.142857rem;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 0.4286rem;--terra-alert-alert-background-color: #332425;--terra-alert-alert-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-error-background-color: #332425;--terra-alert-error-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-warning-background-color: #464232;--terra-alert-warning-box-shadow: 2px 0 0 #ffb166 inset;--terra-alert-unsatisfied-background-color: #1a2226;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #1a2226;--terra-alert-unverified-box-shadow: 2px 0 0 #9630af inset;--terra-alert-advisory-background-color: #1a2226;--terra-alert-advisory-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-info-background-color: #1a2226;--terra-alert-info-box-shadow: 2px 0 0 #5a81ff inset;--terra-alert-success-background-color: #1a2226;--terra-alert-success-box-shadow: 2px 0 0 #407d17 inset;--terra-alert-custom-background-color: #1a2226;--terra-alert-custom-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-alert-title-color: #fb4c4c;--terra-alert-error-title-color: #fb4c4c;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #9630af;--terra-alert-custom-default-color: #1c1f21;--terra-alert-focus-keyboard-box-shadow: none;--terra-alert-focus-keyboard-outline: 2px dashed #b2b5b6;--terra-alert-focus-keyboard-outline-offset: 1px}.Alert-module__orion-fusion-theme___88DP9{--terra-alert-color: #1c1f21;--terra-alert-min-height: 3.41667rem;--terra-alert-icon-font-size: 1.3333em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.475rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.5rem;--terra-alert-body-margin-right: 0.5rem;--terra-alert-body-margin-top: 0.75rem;--terra-alert-std-margin-bottom: 1rem;--terra-alert-std-margin-right: 0.5rem;--terra-alert-section-padding-bottom: 0.125rem;--terra-alert-section-padding-top: 0.29167rem;--terra-alert-custom-text-color: #1c1f21;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5rem;--terra-alert-actions-margin-bottom: 1rem;--terra-alert-actions-margin-left: 0;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 1rem;--terra-alert-alert-background-color: #fed1d1;--terra-alert-alert-box-shadow: inset 2px 0 0 #c00;--terra-alert-error-background-color: #fed1d1;--terra-alert-error-box-shadow: inset 2px 0 0 #c00;--terra-alert-warning-background-color: #fff3ce;--terra-alert-warning-box-shadow: inset 2px 0 0 #ffc20a;--terra-alert-unsatisfied-background-color: #f4f4f4;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #f4f4f4;--terra-alert-unverified-box-shadow: 2px 0 0 #78288c inset;--terra-alert-advisory-background-color: #f4f4f4;--terra-alert-advisory-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-info-background-color: #f4f4f4;--terra-alert-info-box-shadow: inset 2px 0 0 #007cc3;--terra-alert-success-background-color: #f4f4f4;--terra-alert-success-box-shadow: inset 2px 0 0 #78c346;--terra-alert-custom-background-color: #f4f4f4;--terra-alert-custom-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-alert-title-color: #1c1f21;--terra-alert-error-title-color: #1c1f21;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #78288c;--terra-alert-custom-default-color: #1c1f21}.Alert-module__alert-base___1n2OP{align-items:stretch;color:var(--terra-alert-color);display:flex;justify-content:space-between;min-height:var(--terra-alert-min-height);overflow:hidden;overflow-wrap:anywhere;width:100%}[dir] .Alert-module__alert-base___1n2OP{margin:0 0 1px}.Alert-module__narrow___Rburq{flex-direction:column}.Alert-module__wide___gnGF7{flex-direction:row}.Alert-module__icon___knN3g{display:inline-block;flex-shrink:0;font-size:1.286em;font-size:var(--terra-alert-icon-font-size, 1.286em)}[dir] .Alert-module__icon___knN3g{margin-top:var(--terra-alert-icon-margin-top)}[dir=ltr] .Alert-module__icon___knN3g{margin-left:var(--terra-alert-icon-margin-left);margin-right:0.5rem;margin-right:var(--terra-alert-icon-margin-right, 0.5rem)}[dir=rtl] .Alert-module__icon___knN3g{margin-right:var(--terra-alert-icon-margin-left);margin-left:0.5rem;margin-left:var(--terra-alert-icon-margin-right, 0.5rem)}.Alert-module__content-container___aDO1C{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative;z-index:1}.Alert-module__body___0rIor{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative}[dir] .Alert-module__body___0rIor{margin-top:0.7143rem;margin-top:var(--terra-alert-body-margin-top, 0.7143rem);padding-top:0}[dir=ltr] .Alert-module__body___0rIor{margin-left:0.64285rem;margin-left:var(--terra-alert-body-margin-left, 0.64285rem);margin-right:0.7143rem;margin-right:var(--terra-alert-body-margin-right, 0.7143rem)}[dir=rtl] .Alert-module__body___0rIor{margin-right:0.64285rem;margin-right:var(--terra-alert-body-margin-left, 0.64285rem);margin-left:0.7143rem;margin-left:var(--terra-alert-body-margin-right, 0.7143rem)}[dir] .Alert-module__body-narrow___2Jplj{margin-bottom:0}[dir] .Alert-module__body-std___qud1z{margin-bottom:0.7143rem;margin-bottom:var(--terra-alert-std-margin-bottom, 0.7143rem)}[dir=ltr] .Alert-module__body-std___qud1z{margin-right:0.6667rem;margin-right:var(--terra-alert-std-margin-right, 0.6667rem)}[dir=rtl] .Alert-module__body-std___qud1z{margin-left:0.6667rem;margin-left:var(--terra-alert-std-margin-right, 0.6667rem)}.Alert-module__focus-container___CHbk6{bottom:0;display:block;position:absolute;top:0;z-index:0}[dir=ltr] .Alert-module__focus-container___CHbk6{left:0;right:0}[dir=rtl] .Alert-module__focus-container___CHbk6{right:0;left:0}.Alert-module__focus-container___CHbk6:focus-visible{outline:2px dashed #000;outline:var(--terra-alert-focus-keyboard-outline, 2px dashed #000);outline-offset:1px;outline-offset:var(--terra-alert-focus-keyboard-outline-offset, 1px)}[dir] .Alert-module__focus-container___CHbk6:focus-visible{box-shadow:none;box-shadow:var(--terra-alert-focus-keyboard-box-shadow, none)}.Alert-module__section___N5IvN{flex:1}[dir] .Alert-module__section___N5IvN{margin-bottom:0;margin-top:0;padding-bottom:0.142857rem;padding-bottom:var(--terra-alert-section-padding-bottom, 0.142857rem);padding-top:0.21429rem;padding-top:var(--terra-alert-section-padding-top, 0.21429rem)}.Alert-module__section-custom___6924q{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}.Alert-module__title___wxbgA{display:var(--terra-alert-title-display)}[dir] .Alert-module__title___wxbgA{margin-bottom:var(--terra-alert-title-margin-bottom)}[dir=ltr] .Alert-module__title___wxbgA{float:left;float:var(--terra-alert-title-float, left);margin-right:0.5833rem;margin-right:var(--terra-alert-title-margin-right, 0.5833rem)}[dir=rtl] .Alert-module__title___wxbgA{float:right;float:var(--terra-alert-title-float, right);margin-left:0.5833rem;margin-left:var(--terra-alert-title-margin-right, 0.5833rem)}.Alert-module__actions___CeUWQ{align-items:flex-start;display:flex;flex-direction:row;flex-shrink:0;justify-content:flex-end}[dir] .Alert-module__actions___CeUWQ{margin-bottom:0.4286rem;margin-bottom:var(--terra-alert-actions-margin-bottom, 0.4286rem);margin-top:0.4286rem;margin-top:var(--terra-alert-actions-margin-top, 0.4286rem)}[dir=ltr] .Alert-module__actions___CeUWQ{margin-left:0.142857rem;margin-left:var(--terra-alert-actions-margin-left, 0.142857rem);margin-right:0.5rem;margin-right:var(--terra-alert-actions-margin-right, 0.5rem)}[dir=rtl] .Alert-module__actions___CeUWQ{margin-right:0.142857rem;margin-right:var(--terra-alert-actions-margin-left, 0.142857rem);margin-left:0.5rem;margin-left:var(--terra-alert-actions-margin-right, 0.5rem)}.Alert-module__actions-custom___dln8v{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}[dir=ltr] .Alert-module__actions___CeUWQ>:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___CeUWQ>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___CeUWQ>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___CeUWQ>:last-child{margin-left:0}[dir] .Alert-module__alert___EPG84{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___ni7J4{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___E5yyM{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___Oe\+h0{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___t0ujB{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___JtGfL{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___MOqcH{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___JFzGs{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___NnryQ{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___EPG84 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___ni7J4 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___0NACi{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___L9jja{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___5BEAR{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} +.colors-module__clinical-lowlight-theme___n7wvZ{--terra-core-docs-attention-example-color: #f94e4e;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #0addff}.colors-module__orion-fusion-theme___SmDk5{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #b961cf}:root{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-help-example-color: #b961cf;--terra-core-docs-dismiss-example-color: #ffa500}.colors-module__my-app-alert-attention-example___LLEN-{color:#fa0000;color:var(--terra-core-docs-attention-example-color, #fa0000)}.colors-module__my-app-alert-help-example___l0ZAi{color:#b961cf;color:var(--terra-core-docs-help-example-color, #b961cf)}.colors-module__my-app-alert-dismiss-example___xR-qR{color:#ffa500;color:var(--terra-core-docs-dismiss-example-color, #ffa500)} +.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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/4102/25376-651e641ed43436d38f97.js b/pull/4102/25376-651e641ed43436d38f97.js new file mode 100644 index 00000000000..24ba6631b28 --- /dev/null +++ b/pull/4102/25376-651e641ed43436d38f97.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25376],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var i=a(n(96540)),r=a(n(5556)),l=a(n(67967)),o=a(n(25642)),s=l.default.bind(o.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var t=e.src,n=e.name,a=e.url,r=e.version,l=i.default.createElement("a",{className:s("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},i.default.createElement("span",{className:s("badge-name")},a?"package":"npm"),i.default.createElement("span",{className:s("badge-version")},"v".concat(r))),o=t?i.default.createElement("a",{className:s("badge"),href:t},i.default.createElement("span",{className:s("badge-name")},"github"),i.default.createElement("span",{className:s("badge-version")},"source")):void 0;return i.default.createElement("div",{className:s("badge-container")},l,o)};d.propTypes=c;t.A=d},201:function(e,t,n){var a=n(24994),i=n(73738);t.A=void 0;var r=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var o=r?Object.getOwnPropertyDescriptor(e,l):null;o&&(o.get||o.set)?Object.defineProperty(a,l,o):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=a(n(5556)),s=a(n(67967)),c=n(92912),d=a(n(27166)),u=a(n(62441)),m=n(25966),p=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=s.default.bind(p.default),b={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,i=e.title,o=e.description,s=e.isExpanded,p=(0,l.useState)(s),f=(0,r.default)(p,2),b=f[0],_=f[1],v=(0,l.useState)(!1),g=(0,r.default)(v,2),w=g[0],N=g[1],E=l.default.useContext(c.ThemeContext),A=void 0!==a,T=function(){N(!w),b&&_(!b)},O=function(){_(!b),w&&N(!w)},C=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:h("template",E.className)},l.default.createElement("div",{className:h("header")},i&&l.default.createElement("h2",{className:h("title")},i)),l.default.createElement("div",{className:h("content")},o&&l.default.createElement("div",{className:h("description")},o),t),l.default.createElement("div",{className:h("footer")},n?l.default.createElement("div",{className:h("button-container")},A&&l.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":w}),onClick:T,onKeyDown:function(e){return C(e,T)},onBlur:y,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(d.default,{className:h("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(u.default,{className:h("chevron")})),l.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":b}),onClick:O,onKeyDown:function(e){return C(e,O)},onBlur:y,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(d.default,{className:h("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(u.default,{className:h("chevron")}))):null,l.default.createElement("div",null,w&&l.default.createElement("div",{className:h("css")},a),b&&l.default.createElement("div",{className:h("code")},n))))};_.propTypes=b,_.defaultProps={isExpanded:!1};t.A=_},617:function(e,t,n){n.r(t),n.d(t,{default:function(){return T}});var a=n(96540),i=n(36665),r=n(68523),l=n(56213),o=n(19448),s=n(53900),c=n(26927),d=n(56933),u=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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={};function h(e){var t=e.components,n=p(e,u);return(0,i.mdx)("wrapper",m({},f,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\n\nimport Alert from 'terra-alert';\nimport { IconHelp } from 'terra-icon';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst CustomExampleNoTitle = () => (\n }>\n \n This is a\n custom\n {' '}\n notification banner\n \n \n);\n\nexport default CustomExampleNoTitle;\n\n")))}h.isMDXComponent=!0;var b=n(201),y=n(95050),x=function(e){var t=e.title,n=e.description,i=e.isExpanded;return a.createElement(b.A,{title:t||"Custom Example No Title",description:n,example:a.createElement(d.A,null),exampleCssSrc:a.createElement(y.A,null),exampleSrc:a.createElement(h,null),isExpanded:i})},_=n(69388),v=n(78144),g=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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 E={},A="wrapper";function T(e){var t=e.components,n=N(e,g);return(0,i.mdx)(A,w({},E,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(l.E,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"accessibility-guide-for-terra-alert"},"Accessibility Guide for Terra Alert"),(0,i.mdx)(r.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},(0,i.mdx)("p",null,"Using notifications improperly may prevent some of your users from understanding your UI.")),(0,i.mdx)(o.A,{mdxType:"Whitespace"}),(0,i.mdx)("h2",{id:"why-is-this-important"},"Why is this important?"),(0,i.mdx)("p",null,"Terra's Alert component is a notification banner with varying criticalities that communicates cautions, errors, information, and other general information to the user in context of their workflow. As such, special consideration must be made to inform screen reader users of their presence on the page, just as sighted users' attention would be drawn to them in the visual UI."),(0,i.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,i.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,i.mdx)("h4",{id:"consistency"},"Consistency"),(0,i.mdx)("p",null,"The use of each variant of this component should be consistent in order to provide the best user experience."),(0,i.mdx)("h4",{id:"notification-criticality"},"Notification Criticality"),(0,i.mdx)("p",null,'The user only expects to be interrupted for notifications (alerts) that are of high criticality. This behavior is referred to as "assertive".'),(0,i.mdx)("p",null,'Less critical notifications should wait until the screen reader has finished reading the current item before notification content is read to the user. This behavior is referred to as "polite".'),(0,i.mdx)("p",null,"By default, Terra Alert will set the role to ",(0,i.mdx)("inlineCode",{parentName:"p"},'"alert"')," (or assertive) for the ",(0,i.mdx)("inlineCode",{parentName:"p"},"alert")," notification type and ",(0,i.mdx)("inlineCode",{parentName:"p"},'"status"')," (or polite) for all other notification types.\nTerra Alert has an optional ",(0,i.mdx)("inlineCode",{parentName:"p"},"role")," prop but should be used carefully when the default does not meet accessibility or usability expectations."),(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},"Role"),(0,i.mdx)("th",{parentName:"tr",align:null},"Purpose"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"Alert"),(0,i.mdx)("td",{parentName:"tr",align:null},"See ",(0,i.mdx)(v.default,{href:"https://w3c.github.io/aria/#alert",variant:"external",mdxType:"Hyperlink"},"WAI-ARIA Alert Role"),(0,i.mdx)("a",{parentName:"td",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/alert/accessibility-guide"},(0,i.mdx)("sup",null,"[1]")),' - "A type of live region with important, and usually time-sensitive, information."')),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},"Status"),(0,i.mdx)("td",{parentName:"tr",align:null},"See ",(0,i.mdx)(v.default,{href:"https://w3c.github.io/aria/#status",variant:"external",mdxType:"Hyperlink"},"WAI-ARIA Status Role"),(0,i.mdx)("a",{parentName:"td",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/alert/accessibility-guide"},(0,i.mdx)("sup",null,"[1]")),' - "A type of live region whose content is advisory information for the user but is not important enough to justify an alert, often but not necessarily presented as a status bar."')))),(0,i.mdx)("h4",{id:"alert-notification-type"},"Alert Notification Type"),(0,i.mdx)(r.Notice,{variant:"ux-recommendation",ariaLevel:"6",mdxType:"Notice"},(0,i.mdx)("p",null,"It may be more appropriate to use a modal or component with ",(0,i.mdx)("inlineCode",{parentName:"p"},"alertdialog")," if presenting the user with an alert and required action to address the alert.")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},'"alert"')," role/notification type will cause keyboard navigation focus to shift to the notification banner body.\nThis helps users quickly take action when it is critical but can optionally be disabled via the ",(0,i.mdx)("inlineCode",{parentName:"li"},"disableAlertActionFocus")," prop."),(0,i.mdx)("li",{parentName:"ul"},"Notifications with ",(0,i.mdx)("inlineCode",{parentName:"li"},'"alert"')," role/notification type do not need to explicitly be in an aria-live region.\nIt is recommended to separate them from less critical notification banners to prevent assistive technologies from confusing them."),(0,i.mdx)("li",{parentName:"ul"},"By default, Terra Alert uses the ",(0,i.mdx)("inlineCode",{parentName:"li"},'"alert"')," notification type.")),(0,i.mdx)("p",null,"Demo of Terra Alert with an action element."),(0,i.mdx)(s.A,{mdxType:"AlertActionFocusDemo"}),(0,i.mdx)("h4",{id:"assistive-technologies"},"Assistive technologies"),(0,i.mdx)("p",null,"In combination with the notification criticality, screen reader users should understand the importance of the notification when presented."),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},'"alert"')," role will interrupt the user and announce the high critical notification immediately."),(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},'"status"')," role will not interrupt the user and present politely.")),(0,i.mdx)("h4",{id:"live-regions"},"Live regions"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"For less critical notifications (non-alerts), the notification banner should be in an ",(0,i.mdx)("inlineCode",{parentName:"li"},'aria-live="polite"')," region.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},'For screen readers to pick up and announce a newly rendered notification, the notification banner must be within an aria-live region.\nTo enable assistive technologies the ability to inform the user of a less critical notification in a polite (non-interruptive) way, ensure the notification banner is\nwithin an element where aria-live="polite".'))),(0,i.mdx)("li",{parentName:"ul"},"Avoid mixing alert notifications and less critical notifications in the same region.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},'"alert"')," notification type/role implicitly has aria-live value of ",(0,i.mdx)("inlineCode",{parentName:"li"},"assertive")," and will interrupt without being in a region where aria-live was previously set.\nIt is recommended to separate critical alert notifications from less critical notification banners to prevent any confusion.")))),(0,i.mdx)("div",{"aria-label":"Example code"},(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},'import Alert from \'terra-alert\';\n\n<>\n // This less critical notification should be in polite aria-live region so screen reader users are notified.\n
\n {isOpen && (\n \n This notification is a less critical and should be polite.\n \n )}\n
\n\n // Alert notifications are implicitly assertive, no aria-live needed\n // It is recommended to keep these separate from polite aria-live regions.\n
\n {isOpen && (\n \n This notification is a critical alert that is interruptive.\n \n )}\n
\n\n'))),(0,i.mdx)("h4",{id:"titles"},"Titles"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Notification banners of type ",(0,i.mdx)("inlineCode",{parentName:"li"},"custom")," should have a title provided to the ",(0,i.mdx)("inlineCode",{parentName:"li"},"title")," prop in order to be accessible."),(0,i.mdx)("li",{parentName:"ul"},"All other notification types will provide a default title. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"title")," prop will override the default title and should be avoided."),(0,i.mdx)("li",{parentName:"ul"},"Screen readers will always announce the notification type by default and then the custom title if one is provided.")),(0,i.mdx)(x,{title:"Bad: Avoid notifications with no titles",mdxType:"CustomExampleNoTitle"}),(0,i.mdx)(c.A,{title:"Good: Titles help users understand notifications",mdxType:"CustomExample"}),(0,i.mdx)("h4",{id:"actions"},"Actions"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Interactable elements belonging to notification banners (such as dismiss buttons and action elements) must be associated with the banner.\nThis is handled by default for dismiss buttons, but not consumer-defined action elements."),(0,i.mdx)("li",{parentName:"ul"},"Terra provides an optional ",(0,i.mdx)("inlineCode",{parentName:"li"},"id")," prop to facilitate associating action elements to the notification banner. Action elements should set\n",(0,i.mdx)("inlineCode",{parentName:"li"},"aria-describedby")," to the title of the notification banner.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"alert-title-${id}"),' - The ID of the title of the notification banner (e.g. "Alert", "Error", "Warning", custom titles, etc.)'))),(0,i.mdx)("li",{parentName:"ul"},"Terra also provides an option ",(0,i.mdx)("inlineCode",{parentName:"li"},"titleID")," prop for the same purpose.")),(0,i.mdx)(_.A,{title:"Notification Banner with Action",description:"This example uses the titleID prop and aria-describedby to associate an action element with the notification banner.",mdxType:"ActionExample"}),(0,i.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,i.mdx)("ol",null,(0,i.mdx)("li",{parentName:"ol"},(0,i.mdx)("a",{parentName:"li",href:"https://w3c.github.io/aria/"},'"Accessible Rich Internet Applications (WAI-ARIA) 1.3"'),". World Wide Web Consortium. Last updated 01 May 2023. Retrieved 2 May 2023.")))}T.isMDXComponent=!0},56213:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),i=n(55713),r=function(e){var t=e.url;return a.createElement(i.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-image",name:"terra-image",version:"3.41.0",url:t})}},19448:function(e,t,n){t.A=void 0;var a=c(n(96540)),i=c(n(5556)),r=c(n(46942)),l=c(n(67967)),o=c(n(71969)),s=["newline"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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=l.default.bind(o.default),p={newline:i.default.oneOf([1,2,3,4,5,6,7,8])},f=function(e){var t=e.newline,n=u(e,s),i=(0,r.default)(m("whitespace","newline-".concat(t)),n.className);return a.default.createElement("div",d({},n,{className:i,"aria-hidden":"true"}))};f.propTypes=p,f.defaultProps={newline:1};t.A=f},53900:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.A=void 0;var i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var i={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var o=r?Object.getOwnPropertyDescriptor(e,l):null;o&&(o.get||o.set)?Object.defineProperty(i,l,o):i[l]=e[l]}return i.default=e,n&&n.set(e,i),i}(n(96540)),r=o(n(42104)),l=o(n(40890));function o(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r,l,o=[],s=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=r.call(n)).done)&&(o.push(a.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n.Fieldset-module__legend___Nas0D: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___59GHf>.Fieldset-module__legend___Nas0D:first-child::before{padding-right:.357em}[dir=rtl] .Fieldset-module__fieldset-required___59GHf>.Fieldset-module__legend___Nas0D:first-child::before{padding-left:.357em}.Fieldset-module__legend___Nas0D{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___Nas0D{border:0;margin-bottom:.357em;padding:0}.Fieldset-module__legend-visually-hidden___DRQXh{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Fieldset-module__legend-visually-hidden___DRQXh{border:0;margin:-1px;padding:0}.Fieldset-module__help-text___hL4PH{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___hL4PH{margin-bottom:.357em}[dir] .Fieldset-module__fieldset-children___Js-NM{margin-top:.714em} diff --git a/pull/4102/25583-d77729c892dedc522214.js b/pull/4102/25583-d77729c892dedc522214.js new file mode 100644 index 00000000000..10d99b4549b --- /dev/null +++ b/pull/4102/25583-d77729c892dedc522214.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25583],{84929:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var d=i(l(96540)),n=i(l(9047)),a=i(l(11475)),r=i(l(80089));function i(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return d.default.createElement(r.default,{required:!0,isLegendHidden:!0},d.default.createElement(n.default,{label:"First",isInline:!0,required:!0,htmlFor:"first"},d.default.createElement(a.default,{id:"first",type:"text",name:"first",defaultValue:""})),d.default.createElement(n.default,{label:"Middle",isInline:!0,required:!0,htmlFor:"middle"},d.default.createElement(a.default,{id:"middle",type:"text",name:"middle",defaultValue:""})),d.default.createElement(n.default,{label:"Last",isInline:!0,required:!0,htmlFor:"last"},d.default.createElement(a.default,{id:"last",type:"text",name:"last",defaultValue:""})))}},80089:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var d=o(l(96540)),n=o(l(5556)),a=o(l(46942)),r=o(l(67967)),i=o(l(52103)),u=l(68414),f=o(l(69970)),s=["children","help","legend","legendAttrs","isLegendHidden","required"];function o(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)continue;l[d]=e[d]}return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var m=r.default.bind(f.default),h={children:n.default.node,help:n.default.node,legend:n.default.string,legendAttrs:n.default.object,required:n.default.bool,isLegendHidden:n.default.bool},p=function(e){var t,l,n=e.children,r=e.help,f=e.legend,o=e.legendAttrs,h=e.isLegendHidden,p=e.required,g=_(e,s),b=d.default.useContext(i.default),v=(0,a.default)(m(["fieldset",{"fieldset-required":p},b.className]),g.className),y=m(["legend",o.className,{"legend-visually-hidden":h}]),O="terra-fieldset-legend-".concat((0,u.v4)()),E="terra-fieldset-help-".concat((0,u.v4)());return d.default.createElement("fieldset",c({},g,{className:v}),f&&d.default.createElement("legend",c({id:O},o,{className:y}),f),r&&d.default.createElement("small",{id:E,className:m("help-text"),tabIndex:"-1"},r),d.default.createElement("div",{className:m("fieldset-children")},(r||f)&&n?(t=n,l=[],d.default.Children.forEach(t,(function(e){l.push(d.default.cloneElement(e,{"aria-labelledby":"".concat(O," ").concat(E)}))})),l):n))};p.propTypes=h,p.defaultProps={legendAttrs:{},required:!1,isLegendHidden:!1};t.default=p},69970:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Fieldset-module__clinical-lowlight-theme___j+Wn3","orion-fusion-theme":"Fieldset-module__orion-fusion-theme___SXBiS",fieldset:"Fieldset-module__fieldset___Wlpg-","fieldset-required":"Fieldset-module__fieldset-required___59GHf",legend:"Fieldset-module__legend___Nas0D","legend-visually-hidden":"Fieldset-module__legend-visually-hidden___DRQXh","help-text":"Fieldset-module__help-text___hL4PH","fieldset-children":"Fieldset-module__fieldset-children___Js-NM"}}}]); \ No newline at end of file diff --git a/pull/4102/25621-91907246dff15ea3cc6a.css b/pull/4102/25621-91907246dff15ea3cc6a.css new file mode 100644 index 00000000000..b4bf334d16d --- /dev/null +++ b/pull/4102/25621-91907246dff15ea3cc6a.css @@ -0,0 +1 @@ +.Alert-module__clinical-lowlight-theme___mbn1G{--terra-alert-color: #b2b5b6;--terra-alert-min-height: 0;--terra-alert-icon-font-size: 1.286em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.5rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.64285rem;--terra-alert-body-margin-right: 0.7143rem;--terra-alert-body-margin-top: 0.7143rem;--terra-alert-std-margin-bottom: 0.7143rem;--terra-alert-std-margin-right: 0.6667rem;--terra-alert-section-padding-bottom: 0.142857rem;--terra-alert-section-padding-top: 0.21429rem;--terra-alert-custom-text-color: #b2b5b6;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5833rem;--terra-alert-actions-margin-bottom: 0.4286rem;--terra-alert-actions-margin-left: 0.142857rem;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 0.4286rem;--terra-alert-alert-background-color: #332425;--terra-alert-alert-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-error-background-color: #332425;--terra-alert-error-box-shadow: 2px 0 0 #fb4c4c inset;--terra-alert-warning-background-color: #464232;--terra-alert-warning-box-shadow: 2px 0 0 #ffb166 inset;--terra-alert-unsatisfied-background-color: #1a2226;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #1a2226;--terra-alert-unverified-box-shadow: 2px 0 0 #9630af inset;--terra-alert-advisory-background-color: #1a2226;--terra-alert-advisory-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-info-background-color: #1a2226;--terra-alert-info-box-shadow: 2px 0 0 #5a81ff inset;--terra-alert-success-background-color: #1a2226;--terra-alert-success-box-shadow: 2px 0 0 #407d17 inset;--terra-alert-custom-background-color: #1a2226;--terra-alert-custom-box-shadow: 2px 0 0 #9b9fa1 inset;--terra-alert-alert-title-color: #fb4c4c;--terra-alert-error-title-color: #fb4c4c;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #9630af;--terra-alert-custom-default-color: #1c1f21;--terra-alert-focus-keyboard-box-shadow: none;--terra-alert-focus-keyboard-outline: 2px dashed #b2b5b6;--terra-alert-focus-keyboard-outline-offset: 1px}.Alert-module__orion-fusion-theme___88DP9{--terra-alert-color: #1c1f21;--terra-alert-min-height: 3.41667rem;--terra-alert-icon-font-size: 1.3333em;--terra-alert-icon-margin-left: 0;--terra-alert-icon-margin-right: 0.475rem;--terra-alert-icon-margin-top: 0;--terra-alert-body-margin-left: 0.5rem;--terra-alert-body-margin-right: 0.5rem;--terra-alert-body-margin-top: 0.75rem;--terra-alert-std-margin-bottom: 1rem;--terra-alert-std-margin-right: 0.5rem;--terra-alert-section-padding-bottom: 0.125rem;--terra-alert-section-padding-top: 0.29167rem;--terra-alert-custom-text-color: #1c1f21;--terra-alert-title-display: block;--terra-alert-title-float: left;--terra-alert-title-margin-bottom: 0;--terra-alert-title-margin-right: 0.5rem;--terra-alert-actions-margin-bottom: 1rem;--terra-alert-actions-margin-left: 0;--terra-alert-actions-margin-right: 0.5rem;--terra-alert-actions-margin-top: 1rem;--terra-alert-alert-background-color: #fed1d1;--terra-alert-alert-box-shadow: inset 2px 0 0 #c00;--terra-alert-error-background-color: #fed1d1;--terra-alert-error-box-shadow: inset 2px 0 0 #c00;--terra-alert-warning-background-color: #fff3ce;--terra-alert-warning-box-shadow: inset 2px 0 0 #ffc20a;--terra-alert-unsatisfied-background-color: #f4f4f4;--terra-alert-unsatisfied-box-shadow: 2px 0 0 #fa0000 inset;--terra-alert-unverified-background-color: #f4f4f4;--terra-alert-unverified-box-shadow: 2px 0 0 #78288c inset;--terra-alert-advisory-background-color: #f4f4f4;--terra-alert-advisory-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-info-background-color: #f4f4f4;--terra-alert-info-box-shadow: inset 2px 0 0 #007cc3;--terra-alert-success-background-color: #f4f4f4;--terra-alert-success-box-shadow: inset 2px 0 0 #78c346;--terra-alert-custom-background-color: #f4f4f4;--terra-alert-custom-box-shadow: inset 2px 0 0 #9b9fa1;--terra-alert-alert-title-color: #1c1f21;--terra-alert-error-title-color: #1c1f21;--terra-alert-unsatisfied-icon-color: #fa0000;--terra-alert-unverified-icon-color: #78288c;--terra-alert-custom-default-color: #1c1f21}.Alert-module__alert-base___1n2OP{align-items:stretch;color:var(--terra-alert-color);display:flex;justify-content:space-between;min-height:var(--terra-alert-min-height);overflow:hidden;overflow-wrap:anywhere;width:100%}[dir] .Alert-module__alert-base___1n2OP{margin:0 0 1px}.Alert-module__narrow___Rburq{flex-direction:column}.Alert-module__wide___gnGF7{flex-direction:row}.Alert-module__icon___knN3g{display:inline-block;flex-shrink:0;font-size:1.286em;font-size:var(--terra-alert-icon-font-size, 1.286em)}[dir] .Alert-module__icon___knN3g{margin-top:var(--terra-alert-icon-margin-top)}[dir=ltr] .Alert-module__icon___knN3g{margin-left:var(--terra-alert-icon-margin-left);margin-right:0.5rem;margin-right:var(--terra-alert-icon-margin-right, 0.5rem)}[dir=rtl] .Alert-module__icon___knN3g{margin-right:var(--terra-alert-icon-margin-left);margin-left:0.5rem;margin-left:var(--terra-alert-icon-margin-right, 0.5rem)}.Alert-module__content-container___aDO1C{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative;z-index:1}.Alert-module__body___0rIor{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;line-height:1.2;position:relative}[dir] .Alert-module__body___0rIor{margin-top:0.7143rem;margin-top:var(--terra-alert-body-margin-top, 0.7143rem);padding-top:0}[dir=ltr] .Alert-module__body___0rIor{margin-left:0.64285rem;margin-left:var(--terra-alert-body-margin-left, 0.64285rem);margin-right:0.7143rem;margin-right:var(--terra-alert-body-margin-right, 0.7143rem)}[dir=rtl] .Alert-module__body___0rIor{margin-right:0.64285rem;margin-right:var(--terra-alert-body-margin-left, 0.64285rem);margin-left:0.7143rem;margin-left:var(--terra-alert-body-margin-right, 0.7143rem)}[dir] .Alert-module__body-narrow___2Jplj{margin-bottom:0}[dir] .Alert-module__body-std___qud1z{margin-bottom:0.7143rem;margin-bottom:var(--terra-alert-std-margin-bottom, 0.7143rem)}[dir=ltr] .Alert-module__body-std___qud1z{margin-right:0.6667rem;margin-right:var(--terra-alert-std-margin-right, 0.6667rem)}[dir=rtl] .Alert-module__body-std___qud1z{margin-left:0.6667rem;margin-left:var(--terra-alert-std-margin-right, 0.6667rem)}.Alert-module__focus-container___CHbk6{bottom:0;display:block;position:absolute;top:0;z-index:0}[dir=ltr] .Alert-module__focus-container___CHbk6{left:0;right:0}[dir=rtl] .Alert-module__focus-container___CHbk6{right:0;left:0}.Alert-module__focus-container___CHbk6:focus-visible{outline:2px dashed #000;outline:var(--terra-alert-focus-keyboard-outline, 2px dashed #000);outline-offset:1px;outline-offset:var(--terra-alert-focus-keyboard-outline-offset, 1px)}[dir] .Alert-module__focus-container___CHbk6:focus-visible{box-shadow:none;box-shadow:var(--terra-alert-focus-keyboard-box-shadow, none)}.Alert-module__section___N5IvN{flex:1}[dir] .Alert-module__section___N5IvN{margin-bottom:0;margin-top:0;padding-bottom:0.142857rem;padding-bottom:var(--terra-alert-section-padding-bottom, 0.142857rem);padding-top:0.21429rem;padding-top:var(--terra-alert-section-padding-top, 0.21429rem)}.Alert-module__section-custom___6924q{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}.Alert-module__title___wxbgA{display:var(--terra-alert-title-display)}[dir] .Alert-module__title___wxbgA{margin-bottom:var(--terra-alert-title-margin-bottom)}[dir=ltr] .Alert-module__title___wxbgA{float:left;float:var(--terra-alert-title-float, left);margin-right:0.5833rem;margin-right:var(--terra-alert-title-margin-right, 0.5833rem)}[dir=rtl] .Alert-module__title___wxbgA{float:right;float:var(--terra-alert-title-float, right);margin-left:0.5833rem;margin-left:var(--terra-alert-title-margin-right, 0.5833rem)}.Alert-module__actions___CeUWQ{align-items:flex-start;display:flex;flex-direction:row;flex-shrink:0;justify-content:flex-end}[dir] .Alert-module__actions___CeUWQ{margin-bottom:0.4286rem;margin-bottom:var(--terra-alert-actions-margin-bottom, 0.4286rem);margin-top:0.4286rem;margin-top:var(--terra-alert-actions-margin-top, 0.4286rem)}[dir=ltr] .Alert-module__actions___CeUWQ{margin-left:0.142857rem;margin-left:var(--terra-alert-actions-margin-left, 0.142857rem);margin-right:0.5rem;margin-right:var(--terra-alert-actions-margin-right, 0.5rem)}[dir=rtl] .Alert-module__actions___CeUWQ{margin-right:0.142857rem;margin-right:var(--terra-alert-actions-margin-left, 0.142857rem);margin-left:0.5rem;margin-left:var(--terra-alert-actions-margin-right, 0.5rem)}.Alert-module__actions-custom___dln8v{color:#1c1f21;color:var(--terra-alert-custom-text-color, #1c1f21)}[dir=ltr] .Alert-module__actions___CeUWQ>:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___CeUWQ>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___CeUWQ>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___CeUWQ>:last-child{margin-left:0}[dir] .Alert-module__alert___EPG84{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___ni7J4{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___E5yyM{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___Oe\+h0{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___t0ujB{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___JtGfL{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___MOqcH{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___JFzGs{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___NnryQ{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___EPG84 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___ni7J4 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___0NACi{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___L9jja{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___5BEAR{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} diff --git a/pull/4102/25621-91907246dff15ea3cc6a.js b/pull/4102/25621-91907246dff15ea3cc6a.js new file mode 100644 index 00000000000..06e213d5671 --- /dev/null +++ b/pull/4102/25621-91907246dff15ea3cc6a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25621],{50132:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(l(96540)),i=u(l(42104));function u(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return r.default.createElement("div",null,r.default.createElement(i.default,{id:"alertAlert",type:"alert",title:"Alert_Alert:"},"Alert of type Alert with custom title"),r.default.createElement(i.default,{id:"errorAlert",type:"error",title:"Error_Alert:"},"Alert of type Error with custom title"),r.default.createElement(i.default,{id:"warningAlert",type:"warning",title:"Warning_Alert:"},"Alert of type Warning with custom title"),r.default.createElement(i.default,{id:"advisoryAlert",type:"advisory",title:"Advisory_Alert:"},"Alert of type Advisory with custom title"),r.default.createElement(i.default,{id:"infoAlert",type:"info",title:"Info_Alert:"},"Alert of type Info with custom title"),r.default.createElement(i.default,{id:"successAlert",type:"success",title:"Success_Alert:"},"Alert of type Success with custom title"))}}}]); \ No newline at end of file diff --git a/pull/4102/25804-9ae8ec58ef775a60df38.css b/pull/4102/25804-9ae8ec58ef775a60df38.css new file mode 100644 index 00000000000..2da2bf482db --- /dev/null +++ b/pull/4102/25804-9ae8ec58ef775a60df38.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/25804-9ae8ec58ef775a60df38.js b/pull/4102/25804-9ae8ec58ef775a60df38.js new file mode 100644 index 00000000000..ba8d1cbaba6 --- /dev/null +++ b/pull/4102/25804-9ae8ec58ef775a60df38.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25804],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),o=r(n(67967)),i=r(n(25642)),u=o.default.bind(i.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:u("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:u("badge"),href:t},a.default.createElement("span",{className:u("badge-name")},"github"),a.default.createElement("span",{className:u("badge-version")},"source")):void 0;return a.default.createElement("div",{className:u("badge-container")},o,i)};c.propTypes=d;t.A=c},201:function(e,t,n){var r=n(24994),a=n(73738);t.A=void 0;var l=r(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),i=r(n(5556)),u=r(n(67967)),d=n(92912),c=r(n(27166)),p=r(n(62441)),s=n(25966),m=r(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var y=u.default.bind(m.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,i=e.description,u=e.isExpanded,m=(0,o.useState)(u),f=(0,l.default)(m,2),b=f[0],h=f[1],x=(0,o.useState)(!1),g=(0,l.default)(x,2),O=g[0],w=g[1],T=o.default.useContext(d.ThemeContext),N=void 0!==r,j=function(){w(!O),b&&h(!b)},P=function(){h(!b),O&&w(!O)},E=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",T.className)},o.default.createElement("div",{className:y("header")},a&&o.default.createElement("h2",{className:y("title")},a)),o.default.createElement("div",{className:y("content")},i&&o.default.createElement("div",{className:y("description")},i),t),o.default.createElement("div",{className:y("footer")},n?o.default.createElement("div",{className:y("button-container")},N&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return E(e,j)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":b}),onClick:P,onKeyDown:function(e){return E(e,P)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:y("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:y("css")},r),b&&o.default.createElement("div",{className:y("code")},n))))};h.propTypes=b,h.defaultProps={isExpanded:!1};t.A=h},12883:function(e,t,n){var r=n(24994),a=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return d.Row}}),t.Ay=t.$d=void 0;var l=s(n(96540)),o=r(n(5556)),i=r(n(67967)),u=n(92912),d=s(n(17568)),c=r(n(89744));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var m=i.default.bind(c.default),f={children:o.default.node},y={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:m("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(d.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=y,(t.NZ=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(d.Cell,null,t)}).propTypes=f;var b=function(e){var t=e.children,n=(0,l.useContext)(u.ThemeContext);return l.default.createElement(d.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(d.Header,{className:m("header")},l.default.createElement(d.HeaderCell,null,"Prop"),l.default.createElement(d.HeaderCell,null,"Type"),l.default.createElement(d.HeaderCell,null,"Required"),l.default.createElement(d.HeaderCell,null,"Default"),l.default.createElement(d.HeaderCell,null,"Description")),l.default.createElement(d.Body,null,t))};b.propTypes=f;t.Ay=b},25804:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r=n(96540),a=n(36665),l=n(85515),o=n(37013),i=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={};function p(e){var t=e.components,n=d(e,i);return(0,a.mdx)("wrapper",u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport { Placeholder } from '@cerner/terra-docs';\nimport ResponsiveElement from 'terra-responsive-element';\n\nconst BreakpointExample = () => {\n const [breakpoint, setBreakpoint] = useState('');\n\n return (\n setBreakpoint(value)}>\n \n \n );\n};\n\nexport default BreakpointExample;\n\n")))}p.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Breakpoint Example",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=n(36340),y=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var v={};function h(e){var t=e.components,n=_(e,y);return(0,a.mdx)("wrapper",b({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport { Placeholder } from '@cerner/terra-docs';\nimport ResponsiveElement from 'terra-responsive-element';\n\nconst ResizeExample = () => {\n const [width, setWidth] = useState('');\n\n return (\n setWidth(value)}>\n \n \n );\n};\n\nexport default ResizeExample;\n\n")))}h.isMDXComponent=!0;var x=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Resize Example",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(h,null),isExpanded:a})},g=n(12883),O=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var N={},j="wrapper";function P(e){var t=e.components,n=T(e,O);return(0,a.mdx)(j,w({},N,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(g.Ay,{mdxType:"PropsTable"},(0,a.mdx)(g.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child nodes."))),(0,a.mdx)(g.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A callback function invoked when the breakpoint size changes. ",(0,a.mdx)("inlineCode",{parentName:"p"},"onChange(breakpoint)")))),(0,a.mdx)(g.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"onResize"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A callback function invoked when the responsive target resizes. ",(0,a.mdx)("inlineCode",{parentName:"p"},"onResize(width)")))),(0,a.mdx)(g.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"tiny"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nAn element to be displayed at tiny breakpoints."))),(0,a.mdx)(g.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"small"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nAn element to be displayed at small breakpoints."))),(0,a.mdx)(g.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"medium"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nAn element to be displayed at medium breakpoints."))),(0,a.mdx)(g.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"large"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nAn element to be displayed at large breakpoints."))),(0,a.mdx)(g.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"huge"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nAn element to be displayed at huge breakpoints."))),(0,a.mdx)(g.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"enormous"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nAn element to be displayed at enormous breakpoints."))),(0,a.mdx)(g.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(g.dt,{mdxType:"PropNameCell"},"responsiveTo"),(0,a.mdx)(g.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'window'\n 'parent'\n],\n"))),(0,a.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'parent'\n"))),(0,a.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The viewport the element will be responsive to. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"window")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"parent"),".")))))}P.isMDXComponent=!0;var E=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var k={},S="wrapper";function M(e){var t=e.components,n=R(e,E);return(0,a.mdx)(S,C({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-responsive-element"},"Terra Responsive Element"),(0,a.mdx)("p",null,"The Responsive Element provides a way to conditionally render components during breakpoint or resize changes."),(0,a.mdx)("p",null,"The Responsive Element can be set to be responsive to the parent of the component or the window. By default, event listeners will be bound to the immediate parent of the component and invoke the onChange and onResize callback functions as a result of resize changes to the bound target."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Terra responsive element supports altering multiple CSS attributes without loss of function or information."),(0,a.mdx)("li",{parentName:"ul"},"Terra responsive element supports resizing to 400%."),(0,a.mdx)("li",{parentName:"ul"},"Terra responsive element supports reflow when the viewport is resized to 320x256 px without loss of information or function.")),(0,a.mdx)("h2",{id:"additional-notes"},"Additional Notes"),(0,a.mdx)("p",null,"The Responsive Element observes the total width of the bound container. Padding and borders are included in the calculation to determine the available width. Margins are not included. For breakpoint accuracy it is not recommended to set padding on the parent container when responsiveTo is set to parent. For more details on how box-sizing affects the dom box model see: ",(0,a.mdx)("a",{parentName:"p",href:"https://css-tricks.com/almanac/properties/b/box-sizing/"},"https://css-tricks.com/almanac/properties/b/box-sizing/")),(0,a.mdx)("p",null,"For consistency, breakpoint ranges are inherited from ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/#/components/cerner-terra-core-docs/breakpoints/about"},"terra-breakpoints"),"."),(0,a.mdx)("p",null,"For the uncontrolled version of this component it is not necessary to set each breakpoint. If a breakpoint is not set the component will look at each successive smaller breakpoint until one is found."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-responsive-element"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ResponsiveElement from 'terra-responsive-element';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{title:"Responsive Breakpoints",description:"An example demonstrating the callback events during a breakpoint change.",mdxType:"BreakpointExample"}),(0,a.mdx)(x,{title:"Responsive Resizing",description:"An example demonstrating the callback events during a resize.",mdxType:"ResizeExample"}),(0,a.mdx)("h2",{id:"responsive-element-props"},"Responsive Element Props"),(0,a.mdx)(P,{mdxType:"ResponsiveElementPropsTable"}))}M.isMDXComponent=!0},85515:function(e,t,n){n.d(t,{E:function(){return l}});var r=n(96540),a=n(55713),l=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-responsive-element",name:"terra-responsive-element",version:"5.41.0",url:t})}},37013:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a,l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=n(68523),i=(a=n(5949))&&a.__esModule?a:{default:a};function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],u=!0,d=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){d=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(d)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=l.default.bind(i.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y={children:a.default.string},b=function(e){var t=e.children,n=p(e,u),a=r.default.useContext(o.default),i=(0,l.default)(s(["button",a.className]),n.className);return r.default.createElement("button",c({},n,{type:"button",className:i,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=y;t.default=b},18875:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),l=u(n(67967)),o=u(n(52103)),i=u(n(38616));function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.bind(i.default),c={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},p=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,l=r.default.useContext(o.default);return r.default.createElement("div",{className:d("notice",n,l.className)},r.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:d("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};p.propTypes=c,p.defaultProps={ariaLevel:"2",variant:"important"};t.default=p},60934:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),l=c(n(46942)),o=c(n(67967)),i=c(n(52103)),u=c(n(27683)),d=["title"];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)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(u.default),f={title:a.default.string},y=function(e){var t=e.title,n=s(e,d),a=r.default.useContext(i.default),o=(0,l.default)(m(["placeholder",a.className]),n.className),u=m(["inner"]);return r.default.createElement("div",p({},n,{className:o}),r.default.createElement("div",{className:u},r.default.createElement("p",{className:m("title")},t)))};y.propTypes=f,y.defaultProps={title:""};t.default=y},68523:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=o(n(18875)),a=o(n(60934)),l=o(n(91563));function o(e){return e&&e.__esModule?e:{default:e}}},17212:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),l=c(n(46942)),o=c(n(67967)),i=c(n(52103)),u=c(n(19677)),d=["children","disableStripes","paddingStyle"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(u.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=s(e,d),u=r.default.useContext(i.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},u.className),o.className);return r.default.createElement("table",p({},o,{className:c}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(93623)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},c=function(e){var t=e.children,n=u(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=d,c.defaultProps={children:[]};t.default=c},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=d(n(67967)),o=d(n(19677)),i=d(n(93623)),u=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=l.default.bind(o.default),m={children:a.default.node},f=function(e){var t=e.children,n=p(e,u),a=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=d(n(17212)),a=d(n(15460)),l=d(n(96646)),o=d(n(59584)),i=d(n(14281)),u=d(n(93401));function d(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},27166:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(56445));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return r.default.createElement(a.default,t,r.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},5949:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.DependentViewport=void 0;var a=d(n(96540)),l=d(n(5556)),o=d(n(7829)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(0));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){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=i.default.enormous&&c?"enormous":e>=i.default.huge&&d?"huge":e>=i.default.large&&u?"large":e>=i.default.medium&&o?"medium":e>=i.default.small&&l?"small":"tiny",this.state.element!==p&&this.setState({element:p}))}},{key:"handleWindowResize",value:function(){this.handleResize(window.innerWidth)}},{key:"setContainer",value:function(e){null!==e&&(this.container="parent"===this.props.responsiveTo?e.parentNode:null)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.responsiveTo;return this.state.element?this.props[this.state.element]||null:a.default.createElement(a.default.Fragment,null,"parent"===n&&!this.container&&a.default.createElement("div",{ref:this.setContainer}),t)}}])&&c(n.prototype,r),l&&c(n,l),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,l}(a.default.Component);_.propTypes=b,_.defaultProps={responsiveTo:"parent"};t.default=_},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},43840:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___mWSPm","orion-fusion-theme":"Button-module__orion-fusion-theme___nj7k4",button:"Button-module__button___r5O1Q","is-active":"Button-module__is-active___CVWJw"}},38616:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___J4EGN","orion-fusion-theme":"Notice-module__orion-fusion-theme___1W9PK",notice:"Notice-module__notice___8kOwf",children:"Notice-module__children___cF5Rb",accessory:"Notice-module__accessory___h3l7H",title:"Notice-module__title___PeXjO","ux-recommendation":"Notice-module__ux-recommendation___tJWAL",caution:"Notice-module__caution___STLbH",deprecation:"Notice-module__deprecation___rWWLq",maintenance:"Notice-module__maintenance___o2AK1",important:"Notice-module__important___WpELD","not-supported":"Notice-module__not-supported___eAx6o",paragraph:"Notice-module__paragraph___BwEGe",list:"Notice-module__list___kOyCE"}},27683:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___rMAZk","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___78cuG",placeholder:"Placeholder-module__placeholder___FPYJB",inner:"Placeholder-module__inner___-U1IZ",title:"Placeholder-module__title___lsXDJ"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/25869-1ec9fbd759be2d9d50e9.css b/pull/4102/25869-1ec9fbd759be2d9d50e9.css new file mode 100644 index 00000000000..77263cd82b1 --- /dev/null +++ b/pull/4102/25869-1ec9fbd759be2d9d50e9.css @@ -0,0 +1 @@ +.OverlayTestCommon-module__overlay-container1___C3\+9j,.OverlayTestCommon-module__overlay-container2___dP6Me{width:100%}.OverlayTestCommon-module__overlay-container1___C3\+9j{height:100%}.OverlayTestCommon-module__overlay-container2___dP6Me{height:100px} diff --git a/pull/4102/25869-1ec9fbd759be2d9d50e9.js b/pull/4102/25869-1ec9fbd759be2d9d50e9.js new file mode 100644 index 00000000000..02a1abd50a2 --- /dev/null +++ b/pull/4102/25869-1ec9fbd759be2d9d50e9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25869],{25869:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=d(a(96540)),r=d(a(67967)),n=d(a(49605)),o=d(a(12996)),u=d(a(6375));function d(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(u.default),i=function(){return l.default.createElement(o.default,{isOpen:!0,isRelativeToContainer:!0,backgroundStyle:o.default.Opts.BackgroundStyles.LIGHT,id:"light-overlay"},l.default.createElement("h1",null,"Light Overlay"))};t.default=function(){return l.default.createElement(n.default,{className:c("overlay-container1"),id:"terra-OverlayContainer",overlay:l.default.createElement(i,null)})}},6375:function(e,t,a){a.r(t),t.default={"overlay-container1":"OverlayTestCommon-module__overlay-container1___C3+9j","overlay-container2":"OverlayTestCommon-module__overlay-container2___dP6Me"}}}]); \ No newline at end of file diff --git a/pull/4102/25893-a61522f27720929a338b.css b/pull/4102/25893-a61522f27720929a338b.css new file mode 100644 index 00000000000..24ed10c5ccb --- /dev/null +++ b/pull/4102/25893-a61522f27720929a338b.css @@ -0,0 +1,6 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Input-module__clinical-lowlight-theme___2\+uSg{--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___BNJE\+{--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___CHQ2i{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___CHQ2i{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___CHQ2i{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___CHQ2i{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___CHQ2i:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___CHQ2i: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___CHQ2i[required]{box-shadow:none}.Input-module__form-input___CHQ2i[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___CHQ2i[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___CHQ2i:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___CHQ2i: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___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___0OFqM{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___0OFqM: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___0OFqM[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___0OFqM[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___0OFqM[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___0OFqM: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___0OFqM: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___0OFqM: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___W7v5s{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s: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:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.InputFieldDocCommon-module__field-label___R9\+vg{font-weight:700}.InputFieldDocCommon-module__flex-box-container___ClLRc{display:flex;flex-direction:row;gap:.5rem} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/25893-a61522f27720929a338b.js b/pull/4102/25893-a61522f27720929a338b.js new file mode 100644 index 00000000000..8824083ce17 --- /dev/null +++ b/pull/4102/25893-a61522f27720929a338b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25893],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(96540)),a=r(n(5556)),d=r(n(67967)),o=r(n(25642)),p=d.default.bind(o.default),i={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},u=function(e){var t=e.src,n=e.name,r=e.url,a=e.version,d=l.default.createElement("a",{className:p("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(a)},l.default.createElement("span",{className:p("badge-name")},r?"package":"npm"),l.default.createElement("span",{className:p("badge-version")},"v".concat(a))),o=t?l.default.createElement("a",{className:p("badge"),href:t},l.default.createElement("span",{className:p("badge-name")},"github"),l.default.createElement("span",{className:p("badge-version")},"source")):void 0;return l.default.createElement("div",{className:p("badge-container")},d,o)};u.propTypes=i;t.A=u},201:function(e,t,n){var r=n(24994),l=n(73738);t.A=void 0;var a=r(n(85715)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&{}.hasOwnProperty.call(e,d)){var o=a?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(r,d,o):r[d]=e[d]}return r.default=e,n&&n.set(e,r),r}(n(96540)),o=r(n(5556)),p=r(n(67967)),i=n(92912),u=r(n(27166)),m=r(n(62441)),c=n(25966),s=r(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var x=p.default.bind(s.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,l=e.title,o=e.description,p=e.isExpanded,s=(0,d.useState)(p),f=(0,a.default)(s,2),y=f[0],g=f[1],h=(0,d.useState)(!1),_=(0,a.default)(h,2),N=_[0],T=_[1],O=d.default.useContext(i.ThemeContext),j=void 0!==r,C=function(){T(!N),y&&g(!y)},w=function(){g(!y),N&&T(!N)},E=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:x("template",O.className)},d.default.createElement("div",{className:x("header")},l&&d.default.createElement("h2",{className:x("title")},l)),d.default.createElement("div",{className:x("content")},o&&d.default.createElement("div",{className:x("description")},o),t),d.default.createElement("div",{className:x("footer")},n?d.default.createElement("div",{className:x("button-container")},j&&d.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":N}),onClick:C,onKeyDown:function(e){return E(e,C)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:x("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(m.default,{className:x("chevron")})),d.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:w,onKeyDown:function(e){return E(e,w)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:x("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(m.default,{className:x("chevron")}))):null,d.default.createElement("div",null,N&&d.default.createElement("div",{className:x("css")},r),y&&d.default.createElement("div",{className:x("code")},n))))};g.propTypes=y,g.defaultProps={isExpanded:!1};t.A=g},12883:function(e,t,n){var r=n(24994),l=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return i.Row}}),t.Ay=t.$d=void 0;var a=c(n(96540)),d=r(n(5556)),o=r(n(67967)),p=n(92912),i=c(n(17568)),u=r(n(89744));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&{}.hasOwnProperty.call(e,d)){var o=a?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(r,d,o):r[d]=e[d]}return r.default=e,n&&n.set(e,r),r}var s=o.default.bind(u.default),f={children:d.default.node},x={isRequired:d.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:s("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(i.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return a.default.createElement(i.Cell,null,t)}).propTypes=f;var y=function(e){var t=e.children,n=(0,a.useContext)(p.ThemeContext);return a.default.createElement(i.default,{paddingStyle:"compact",className:s("table",n.className)},a.default.createElement(i.Header,{className:s("header")},a.default.createElement(i.HeaderCell,null,"Prop"),a.default.createElement(i.HeaderCell,null,"Type"),a.default.createElement(i.HeaderCell,null,"Required"),a.default.createElement(i.HeaderCell,null,"Default"),a.default.createElement(i.HeaderCell,null,"Description")),a.default.createElement(i.Body,null,t))};y.propTypes=f;t.Ay=y},25691:function(e,t,n){n.r(t),n.d(t,{default:function(){return ae}});var r=n(96540),l=n(36665),a=n(3959),d=n(86048),o=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={};function m(e){var t=e.components,n=i(e,o);return(0,l.mdx)("wrapper",p({},u,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst DefaultInputField = () => (\n \n);\n\nexport default DefaultInputField;\n\n')))}m.isMDXComponent=!0;var c=n(201),s=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.A,{title:t||"Input Field",description:n,example:r.createElement(d.A,null),exampleSrc:r.createElement(m,null),isExpanded:l})},f=n(6115),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var v={};function g(e){var t=e.components,n=b(e,x);return(0,l.mdx)("wrapper",y({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { InputField } from 'terra-form-input';\nimport styles from '../common/InputFieldDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst label = 'Profile Name';\nconst InlineLabelFieldExample = () => (\n
\n
\n {label}\n
\n
\n \n
\n
\n);\n\nexport default InlineLabelFieldExample;\n\n")))}g.isMDXComponent=!0;var h=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var T={};function O(e){var t=e.components,n=N(e,h);return(0,l.mdx)("wrapper",_({},T,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .field-label {\n font-weight: 700;\n }\n\n .flex-box-container {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n }\n}\n\n")))}O.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.A,{title:t||"Inline Label Field",description:n,example:r.createElement(f.A,null),exampleCssSrc:r.createElement(O,null),exampleSrc:r.createElement(g,null),isExpanded:l})},C=n(59265),w=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var I={};function R(e){var t=e.components,n=P(e,w);return(0,l.mdx)("wrapper",E({},I,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst RequiredInputField = () => (\n \n);\n\nexport default RequiredInputField;\n\n')))}R.isMDXComponent=!0;var D=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.A,{title:t||"Required Input Field",description:n,example:r.createElement(C.A,null),exampleSrc:r.createElement(R,null),isExpanded:l})},q=n(1276),F=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var k={};function A(e){var t=e.components,n=M(e,F);return(0,l.mdx)("wrapper",S({},k,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst RequiredInputField = () => (\n \n);\n\nexport default RequiredInputField;\n\n')))}A.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.A,{title:t||"Incomplete Input Field",description:n,example:r.createElement(q.A,null),exampleSrc:r.createElement(A,null),isExpanded:l})},H=n(96706),W=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var L={};function $(e){var t=e.components,n=V(e,W);return(0,l.mdx)("wrapper",Y({},L,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst NumberInputField = () => (\n \n);\n\nexport default NumberInputField;\n\n')))}$.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(c.A,{title:t||"Number Input Field",description:n,example:r.createElement(H.A,null),exampleSrc:r.createElement($,null),isExpanded:l})},B=n(12883),U=["components"];function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var G={},J="wrapper";function Q(e){var t=e.components,n=z(e,U);return(0,l.mdx)(J,K({},G,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(B.Ay,{mdxType:"PropsTable"},(0,l.mdx)(B.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"inputId"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(B.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Id of the input. Populates both the input and the htmlFor prop of the wrapper Field."))),(0,l.mdx)(B.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"label"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(B.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The label of the form control children."))),(0,l.mdx)(B.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The defaultValue of the input field. Use this to create an uncontrolled input."))),(0,l.mdx)(B.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"disabled"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether the input is disabled."))),(0,l.mdx)(B.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"error"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Error message for when the input is invalid."))),(0,l.mdx)(B.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"errorIcon"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,l.mdx)(B.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"help"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Help element to display with the input."))),(0,l.mdx)(B.fI,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"inputAttrs"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Attributes to attach to the input object"))),(0,l.mdx)(B.fI,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether the field and input displays as Incomplete. Use when no value has been provided. ",(0,l.mdx)("em",{parentName:"p"},"(usage note: ",(0,l.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,l.mdx)(B.fI,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"isInline"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the field is an inline field."))),(0,l.mdx)(B.fI,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether the field and input displays as Invalid. Use when value does not meet validation pattern."))),(0,l.mdx)(B.fI,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Attributes to attach to the label."))),(0,l.mdx)(B.fI,{key:"ROW13",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Set the max-width of a field using ",(0,l.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,l.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,l.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,l.mdx)(B.fI,{key:"ROW14",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"onChange"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function to trigger when user changes the input value. Provide a function to create a controlled input."))),(0,l.mdx)(B.fI,{key:"ROW15",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"onInput"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function to trigger when user inputs a value. Use when programmatically setting a value. Sends parameter {Event} event."))),(0,l.mdx)(B.fI,{key:"ROW16",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"refCallback"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Ref callback to pass into the ref attribute of the html input element."))),(0,l.mdx)(B.fI,{key:"ROW17",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"required"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the field is required."))),(0,l.mdx)(B.fI,{key:"ROW18",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"showOptional"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,l.mdx)(B.fI,{key:"ROW19",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"type"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Specifies the type of input element to display."))),(0,l.mdx)(B.fI,{key:"ROW20",mdxType:"Row"},(0,l.mdx)(B.dt,{mdxType:"PropNameCell"},"value"),(0,l.mdx)(B.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,l.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The value of the input field. Use this to create a controlled input.")))))}Q.isMDXComponent=!0;var ee=["components"];function te(){return te=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var re={},le="wrapper";function ae(e){var t=e.components,n=ne(e,ee);return(0,l.mdx)(le,te({},re,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-form-input-field"},"Terra Form Input Field"),(0,l.mdx)("p",null,(0,l.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-input"},"terra-form-input")," component that is wrapped inside a\n",(0,l.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field")," component."),(0,l.mdx)("p",null,(0,l.mdx)("strong",{parentName:"p"},"Note:")," To follow ",(0,l.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research"},"UX Best Practices"),", this component does not allow ",(0,l.mdx)("inlineCode",{parentName:"p"},"placeholder"),"."),(0,l.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Install with ",(0,l.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-input"))))),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { InputField } from 'terra-form-input';\n")),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(s,{mdxType:"InputFieldExample"}),(0,l.mdx)(D,{mdxType:"RequiredInputFieldExample"}),(0,l.mdx)(Z,{description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteInputFieldExample"}),(0,l.mdx)(X,{mdxType:"NumberInputFieldExample"}),(0,l.mdx)(j,{title:"Input Field with Inline Label",mdxType:"InlineLabelField"}),(0,l.mdx)("h2",{id:"form-input-field-props"},"Form Input Field Props"),(0,l.mdx)(Q,{mdxType:"FormInputFieldPropsTable"}))}ae.isMDXComponent=!0},3959:function(e,t,n){n.d(t,{E:function(){return a}});var r=n(96540),l=n(55713),a=function(e){var t=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-input",name:"terra-form-input",version:"4.33.0",url:t})}},1276:function(e,t,n){t.A=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r},a=n(11475);t.A=function(){return l.default.createElement(a.InputField,{inputId:"incompleteField",label:"Incomplete Input Field",help:"Note: This is help text",type:"text",required:!0,isIncomplete:!0,inputAttrs:{name:"requiredField"}})}},6115:function(e,t,n){t.A=void 0;var r=o(n(96540)),l=o(n(67967)),a=n(11475),d=o(n(85995));function o(e){return e&&e.__esModule?e:{default:e}}var p=l.default.bind(d.default),i="Profile Name";t.A=function(){return r.default.createElement("div",{className:p("flex-box-container")},r.default.createElement("div",null,r.default.createElement("span",{className:p("field-label")},i)),r.default.createElement("div",null,r.default.createElement(a.InputField,{inputId:"profile-name",isLabelHidden:!0,isInline:!0,label:i,help:"Note: profile name cannot be changed in the future",type:"text",inputAttrs:{name:"profile"}})))}},86048:function(e,t,n){t.A=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r},a=n(11475);t.A=function(){return l.default.createElement(a.InputField,{inputId:"profile-name",label:"Profile Name",help:"Note: This can not be changed in the future",type:"text",inputAttrs:{name:"profile"}})}},96706:function(e,t,n){t.A=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r},a=n(11475);t.A=function(){return l.default.createElement(a.InputField,{inputId:"numeric-input",label:"Numeric Value",type:"number",help:"Enter Digits",inputAttrs:{name:"numeric"}})}},59265:function(e,t,n){t.A=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r},a=n(11475);t.A=function(){return l.default.createElement(a.InputField,{inputId:"requiredField",label:"Required Input Field",help:"Note: This is help text",type:"text",required:!0,inputAttrs:{name:"requiredField"}})}},17212:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),l=u(n(5556)),a=u(n(46942)),d=u(n(67967)),o=u(n(52103)),p=u(n(19677)),i=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=d.default.bind(p.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,d=c(e,i),p=r.default.useContext(o.default),u=(0,a.default)(s("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},p.className),d.className);return r.default.createElement("table",m({},d,{className:u}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p={children:l.default.node},i=function(e){var t=e.children,n=o(e,a);return r.default.createElement("tbody",n,t)};i.propTypes=p,i.defaultProps={children:[]};t.default=i},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p={children:l.default.node},i=function(e){var t=e.children,n=o(e,a);return r.default.createElement("td",n,t)};i.propTypes=p,i.defaultProps={children:[]};t.default=i},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(5556)),a=o(n(93623)),d=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},u=function(e){var t=e.children,n=p(e,d);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};u.propTypes=i,u.defaultProps={children:[]};t.default=u},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p={children:l.default.node},i=function(e){var t=e.children,n=o(e,a);return r.default.createElement("th",n,t)};i.propTypes=p,i.defaultProps={children:[]};t.default=i},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),l=i(n(5556)),a=i(n(67967)),d=i(n(19677)),o=i(n(93623)),p=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c=a.default.bind(d.default),s={children:l.default.node},f=function(e){var t=e.children,n=m(e,p),l=c(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),o.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r};var a={addScope:function(e,t){var n=[];return l.default.Children.forEach(e,(function(e){n.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=a},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=i(n(17212)),l=i(n(15460)),a=i(n(96646)),d=i(n(59584)),o=i(n(14281)),p=i(n(93401));function i(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},27166:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),l=a(n(56445));function a(e){return e&&e.__esModule?e:{default:e}}var d=function(e){var t=Object.assign({},e);return r.default.createElement(l.default,t,r.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};d.displayName="IconChevronLeft",d.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=d},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},85995:function(e,t,n){n.r(t),t.default={"field-label":"InputFieldDocCommon-module__field-label___R9+vg","flex-box-container":"InputFieldDocCommon-module__flex-box-container___ClLRc"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/25911-dd93af0998df4c941739.css b/pull/4102/25911-dd93af0998df4c941739.css new file mode 100644 index 00000000000..5210b5bf03a --- /dev/null +++ b/pull/4102/25911-dd93af0998df4c941739.css @@ -0,0 +1 @@ +.ButtonGroup-module__clinical-lowlight-theme___CrwGV{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: none;--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: none;--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___4SRkJ{--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___3F6qX{display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___yCUOf{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___yCUOf{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___yCUOf.ButtonGroup-module__is-disabled___c0vxN,.ButtonGroup-module__button-group-button___yCUOf:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-focused___04LZh{z-index:1000}[dir] .ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-focused___04LZh{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:none;box-shadow:var(--terra-button-group-button-focus-box-shadow, none)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___yCUOf:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___yCUOf:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___yCUOf:hover.ButtonGroup-module__is-selected___LbKho{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf:hover.ButtonGroup-module__is-selected___LbKho{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___yCUOf.ButtonGroup-module__is-selected___LbKho.ButtonGroup-module__is-focused___04LZh{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-selected___LbKho.ButtonGroup-module__is-focused___04LZh{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:none;box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, none)}.ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-selected___LbKho{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-selected___LbKho{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___yCUOf:active.ButtonGroup-module__is-selected___LbKho,.ButtonGroup-module__button-group-button___yCUOf:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf:active.ButtonGroup-module__is-selected___LbKho, [dir] .ButtonGroup-module__button-group-button___yCUOf: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___yCUOf+.ButtonGroup-module__button-group-button___yCUOf{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___yCUOf+.ButtonGroup-module__button-group-button___yCUOf{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___yCUOf: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___yCUOf: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___yCUOf: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___yCUOf: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___aRSre{width:100%}.ButtonGroup-module__is-block___aRSre .ButtonGroup-module__button-group-button___yCUOf{flex:1 1 auto} diff --git a/pull/4102/25911-dd93af0998df4c941739.js b/pull/4102/25911-dd93af0998df4c941739.js new file mode 100644 index 00000000000..7c129a78184 --- /dev/null +++ b/pull/4102/25911-dd93af0998df4c941739.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25911],{51475:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=l(n(96540)),u=l(n(74325));function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t){for(var n=0;n=0)continue;r[t]=e[t]}return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var d={},u="wrapper";function i(e){var a=e.components,r=c(e,o);return(0,t.mdx)(u,s({},d,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-toggle-upgrade-guide"},"Terra Toggle Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},36598:function(e,a,r){r.d(a,{E:function(){return o}});var t=r(96540),n=r(55713),o=function(e){var a=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle",name:"terra-toggle",version:"3.63.0",url:a})}},25642:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/26066-784ff85f2e66cdf97a6c.css b/pull/4102/26066-784ff85f2e66cdf97a6c.css new file mode 100644 index 00000000000..e3784f9ec93 --- /dev/null +++ b/pull/4102/26066-784ff85f2e66cdf97a6c.css @@ -0,0 +1 @@ +[dir] .ButtonTestCommon-module__spacing___s-T6K{padding:20px}[dir] .ButtonTestCommon-module__button-wrapper___6RoZP{padding:5px} diff --git a/pull/4102/26066-784ff85f2e66cdf97a6c.js b/pull/4102/26066-784ff85f2e66cdf97a6c.js new file mode 100644 index 00000000000..a2d4d081a4c --- /dev/null +++ b/pull/4102/26066-784ff85f2e66cdf97a6c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26066],{3685: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 u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var u={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var a=o?Object.getOwnPropertyDescriptor(e,l):null;a&&(a.get||a.set)?Object.defineProperty(u,l,a):u[l]=e[l]}return u.default=e,r&&r.set(e,u),u}(r(96540)),o=f(r(40890)),l=f(r(67967)),a=f(r(17960));function f(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,o,l,a=[],f=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;f=!1}else for(;!(f=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);f=!0);}catch(e){c=!0,u=e}finally{try{if(!f&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return a}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return s(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0)continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}var b=f.default.bind(_.default),z=(t.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},t.TextWeight={200:200,300:300,400:400,700:700},{children:r.default.node.isRequired,isItalic:r.default.bool,isVisuallyHidden:r.default.bool,isWordWrapped:r.default.bool,fontSize:r.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:r.default.oneOf([200,300,400,700]),colorClass:r.default.string}),y=function(e){var t=e.children,o=e.isVisuallyHidden,n=e.isItalic,r=e.fontSize,f=e.weight,_=e.isWordWrapped,d=e.colorClass,z=p(e,a),y=i.default.useContext(u.default),x=function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var m=d.default.bind(u.default),h={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},v={variant:"default"},y=function(e){var t=e.children,a=e.variant,r=e.visuallyHiddenText,d=p(e,f),u=n.default.useContext(i.default),c=(0,l.default)(m(["card",a,u.className]),d.className),s=r?n.default.createElement(o.default,{text:r}):null;return n.default.createElement("article",_({},d,{className:c}),s,t)};y.propTypes=h,y.defaultProps=v,y.Body=c.default;t.default=y},90498:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(96540)),r=c(a(5556)),l=c(a(46942)),d=c(a(67967)),o=c(a(52103)),i=c(a(58647)),u=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];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)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var _=d.default.bind(i.default),p={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},m=function(e){var t=e.children,a=e.hasPaddingVertical,r=e.hasPaddingHorizontal,d=e.isContentCentered,i=s(e,u),c=n.default.useContext(o.default),p=(0,l.default)(_([{"vertical-padding":a},{"horizontal-padding":r},{"center-content":d},c.className]),i.className);return n.default.createElement("div",f({},i,{className:p}),t)};m.propTypes=p,m.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=m},26217:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),r=o(a(67967)),l=o(a(18290)),d=o(a(99262));function o(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(d.default);t.default=function(){return n.default.createElement("div",{className:i("content-wrapper")},n.default.createElement(l.default,null,n.default.createElement(l.default.Body,{id:"verticalcard",hasPaddingHorizontal:!1},"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.")))}},74887:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___mGqg1","orion-fusion-theme":"Card-module__orion-fusion-theme___pKdAk","redwood-theme":"Card-module__redwood-theme___q3rY8",card:"Card-module__card___065D-",default:"Card-module__default___2cIRO",raised:"Card-module__raised___3pYfF"}},58647:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___K00C6","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___k2Ldr","redwood-theme":"CardBody-module__redwood-theme___VMcf6","vertical-padding":"CardBody-module__vertical-padding___UHG80","horizontal-padding":"CardBody-module__horizontal-padding___OqvV2","center-content":"CardBody-module__center-content___kMmT+"}},99262:function(e,t,a){a.r(t),t.default={"content-wrapper":"CardTestDocCommon__content-wrapper___JU+t-"}}}]); \ No newline at end of file diff --git a/pull/4102/26438-c554482126e2e711a8f9.js b/pull/4102/26438-c554482126e2e711a8f9.js new file mode 100644 index 00000000000..20dfa8065c8 --- /dev/null +++ b/pull/4102/26438-c554482126e2e711a8f9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26438],{26438:function(t,e,n){function u(t){return u="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},u(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r,o=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=u(t)&&"function"!=typeof t)return{default:t};var n=f(e);if(n&&n.has(t))return n.get(t);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&{}.hasOwnProperty.call(t,l)){var c=o?Object.getOwnPropertyDescriptor(t,l):null;c&&(c.get||c.set)?Object.defineProperty(r,l,c):r[l]=t[l]}return r.default=t,n&&n.set(t,r),r}(n(96540)),l=(r=n(40890))&&r.__esModule?r:{default:r};function f(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(f=function(t){return t?n:e})(t)}e.default=function(){var t=(0,o.useRef)(),e=(0,o.useRef)();return o.default.createElement(o.default.Fragment,null,o.default.createElement(l.default,{refCallback:function(e){t.current=e},text:"Button 1 (Press to focus button 2)",onClick:function(){e.current.focus()},id:"button1"}),o.default.createElement("br",null),o.default.createElement("br",null),o.default.createElement(l.default,{refCallback:function(t){e.current=t},text:"Button 2 (Press to focus button 1)",onClick:function(){t.current.focus()},id:"button2"}),o.default.createElement("br",null),o.default.createElement("br",null),o.default.createElement(l.default,{text:"Button 3 (Press to focus this button but without focus styles)",id:"button3"}))}}}]); \ No newline at end of file diff --git a/pull/4102/26457-90bfa6097f19a2e49d21.css b/pull/4102/26457-90bfa6097f19a2e49d21.css new file mode 100644 index 00000000000..2da2bf482db --- /dev/null +++ b/pull/4102/26457-90bfa6097f19a2e49d21.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/26457-90bfa6097f19a2e49d21.js b/pull/4102/26457-90bfa6097f19a2e49d21.js new file mode 100644 index 00000000000..c497c517d9b --- /dev/null +++ b/pull/4102/26457-90bfa6097f19a2e49d21.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26457],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(96540)),l=a(n(5556)),o=a(n(67967)),d=a(n(25642)),i=o.default.bind(d.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},p=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))),d=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,d)};p.propTypes=u;t.A=p},201:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var l=a(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),d=a(n(5556)),i=a(n(67967)),u=n(92912),p=a(n(27166)),c=a(n(62441)),m=n(25966),s=a(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var b=i.default.bind(s.default),x={example:d.default.element,exampleSrc:d.default.element,exampleCssSrc:d.default.element,title:d.default.string,description:d.default.node,isExpanded:d.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,d=e.description,i=e.isExpanded,s=(0,o.useState)(i),f=(0,l.default)(s,2),x=f[0],_=f[1],v=(0,o.useState)(!1),h=(0,l.default)(v,2),O=h[0],N=h[1],E=o.default.useContext(u.ThemeContext),T=void 0!==a,w=function(){N(!O),x&&_(!x)},j=function(){_(!x),O&&N(!O)},P=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",E.className)},o.default.createElement("div",{className:b("header")},r&&o.default.createElement("h2",{className:b("title")},r)),o.default.createElement("div",{className:b("content")},d&&o.default.createElement("div",{className:b("description")},d),t),o.default.createElement("div",{className:b("footer")},n?o.default.createElement("div",{className:b("button-container")},T&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":O}),onClick:w,onKeyDown:function(e){return P(e,w)},onBlur:g,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":x}),onClick:j,onKeyDown:function(e){return P(e,j)},onBlur:g,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:b("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:b("css")},a),x&&o.default.createElement("div",{className:b("code")},n))))};_.propTypes=x,_.defaultProps={isExpanded:!1};t.A=_},12883:function(e,t,n){var a=n(24994),r=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return u.Row}}),t.Ay=t.$d=void 0;var l=m(n(96540)),o=a(n(5556)),d=a(n(67967)),i=n(92912),u=m(n(17568)),p=a(n(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}var s=d.default.bind(p.default),f={children:o.default.node},b={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=b,(t.NZ=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)}).propTypes=f;var x=function(e){var t=e.children,n=(0,l.useContext)(i.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:s("table",n.className)},l.default.createElement(u.Header,{className:s("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};x.propTypes=f;t.Ay=x},26457:function(e,t,n){n.r(t),n.d(t,{default:function(){return w}});var a=n(96540),r=n(36665),l=n(50101),o=n(74810),d=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={};function c(e){var t=e.components,n=u(e,d);return(0,r.mdx)("wrapper",i({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nconst BaseExample = () => (\n
\n

Global BaseStyles example

\n

Sample paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliquant.

\n

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

\n
\n
Description name
\n
Description value
\n
Description name
\n
Description value
\n
\n
    \n
  1. Ordered list item
    2. \n
  2. \n Ordered list item\n
      \n
    1. Nested ordered list item
      2. \n
    \n
    3. \n
  3. Ordered list item
    4. \n
\n
    \n
  • Unordered list item
    • \n
  • \n Unordered list item\n
      \n
    1. Nested unordered list item
      2. \n
    \n
    • \n
  • Unordered list item
    • \n
\n
\n);\n\nexport default BaseExample;\n\n")))}c.isMDXComponent=!0;var m=n(201),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Global Base Styles Example",description:n,example:a.createElement(o.A,null),exampleSrc:a.createElement(c,null),isExpanded:r})},f=n(12883),b=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y={},_="wrapper";function v(e){var t=e.components,n=g(e,b);return(0,r.mdx)(_,x({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(f.Ay,{mdxType:"PropsTable"},(0,r.mdx)(f.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(f.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(f.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(f.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(f.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The component(s) that will be wrapped by ",(0,r.mdx)("inlineCode",{parentName:"p"},""),"."))),(0,r.mdx)(f.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(f.dt,{mdxType:"PropNameCell"},"locale"),(0,r.mdx)(f.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(f.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(f.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The locale name."))),(0,r.mdx)(f.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(f.dt,{mdxType:"PropNameCell"},"customMessages"),(0,r.mdx)(f.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(f.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(f.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Customized translations provided by consuming application only for current locale."))),(0,r.mdx)(f.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(f.dt,{mdxType:"PropNameCell"},"strictMode"),(0,r.mdx)(f.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(f.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(f.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Activates ",(0,r.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/strict-mode.html"},"React Strict Mode")," for descendants"))),(0,r.mdx)(f.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(f.dt,{mdxType:"PropNameCell"},"throwOnI18nLoadError"),(0,r.mdx)(f.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(f.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(f.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the error should be logged and thrown if something goes wrong. When false, the error will only be logged to the\nconsole an error."))),(0,r.mdx)(f.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(f.dt,{mdxType:"PropNameCell"},"translationsLoadingPlaceholder"),(0,r.mdx)(f.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(f.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The component(s) that will be wrapped by ",(0,r.mdx)("inlineCode",{parentName:"p"},"")," ONLY in the event that translations have not been loaded yet.\nNOTE: Absolutely no locale-dependent logic should be utilized in this placeholder.")))))}v.isMDXComponent=!0;var h=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var E={},T="wrapper";function w(e){var t=e.components,n=N(e,h);return(0,r.mdx)(T,O({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-base"},"Terra Base"),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-base")," component handles two main concerns, ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/#/getting-started/terra-ui/internationalization/internationalization-intro"},"application internationalization")," and global base styles."),(0,r.mdx)("p",null,"This component is designed to manage loading locale information such as translations and locale data, handling locale switching and loading state, and combining customized translation messages from an application with Terra UI component translations."),(0,r.mdx)("p",null,(0,r.mdx)("strong",{parentName:"p"},"Note:")," ",(0,r.mdx)("em",{parentName:"p"},"This component should be your root component and wrap all components in your app. This is to help ensure that the entire application is within the same configured i18n context provided by ",(0,r.mdx)("a",{parentName:"em",href:"https://github.com/formatjs/react-intl/blob/master/docs/Components.md"},"react-intl's ",(0,r.mdx)("inlineCode",{parentName:"a"},"")),".")),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-base")," component requires the use of our ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-aggregate-translations"},"aggregate-translations pre-build tool")," to ensure translations and locale data files are generated accordingly for the app."),(0,r.mdx)("p",null,"You can read more about ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/guides/terra-ui/internationalization/internationalization-intro"},"setting up Internationalization in your Terra UI app here"),"."),(0,r.mdx)("p",null,"The terra-base component also sets minimal global base styles for the application. Styles include CSS to help normalize box-sizing, global font styles, and HTML background styles."),(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-base"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("p",null,"With custom app translations."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Base from 'terra-base';\nimport App from './App'; // Your custom app component\nimport appTranslations from './aggregated-translations/en.js'; // Your aggregated app translations\n\n// This value could be sent from the server as well\nconst locale = (navigator.languages && navigator.languages[0])\n || navigator.language\n || navigator.userLanguage\n || 'en';\n\n\n \n\n")),(0,r.mdx)("p",null,"Without custom app translations."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Base from 'terra-base';\nimport App from './App'; // Your custom app component\n\n// This value could be sent from the server as well\nconst locale = (navigator.languages && navigator.languages[0])\n || navigator.language\n || navigator.userLanguage\n || 'en';\n\n\n \n\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://github.com/shakacode/react_on_rails/blob/8cb06ed35cb5c2c453bcc193282b4c091574c1b7/docs/basics/i18n.md#how-to-add-i18n"},"react_on_rails Compatible")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://github.com/webpack/docs/wiki/configuration#outputpublicpath"},"CND Compatible"))),(0,r.mdx)("h2",{id:"example"},"Example"),(0,r.mdx)(s,{mdxType:"GlobalBaseStylesExample"}),(0,r.mdx)("h2",{id:"base-props"},"Base Props"),(0,r.mdx)(v,{mdxType:"BasePropsTable"}))}w.isMDXComponent=!0},50101:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),r=n(55713),l=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-base",name:"terra-base",version:"5.53.0",url:t})}},74810:function(e,t,n){t.A=void 0;var a,r=(a=n(96540))&&a.__esModule?a:{default:a};t.A=function(){return r.default.createElement("div",null,r.default.createElement("h1",null,"Global BaseStyles example"),r.default.createElement("p",null,"Sample paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliquant."),r.default.createElement("p",null,"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."),r.default.createElement("dl",null,r.default.createElement("dt",null,"Description name"),r.default.createElement("dd",null,"Description value"),r.default.createElement("dt",null,"Description name"),r.default.createElement("dd",null,"Description value")),r.default.createElement("ol",null,r.default.createElement("li",null,"Ordered list item"),r.default.createElement("li",null,"Ordered list item",r.default.createElement("ol",null,r.default.createElement("li",null,"Nested ordered list item"))),r.default.createElement("li",null,"Ordered list item")),r.default.createElement("ul",null,r.default.createElement("li",null,"Unordered list item"),r.default.createElement("li",null,"Unordered list item",r.default.createElement("ol",null,r.default.createElement("li",null,"Nested unordered list item"))),r.default.createElement("li",null,"Unordered list item")))}},17212:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(96540)),r=p(n(5556)),l=p(n(46942)),o=p(n(67967)),d=p(n(52103)),i=p(n(19677)),u=["children","disableStripes","paddingStyle"];function p(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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=o.default.bind(i.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,o=m(e,u),i=a.default.useContext(d.default),p=(0,l.default)(s("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},i.className),o.className);return a.default.createElement("table",c({},o,{className:p}),t)};b.propTypes=f,b.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=b},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={children:r.default.node},u=function(e){var t=e.children,n=d(e,l);return a.default.createElement("tbody",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={children:r.default.node},u=function(e){var t=e.children,n=d(e,l);return a.default.createElement("td",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),l=d(n(93623)),o=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={children:r.default.node},p=function(e){var t=e.children,n=i(e,o);return a.default.createElement("thead",n,a.default.createElement("tr",null,l.default.addScope(t,"col")))};p.propTypes=u,p.defaultProps={children:[]};t.default=p},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={children:r.default.node},u=function(e){var t=e.children,n=d(e,l);return a.default.createElement("th",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),l=u(n(67967)),o=u(n(19677)),d=u(n(93623)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(o.default),s={children:r.default.node},f=function(e){var t=e.children,n=c(e,i),r=m(["row"]);return a.default.createElement("tr",p({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),d.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(96540))&&a.__esModule?a:{default:a};var l={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var a=u(n(17212)),r=u(n(15460)),l=u(n(96646)),o=u(n(59584)),d=u(n(14281)),i=u(n(93401));function u(e){return e&&e.__esModule?e:{default:e}}t.default=a.default},27166:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(96540)),r=l(n(56445));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return a.default.createElement(r.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/2660-0693a4d98911e8966bf9.css b/pull/4102/2660-0693a4d98911e8966bf9.css new file mode 100644 index 00000000000..fb332cb806b --- /dev/null +++ b/pull/4102/2660-0693a4d98911e8966bf9.css @@ -0,0 +1 @@ +[dir] .ExtraSpacing-module__button-spacing-wrapper___Nac23{margin:.35714rem}.ExtraSpacing-module__container-spacing-wrapper___x-wix{display:inline-block}[dir] .ExtraSpacing-module__container-spacing-wrapper___x-wix{padding:.71428rem}.ExtraSpacing-module__container-min-size___nT0qt{min-height:18rem;min-width:18rem} diff --git a/pull/4102/2660-0693a4d98911e8966bf9.js b/pull/4102/2660-0693a4d98911e8966bf9.js new file mode 100644 index 00000000000..c405cdbf95a --- /dev/null +++ b/pull/4102/2660-0693a4d98911e8966bf9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[2660],{2660:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(96540)),o=c(n(67967)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var u=o?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(a,l,u):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(37123)),u=c(n(11650));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function c(e){return e&&e.__esModule?e:{default:e}}var f=o.default.bind(u.default);t.default=function(){return a.default.createElement("div",{className:f("container-min-size")},a.default.createElement(l.default,{label:"Wide Label ".repeat(50),onSelect:function(){},id:"wide-label"},a.default.createElement(l.Item,{label:"1st",onSelect:function(){}}),a.default.createElement(l.Item,{label:"2nd",onSelect:function(){}})),a.default.createElement("br",null),a.default.createElement("br",null),a.default.createElement(l.default,{label:"Wide option",onSelect:function(){},id:"wide-option"},a.default.createElement(l.Item,{label:"Wide option ".repeat(50),onSelect:function(){}}),a.default.createElement(l.Item,{label:"Not very wide option",onSelect:function(){}})))}},11650:function(e,t,n){n.r(t),t.default={"button-spacing-wrapper":"ExtraSpacing-module__button-spacing-wrapper___Nac23","container-spacing-wrapper":"ExtraSpacing-module__container-spacing-wrapper___x-wix","container-min-size":"ExtraSpacing-module__container-min-size___nT0qt"}}}]); \ No newline at end of file diff --git a/pull/4102/26626-b4190760f737d75684ab.css b/pull/4102/26626-b4190760f737d75684ab.css new file mode 100644 index 00000000000..fed4a92cac8 --- /dev/null +++ b/pull/4102/26626-b4190760f737d75684ab.css @@ -0,0 +1 @@ +.ContentContainerTestCommon-module__header___4ti66,.ContentContainerTestCommon-module__content___vegYG,.ContentContainerTestCommon-module__footer___tLeLm{height:100%}[dir] .ContentContainerTestCommon-module__header___4ti66{background-color:#f64747}[dir] .ContentContainerTestCommon-module__content___vegYG{background-color:#98fb98}[dir] .ContentContainerTestCommon-module__footer___tLeLm{background-color:#00bfff}.ContentContainerTestCommon-module__content-container-wrapper___ZUnnq{height:200px}[dir] .ContentContainerTestCommon-module__content-container-fill___8fQIu{border:1px solid}.ContentContainerTestCommon-module__content-container-fill___8fQIu{height:200px}[dir] .ContentContainerTestCommon-module__content-container-dark___JlMna{background-color:#024978;border:1px solid #fff}[dir] .ContentContainerTestCommon-module__content-container-darker___TF6Jn{background-color:#1b2326;border:1px solid #fff}.ContentContainerTestCommon-module__white-text___KRIZ0{color:#fff} diff --git a/pull/4102/26626-b4190760f737d75684ab.js b/pull/4102/26626-b4190760f737d75684ab.js new file mode 100644 index 00000000000..1feec5789da --- /dev/null +++ b/pull/4102/26626-b4190760f737d75684ab.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26626],{26626:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=l(t(96540)),o=l(t(50247)),i=l(t(67967)),r=l(t(18675));function l(e){return e&&e.__esModule?e:{default:e}}var c=i.default.bind(r.default),s=a.default.createElement("p",{key:"1"},"Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to provide accurate contact information as it will be used for communication and verification purposes."),d=a.default.createElement("h3",null,"Registration Form"),u=a.default.createElement("p",null,"Please enter the name as per the official document");n.default=function(){return a.default.createElement("div",{className:c("content-container-fill")},a.default.createElement(o.default,{header:d,footer:u,fill:!0,setFocusOnContainer:!0},a.default.createElement("div",{key:"1"},s)))}},18675:function(e,n,t){t.r(n),n.default={header:"ContentContainerTestCommon-module__header___4ti66",content:"ContentContainerTestCommon-module__content___vegYG",footer:"ContentContainerTestCommon-module__footer___tLeLm","content-container-wrapper":"ContentContainerTestCommon-module__content-container-wrapper___ZUnnq","content-container-fill":"ContentContainerTestCommon-module__content-container-fill___8fQIu","content-container-dark":"ContentContainerTestCommon-module__content-container-dark___JlMna","content-container-darker":"ContentContainerTestCommon-module__content-container-darker___TF6Jn","white-text":"ContentContainerTestCommon-module__white-text___KRIZ0"}}}]); \ No newline at end of file diff --git a/pull/4102/26685-ced64ed05bcad93a6981.css b/pull/4102/26685-ced64ed05bcad93a6981.css new file mode 100644 index 00000000000..df850f593a3 --- /dev/null +++ b/pull/4102/26685-ced64ed05bcad93a6981.css @@ -0,0 +1 @@ +.Toolbar-module__clinical-lowlight-theme___WS97G{--terra-toolbar-background-color: #1c1f21;--terra-toolbar-border-bottom-color: #181b1d;--terra-toolbar-padding-bottom: 0.14285714285714285rem;--terra-toolbar-padding-left: 0.714285714rem;--terra-toolbar-padding-right: 0.714285714rem;--terra-toolbar-padding-top: 0.14285714285714285rem;--terra-toolbar-item-padding-end: 0.35714285714285715rem;--terra-toolbar-item-padding-start: 0.35714285714285715rem;--terra-toolbar-item-padding-bottom: 0.35714285714285715rem;--terra-toolbar-item-padding-top: 0.35714285714285715rem}.Toolbar-module__orion-fusion-theme___6na\+8{--terra-toolbar-background-color: #e8e9ea;--terra-toolbar-border-bottom-color: #c8cacb;--terra-toolbar-padding-bottom: 0.25rem;--terra-toolbar-padding-left: 0.285714286rem;--terra-toolbar-padding-right: 0.285714286rem;--terra-toolbar-padding-top: 0.25rem;--terra-toolbar-item-padding-end: 0.25rem;--terra-toolbar-item-padding-start: 0.25rem;--terra-toolbar-item-padding-bottom: 0.25rem;--terra-toolbar-item-padding-top: 0.25rem}.Toolbar-module__toolbar___P9DhG{align-items:flex-end;display:flex;flex-wrap:wrap;width:100%}[dir] .Toolbar-module__toolbar___P9DhG{background-color:#f4f4f4;background-color:var(--terra-toolbar-background-color, #f4f4f4);border-bottom-color:#d3d4d5;border-bottom-color:var(--terra-toolbar-border-bottom-color, #d3d4d5);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:0.1428571429rem;padding-bottom:var(--terra-toolbar-padding-bottom, 0.1428571429rem);padding-top:0.1428571429rem;padding-top:var(--terra-toolbar-padding-top, 0.1428571429rem)}[dir=ltr] .Toolbar-module__toolbar___P9DhG{padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-left, 0.714285714rem);padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-right, 0.714285714rem)}[dir=rtl] .Toolbar-module__toolbar___P9DhG{padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-left, 0.714285714rem);padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-right, 0.714285714rem)}.Toolbar-module__item___hGwSK{display:inline-flex}[dir] .Toolbar-module__item___hGwSK{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-toolbar-item-padding-bottom, 0.3571428571rem);padding-top:0.3571428571rem;padding-top:var(--terra-toolbar-item-padding-top, 0.3571428571rem)}[dir=ltr] .Toolbar-module__item___hGwSK{padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}[dir=rtl] .Toolbar-module__item___hGwSK{padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}.Toolbar-module__start-align___vUi7h{justify-content:flex-start}.Toolbar-module__end-align___6Ku2K{justify-content:flex-end}.Toolbar-module__center-align___ljlwu{justify-content:center} diff --git a/pull/4102/26685-ced64ed05bcad93a6981.js b/pull/4102/26685-ced64ed05bcad93a6981.js new file mode 100644 index 00000000000..3fcfad1de49 --- /dev/null +++ b/pull/4102/26685-ced64ed05bcad93a6981.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26685],{26685:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=i(a(96540)),r=i(a(40890)),n=a(78513),o=i(a(66460));function i(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return l.default.createElement(o.default,{align:"start"},l.default.createElement(r.default,{text:"Edit",variant:"utility",icon:l.default.createElement(n.IconEdit,null)}),l.default.createElement(r.default,{text:"Add",variant:"utility",icon:l.default.createElement(n.IconAdd,null)}),l.default.createElement(r.default,{text:"Attachment",variant:"utility",icon:l.default.createElement(n.IconAttachment,null)}))}},66460:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=c(a(96540)),r=c(a(5556)),n=c(a(46942)),o=c(a(67967)),i=c(a(52103)),u=c(a(82629)),d=["align","ariaControls","ariaLabel","ariaLabelledBy","children"];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)continue;a[l]=e[l]}return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var s=o.default.bind(u.default),b={align:r.default.oneOf(["start","end","center"]),ariaControls:r.default.string,ariaLabel:r.default.string,ariaLabelledBy:r.default.string,children:r.default.node},m=function(e){var t=e.align,a=e.ariaControls,r=e.ariaLabel,o=e.ariaLabelledBy,u=e.children,c=_(e,d),b=l.default.useContext(i.default),m=(0,n.default)(s("toolbar","".concat(t,"-align"),b.className),c.className),p=l.default.Children.map(u,(function(e){return e?l.default.createElement("div",{className:s("item")},e):e}));return l.default.createElement("div",f({},c,{"aria-controls":a,"aria-label":o?void 0:r,"aria-labelledby":o,className:m,role:"toolbar"}),p)};m.propTypes=b,m.defaultProps={align:"start"};t.default=m},82629:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Toolbar-module__clinical-lowlight-theme___WS97G","orion-fusion-theme":"Toolbar-module__orion-fusion-theme___6na+8",toolbar:"Toolbar-module__toolbar___P9DhG",item:"Toolbar-module__item___hGwSK","start-align":"Toolbar-module__start-align___vUi7h","end-align":"Toolbar-module__end-align___6Ku2K","center-align":"Toolbar-module__center-align___ljlwu"}}}]); \ No newline at end of file diff --git a/pull/4102/26692-5648ffea4c6f400cf2e5.css b/pull/4102/26692-5648ffea4c6f400cf2e5.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/26692-5648ffea4c6f400cf2e5.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/4102/26692-5648ffea4c6f400cf2e5.js b/pull/4102/26692-5648ffea4c6f400cf2e5.js new file mode 100644 index 00000000000..a3ee7439b93 --- /dev/null +++ b/pull/4102/26692-5648ffea4c6f400cf2e5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26692],{55713:function(e,l,a){var n=a(24994);l.A=void 0;var m=n(a(96540)),d=n(a(5556)),r=n(a(67967)),i=n(a(25642)),u=r.default.bind(i.default),t={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var l=e.src,a=e.name,n=e.url,d=e.version,r=m.default.createElement("a",{className:u("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},m.default.createElement("span",{className:u("badge-name")},n?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(d))),i=l?m.default.createElement("a",{className:u("badge"),href:l},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;l.A=p},26692:function(e,l,a){a.r(l),a.d(l,{default:function(){return h}});a(96540);var n=a(36665),m=a(7148),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;a[n]=e[n]}return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(m[a]=e[a])}return m}var u={},t="wrapper";function p(e){var l=e.components,a=i(e,d);return(0,n.mdx)(t,r({},u,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3790---april-4-2024"},"3.79.0 - (April 4, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"3780---march-20-2024"},"3.78.0 - (March 20, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"3770---february-27-2024"},"3.77.0 - (February 27, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"3760---february-15-2024"},"3.76.0 - (February 15, 2024)"),(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 tabbing issue for button-group without initial focus.")))),(0,n.mdx)("h2",{id:"3750---january-9-2024"},"3.75.0 - (January 9, 2024)"),(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 border styles to buttons within the 'terra-button-group'.")))),(0,n.mdx)("h2",{id:"3740---december-11-2023"},"3.74.0 - (December 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3730---november-13-2023"},"3.73.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3720---november-2-2023"},"3.72.0 - (November 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:"3710---october-23-2023"},"3.71.0 - (October 23, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3700---october-3-2023"},"3.70.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:"3691---september-21-2023"},"3.69.1 - (September 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Arrow keys selection for Single Select examples.")))),(0,n.mdx)("h2",{id:"3690---august-25-2023"},"3.69.0 - (August 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:"3680---august-23-2023"},"3.68.0 - (August 23, 2023)"),(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 visual focus when using screenreaders."))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added cyclic behavior when navigating through buttons with a keyboard.")))),(0,n.mdx)("h2",{id:"3670---august-11-2023"},"3.67.0 - (August 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:"3660---august-11-2023"},"3.66.0 - (August 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:"3650---august-8-2023"},"3.65.0 - (August 8, 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:"3640---march-1-2023"},"3.64.0 - (March 1, 2023)"),(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 decoratove icons and multi-selection."))),(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 keyboard navigation feature and fixes to convey selection states.")))),(0,n.mdx)("h2",{id:"3630---february-16-2023"},"3.63.0 - (February 16, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3620---february-15-2023"},"3.62.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."),(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshots for icon button changes.")))),(0,n.mdx)("h2",{id:"3610---december-7-2022"},"3.61.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3602---february-15-2022"},"3.60.2 - (February 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:"3601---december-14-2021"},"3.60.1 - (December 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"},"Active and unselected children button render as toggle buttons (aria-pressed=false);")))),(0,n.mdx)("h2",{id:"3600---november-2-2021"},"3.60.0 - (November 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"},"Migrate doc to terra-core-docs.")))),(0,n.mdx)("h2",{id:"3590---september-21-2021"},"3.59.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"3580---august-25-2021"},"3.58.0 - (August 25, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3570---june-22-2021"},"3.57.0 - (June 22, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3560---june-8-2021"},"3.56.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:"3550---april-13-2021"},"3.55.0 - (April 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3540---april-6-2021"},"3.54.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"3530---february-2-2021"},"3.53.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:"3520---january-5-2021"},"3.52.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed"),(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,n.mdx)("h2",{id:"3510---december-8-2020"},"3.51.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:"3500---november-17-2020"},"3.50.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"3490---november-10-2020"},"3.49.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3480---october-27-2020"},"3.48.0 - (October 27, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3470---august-18-2020"},"3.47.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:"3460---august-6-2020"},"3.46.0 - (August 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3450---august-4-2020"},"3.45.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3440---july-29-2020"},"3.44.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"3430---july-7-2020"},"3.43.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3420---june-11-2020"},"3.42.0 - (June 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,n.mdx)("h2",{id:"3410---june-9-2020"},"3.41.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"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"3400---june-2-2020"},"3.40.0 - (June 2, 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 ",(0,n.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," not losing ",(0,n.mdx)("inlineCode",{parentName:"li"},"focus")," styles when made disabled via user interaction"),(0,n.mdx)("li",{parentName:"ul"},"Fixed ",(0,n.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," not losing ",(0,n.mdx)("inlineCode",{parentName:"li"},"is-selected")," styles when made disabled via user interaction")))),(0,n.mdx)("h2",{id:"3390---may-19-2020"},"3.39.0 - (May 19, 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"},"Apply themes by context and directly include packaged themes."))),(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 button losing focus when switching window")))),(0,n.mdx)("h2",{id:"3380---may-5-2020"},"3.38.0 - (May 5, 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 an interaction media query to apply ",(0,n.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices.")))),(0,n.mdx)("h2",{id:"3370---april-28-2020"},"3.37.0 - (April 28, 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"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(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 wdio screenshots")))),(0,n.mdx)("h2",{id:"3360---april-22-2020"},"3.36.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3350---april-22-2020"},"3.35.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated docs for documentation link and usage section"),(0,n.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,n.mdx)("h2",{id:"3340---march-31-2020"},"3.34.0 - (March 31, 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---march-10-2020"},"3.33.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:"3320---february-18-2020"},"3.32.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:"3310---february-4-2020"},"3.31.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:"3300---january-28-2020"},"3.30.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3290---january-7-2020"},"3.29.0 - (January 7, 2020)"),(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 yarn reference in docs")))),(0,n.mdx)("h2",{id:"3280---december-10-2019"},"3.28.0 - (December 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:"3270---december-3-2019"},"3.27.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,n.mdx)("h2",{id:"3260---october-30-2019"},"3.26.0 - (October 30, 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"},"Inline SVG aligned for IE and wdio screenshots Updated."))),(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 lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"3250---october-3-2019"},"3.25.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3240---september-19-2019"},"3.24.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,n.mdx)("h2",{id:"3230---september-6-2019"},"3.23.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"3220---september-3-2019"},"3.22.0 - (September 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,n.mdx)("h2",{id:"3210---august-21-2019"},"3.21.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"3200---august-14-2019"},"3.20.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:"3190---july-30-2019"},"3.19.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3180---july-24-2019"},"3.18.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3170---july-16-2019"},"3.17.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:"3160----july-11-2019"},"3.16.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,n.mdx)("h2",{id:"3150---june-28-2019"},"3.15.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3140---june-18-2019"},"3.14.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"3131---june-12-2019"},"3.13.1 - (June 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"},"Reverted change to updates to wdio test screenshot")))),(0,n.mdx)("h2",{id:"3130---june-11-2019"},"3.13.0 - (June 11, 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"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5"),(0,n.mdx)("li",{parentName:"ul"},"Updates wdio test screenshot")))),(0,n.mdx)("h2",{id:"3120---may-1-2019"},"3.12.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3110---april-16-2019"},"3.11.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3100---april-9-2019"},"3.10.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---april-2-2019"},"3.9.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 version bump")))),(0,n.mdx)("h2",{id:"380---march-26-2019"},"3.8.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:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,n.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Improved screen reader clarity on non-selectable button group buttons")))),(0,n.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"330---january-26-2019"},"3.3.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:"320---january-22-2019"},"3.2.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"310---january-22-2019"},"3.1.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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"300---january-8-2019"},"3.0.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"},"Updated theme variables"),(0,n.mdx)("li",{parentName:"ul"},"Refactor isActive css class to isSelected"),(0,n.mdx)("li",{parentName:"ul"},"Add isSelected (pressed) styles")))),(0,n.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2311---november-20-2018"},"2.31.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:"2310---november-19-2018"},"2.31.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:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 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 isBlock prop to button group component")))),(0,n.mdx)("h2",{id:"2280---october-24-2018"},"2.28.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:"2270---october-16-2018"},"2.27.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:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2250---october-2-2018"},"2.25.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:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2231---september-6-2018"},"2.23.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:"2230---september-5-2018"},"2.23.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:"2220---september-4-2018"},"2.22.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:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2200---august-21-2018"},"2.20.0 - (August 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"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2190---august-1-2018"},"2.19.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:"2180---july-19-2018"},"2.18.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:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"2160---july-10-2018"},"2.16.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:"2150---june-28-2018"},"2.15.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"},"Removed CSS modules composes call"))),(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:"2140---june-22-2018"},"2.14.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:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,n.mdx)("h2",{id:"2120---may-30-2018"},"2.12.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:"2110---may-23-2018"},"2.11.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:"2100---may-16-2018"},"2.10.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:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 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:"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 dependency 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"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,n.mdx)("li",{parentName:"ul"},"Changed to a controlled component"),(0,n.mdx)("li",{parentName:"ul"},"The ",(0,n.mdx)("inlineCode",{parentName:"li"},"text")," prop is now required to help improve accessibility"))),(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"},"The ",(0,n.mdx)("inlineCode",{parentName:"li"},"selectedKeys")," prop has been added to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"ButtonGroup")," component"),(0,n.mdx)("li",{parentName:"ul"},"The following props have been added to the ",(0,n.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," component: ",(0,n.mdx)("inlineCode",{parentName:"li"},"isDisabled"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"onBlur"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"onFocus"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"onKeyDown"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"onKeyUp")))),(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"},"The following props have been removed from the ",(0,n.mdx)("inlineCode",{parentName:"li"},"ButtonGroup")," component: ",(0,n.mdx)("inlineCode",{parentName:"li"},"buttons"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"isCompact"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"isSelectable"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"size"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")),(0,n.mdx)("li",{parentName:"ul"},"The following props have been removed from the ",(0,n.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," component: ",(0,n.mdx)("inlineCode",{parentName:"li"},"children"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"isReversed"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"isSelected"))))),(0,n.mdx)("h2",{id:"1180---february-1-2018"},"1.18.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 dependency version bump")))),(0,n.mdx)("h2",{id:"1170---january-18-2018"},"1.17.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 dependency version bump")))),(0,n.mdx)("h2",{id:"1160---january-5-2018"},"1.16.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"},"aria-selected attribute to aria-pressed")))),(0,n.mdx)("h2",{id:"1150---november-28-2017"},"1.15.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 dependency version bump")))),(0,n.mdx)("h2",{id:"1140---november-16-2017"},"1.14.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 dependency version bump")))),(0,n.mdx)("h2",{id:"1130---october-31-2017"},"1.13.0 - (October 31, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Removed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,n.mdx)("h2",{id:"1100---september-19-2017"},"1.10.0 - (September 19, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 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"},"Update nightwatch tests and test scripts.")))),(0,n.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 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 dependency version bump")))),(0,n.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 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"},"Converted component to use CSS modules"),(0,n.mdx)("li",{parentName:"ul"},"Updated spacing around react-docgen comments")))),(0,n.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(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"},"Add preventDefault to ButtonGroup"))),(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 nightwatch 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 nightwatch.config file")))),(0,n.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,n.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;a[n]=e[n]}return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(m[a]=e[a])}return m}var s={},c="wrapper";function h(e){var l=e.components,a=N(e,x);return(0,n.mdx)(c,o({},s,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(m.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},7148:function(e,l,a){a.d(l,{E:function(){return d}});var n=a(96540),m=a(55713),d=function(e){var l=e.url;return n.createElement(m.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-button-group",name:"terra-button-group",version:"3.79.0",url:l})}},25642:function(e,l,a){a.r(l),l.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/26755-95cc4a639bbda33762df.css b/pull/4102/26755-95cc4a639bbda33762df.css new file mode 100644 index 00000000000..22158795b85 --- /dev/null +++ b/pull/4102/26755-95cc4a639bbda33762df.css @@ -0,0 +1,2 @@ +.Toggle-module__toggle___7fo88[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7fo88[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7fo88[aria-hidden=false]{transition-delay:0s} +.ToggleButton-module__toggle-button___4H4qn{display:block}.ToggleButton-module__icon___2J4zE{display:inline-block;line-height:1}[dir] .ToggleButton-module__icon___2J4zE{transform:rotate(0deg)}.ToggleButton-module__icon___2J4zE svg{font-size:.8em;position:relative;top:-0.14em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ToggleButton-module__icon___2J4zE svg{top:-0.07em}}[dir=ltr] .ToggleButton-module__is-open___NWVIB .ToggleButton-module__icon___2J4zE{transform:rotate(90deg)}[dir=rtl] .ToggleButton-module__is-open___NWVIB .ToggleButton-module__icon___2J4zE{transform:rotate(-90deg)}.ToggleButton-module__is-icon-animated___WXEng .ToggleButton-module__icon___2J4zE{transition:transform .15s ease-in}.ToggleButton-module__is-open___NWVIB.ToggleButton-module__is-icon-animated___WXEng .ToggleButton-module__icon___2J4zE{transition:transform .15s ease-in}[dir=ltr] .ToggleButton-module__button-text___IAZwy{padding-left:.3rem}[dir=rtl] .ToggleButton-module__button-text___IAZwy{padding-right:.3rem} diff --git a/pull/4102/26755-95cc4a639bbda33762df.js b/pull/4102/26755-95cc4a639bbda33762df.js new file mode 100644 index 00000000000..95fab6df378 --- /dev/null +++ b/pull/4102/26755-95cc4a639bbda33762df.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26755],{26755:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i=r(n(96540)),o=n(78513),a=r(n(27379));function r(t){return t&&t.__esModule?t:{default:t}}e.default=function(){return i.default.createElement(a.default,{closedButtonText:"ToggleButton",icon:i.default.createElement(o.IconCaretRight,{id:"custom-icon"})},i.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))}},27379:function(t,e,n){function i(t){return i="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},i(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=d(n(96540)),a=d(n(5556)),r=d(n(67967)),s=d(n(40890)),l=d(n(62441)),u=d(n(97742)),c=d(n(53248)),f=["buttonAttrs","children","closedButtonText","icon","isAnimated","isIconAnimated","isIconOnly","isInitiallyOpen","onClose","onOpen","openedButtonText"];function d(t){return t&&t.__esModule?t:{default:t}}function h(){return h=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0)continue;n[i]=t[i]}return n}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function m(t,e){for(var n=0;n=0)continue;n[i]=t[i]}return n}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}var d=a.default.bind(s.default),h={children:o.default.node.isRequired,isAnimated:o.default.bool,isOpen:o.default.bool},p=function(t){var e,n=t.isAnimated,o=t.isOpen,a=t.children,s=f(t,l),u=o?"auto":0;return e=n?i.default.createElement(r.default,{duration:250,height:u,easing:"ease-out"},a):o&&a,i.default.createElement("div",c({},s,{className:d("toggle",s.className),"aria-hidden":!o}),e)};p.propTypes=h,p.defaultProps={isAnimated:!1,isOpen:!1};e.default=p},53248:function(t,e,n){n.r(e),e.default={"toggle-button":"ToggleButton-module__toggle-button___4H4qn",icon:"ToggleButton-module__icon___2J4zE","is-open":"ToggleButton-module__is-open___NWVIB","is-icon-animated":"ToggleButton-module__is-icon-animated___WXEng","button-text":"ToggleButton-module__button-text___IAZwy"}},76835:function(t,e,n){n.r(e),e.default={toggle:"Toggle-module__toggle___7fo88"}},56650:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0});var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o=Object.assign||function(t){for(var e=1;e1?e-1:0),i=1;it.height),c(b,this.animationStateClasses.animatingToHeightZero,0===w.height),c(b,this.animationStateClasses.animatingToHeightAuto,"auto"===w.height),c(b,this.animationStateClasses.animatingToHeightSpecific,w.height>0),b)),C=this.getStaticStateClasses(w.height);this.setState({animationStateClasses:T,height:_,overflow:"hidden",shouldUseTransitions:!S}),clearTimeout(this.timeoutID),clearTimeout(this.animationClassesTimeoutID),S?(w.shouldUseTransitions=!0,p(this.animationFrameIDs),this.animationFrameIDs=(n=function(){o.setState(w),g(u,{newHeight:w.height})},(i=[])[0]=requestAnimationFrame((function(){i[1]=requestAnimationFrame((function(){n()}))})),i),this.animationClassesTimeoutID=setTimeout((function(){o.setState({animationStateClasses:C,shouldUseTransitions:!1}),o.hideContent(w.height),g(s,{newHeight:w.height})}),O)):(g(u,{newHeight:_}),this.timeoutID=setTimeout((function(){w.animationStateClasses=C,w.shouldUseTransitions=!1,o.setState(w),"auto"!==r&&o.hideContent(_),g(s,{newHeight:_})}),O))}}},{key:"componentWillUnmount",value:function(){p(this.animationFrameIDs),clearTimeout(this.timeoutID),clearTimeout(this.animationClassesTimeoutID),this.timeoutID=null}},{key:"getTimings",value:function(){if(this.prefersReducedMotion)return{delay:0,duration:0};var t=this.props;return{delay:t.delay,duration:t.duration}}},{key:"showContent",value:function(t){0===t&&(this.contentElement.style.display="")}},{key:"hideContent",value:function(t){0===t&&(this.contentElement.style.display="none")}},{key:"getStaticStateClasses",value:function(t){var e;return(0,l.default)((c(e={},this.animationStateClasses.static,!0),c(e,this.animationStateClasses.staticHeightZero,0===t),c(e,this.animationStateClasses.staticHeightSpecific,t>0),c(e,this.animationStateClasses.staticHeightAuto,"auto"===t),e))}},{key:"render",value:function(){var t,e=this,n=this.props,i=n.animateOpacity,a=n.applyInlineTransitions,s=n.children,u=n.className,f=n.contentClassName,p=n.easing,m=n.id,y=n.style,g=this.state,b=g.height,v=g.overflow,O=g.animationStateClasses,_=g.shouldUseTransitions,w=this.getTimings(),S=w.duration,T=w.delay,C=o({},y,{height:b,overflow:v||y.overflow});_&&a&&(C.transition="height "+S+"ms "+p+" "+T+"ms",y.transition&&(C.transition=y.transition+", "+C.transition),C.WebkitTransition=C.transition);var j={};i&&(j.transition="opacity "+S+"ms "+p+" "+T+"ms",j.WebkitTransition=j.transition,0===b&&(j.opacity=0));var E=(0,l.default)((c(t={},O,!0),c(t,u,u),t)),I="undefined"!=typeof this.props["aria-hidden"]?this.props["aria-hidden"]:0===b;return r.default.createElement("div",o({},h.apply(void 0,[this.props].concat(d)),{"aria-hidden":I,className:E,id:m,style:C}),r.default.createElement("div",{className:f,style:j,ref:function(t){return e.contentElement=t}},s))}}]),e}(r.default.Component);b.propTypes={"aria-hidden":s.default.bool,animateOpacity:s.default.bool,animationStateClasses:s.default.object,applyInlineTransitions:s.default.bool,children:s.default.any.isRequired,className:s.default.string,contentClassName:s.default.string,delay:s.default.number,duration:s.default.number,easing:s.default.string,height:function(t,e,n){var o=t[e];return"number"==typeof o&&o>=0||y(o)||"auto"===o?null:new TypeError('value "'+o+'" of type "'+("undefined"==typeof o?"undefined":i(o))+'" is invalid type for '+e+" in "+n+'. It needs to be a positive number, string "auto" or percentage string (e.g. "15%").')},id:s.default.string,onAnimationEnd:s.default.func,onAnimationStart:s.default.func,style:s.default.object},b.defaultProps={animateOpacity:!1,animationStateClasses:f,applyInlineTransitions:!0,duration:250,delay:0,easing:"ease",style:{}},e.default=b}}]); \ No newline at end of file diff --git a/pull/4102/26809-454c17be32e716d497ee.js b/pull/4102/26809-454c17be32e716d497ee.js new file mode 100644 index 00000000000..8507bd0a0dd --- /dev/null +++ b/pull/4102/26809-454c17be32e716d497ee.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26809],{26809:function(e,t,r){function o(e){return o="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},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,u=(n=r(96540))&&n.__esModule?n:{default:n},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=a(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&&{}.hasOwnProperty.call(e,l)){var i=u?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(78412));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}t.default=function(){return u.default.createElement(l.RadioField,{id:"testing-radio-field",legend:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",help:"Help Message"},u.default.createElement(l.default,{id:"default",labelText:"Default Radio"}))}}}]); \ No newline at end of file diff --git a/pull/4102/27073-b025b7d0ccb6c3940644.css b/pull/4102/27073-b025b7d0ccb6c3940644.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/27073-b025b7d0ccb6c3940644.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/4102/27073-b025b7d0ccb6c3940644.js b/pull/4102/27073-b025b7d0ccb6c3940644.js new file mode 100644 index 00000000000..8274f1d8608 --- /dev/null +++ b/pull/4102/27073-b025b7d0ccb6c3940644.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27073],{55713:function(e,m,l){var a=l(24994);m.A=void 0;var d=a(l(96540)),n=a(l(5556)),r=a(l(67967)),u=a(l(25642)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var m=e.src,l=e.name,a=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=m?d.default.createElement("a",{className:i("badge"),href:m},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;m.A=p},27073:function(e,m,l){l.r(m),l.d(m,{default:function(){return c}});l(96540);var a=l(36665),d=l(88763),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var m=1;m=0)continue;l[a]=e[a]}return l}(e,m);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},t="wrapper";function p(e){var m=e.components,l=u(e,n);return(0,a.mdx)(t,r({},i,l,{components:m,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"changelog"},"Changelog"),(0,a.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,a.mdx)("h2",{id:"3610---february-20-2024"},"3.61.0 - (February 20, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3600---february-15-2024"},"3.60.0 - (February 15, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added support for the Redwood theme.")))),(0,a.mdx)("h2",{id:"3590---november-13-2023"},"3.59.0 - (November 13, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update props description in props table."),(0,a.mdx)("li",{parentName:"ul"},"Removed hidden text to announce the intent of the badge.")))),(0,a.mdx)("h2",{id:"3580---october-16-2023"},"3.58.0 - (October 16, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added hidden text to announce the intent of the badge"))),(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"aria-hidden")," from the textContent to announce text of badge")))),(0,a.mdx)("h2",{id:"3570---february-15-2023"},"3.57.0 - (February 15, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,a.mdx)("h2",{id:"3560---december-7-2022"},"3.56.0 - (December 7, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3550---february-2-2022"},"3.55.0 - (February 2, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3540---october-8-2021"},"3.54.0 - (October 8, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs")))),(0,a.mdx)("h2",{id:"3530---september-21-2021"},"3.53.0 - (September 21, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3520---august-25-2021"},"3.52.0 - (August 25, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3510---june-22-2021"},"3.51.0 - (June 22, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3500---april-13-2021"},"3.50.0 - (April 13, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3490---april-6-2021"},"3.49.0 - (April 6, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,a.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,a.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,a.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,a.mdx)("h2",{id:"3480---february-2-2021"},"3.48.0 - (February 2, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3470---january-5-2021"},"3.47.0 - (January 5, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Fixed"),(0,a.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,a.mdx)("h2",{id:"3460---december-8-2020"},"3.46.0 - (December 8, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3450---november-17-2020"},"3.45.0 - (November 17, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,a.mdx)("h2",{id:"3440---october-27-2020"},"3.44.0 - (October 27, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3430---october-13-2020"},"3.43.0 - (October 13, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Reference terra-theme-context 1.0.0 to enable hoisting.")))),(0,a.mdx)("h2",{id:"3420---august-6-2020"},"3.42.0 - (August 6, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3410---august-4-2020"},"3.41.0 - (August 4, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3400---july-29-2020"},"3.40.0 - (July 29, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,a.mdx)("h2",{id:"3390---july-7-2020"},"3.39.0 - (July 7, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3380---june-23-2020"},"3.38.0 - (June 23, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3370---june-9-2020"},"3.37.0 - (June 9, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,a.mdx)("h2",{id:"3360---may-19-2020"},"3.36.0 - (May 19, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3350---may-12-2020"},"3.35.0 - (May 12, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,a.mdx)("h2",{id:"3340---april-28-2020"},"3.34.0 - (April 28, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,a.mdx)("h2",{id:"3330---april-22-2020"},"3.33.0 - (April 22, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated docs for documentation link"),(0,a.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,a.mdx)("h2",{id:"3320---march-10-2020"},"3.32.0 - (March 10, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3310---february-18-2020"},"3.31.0 - (February 18, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,a.mdx)("h2",{id:"3300---february-4-2020"},"3.30.0 - (February 4, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,a.mdx)("h2",{id:"3290---january-28-2020"},"3.29.0 - (January 28, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3280---january-7-2020"},"3.28.0 - (January 7, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,a.mdx)("h2",{id:"3270---december-3-2019"},"3.27.0 - (December 3, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,a.mdx)("h2",{id:"3260---october-30-2019"},"3.26.0 - (October 30, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Fixed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,a.mdx)("h2",{id:"3250---october-3-2019"},"3.25.0 - (October 3, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3240---september-19-2019"},"3.24.0 - (September 19, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,a.mdx)("h2",{id:"3230---september-6-2019"},"3.23.0 - (September 6, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,a.mdx)("h2",{id:"3220---september-3-2019"},"3.22.0 - (September 3, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3210---august-21-2019"},"3.21.0 - (August 21, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,a.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,a.mdx)("h2",{id:"3200---august-14-2019"},"3.20.0 - (August 14, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,a.mdx)("h2",{id:"3190---july-30-2019"},"3.19.0 - (July 30, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3180---july-24-2019"},"3.18.0 - (July 24, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3170---july-16-2019"},"3.17.0 - (July 16, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,a.mdx)("h2",{id:"3160----july-11-2019"},"3.16.0 - (July 11, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3150---july-9-2019"},"3.15.0 - (July 9, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,a.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,a.mdx)("h2",{id:"3140---june-28-2019"},"3.14.0 - (June 28, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"3130---june-18-2019"},"3.13.0 - (June 18, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,a.mdx)("h2",{id:"3120---june-11-2019"},"3.12.0 - (June 11, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,a.mdx)("h2",{id:"3110---may-1-2019"},"3.11.0 - (May 1, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,a.mdx)("li",{parentName:"ul"},"Updated WDIO tests to use themeCombinationOfCustomProperties instead of themeEachCustomProperty")))),(0,a.mdx)("h2",{id:"3100---april-16-2019"},"3.10.0 - (April 16, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"390---april-9-2019"},"3.9.0 - (April 9, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,a.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,a.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,a.mdx)("h2",{id:"2310---january-2-2019"},"2.31.0 - (January 2, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2301---november-20-2018"},"2.30.1 - (November 20, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,a.mdx)("h2",{id:"2300---november-19-2018"},"2.30.0 - (November 19, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2290---november-13-2018"},"2.29.0 - (November 13, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2280---november-9-2018"},"2.28.0 - (November 9, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2270---october-30-2018"},"2.27.0 - (October 30, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2260---october-24-2018"},"2.26.0 - (October 24, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2250---october-16-2018"},"2.25.0 - (October 16, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added a prop for visually hidden text")))),(0,a.mdx)("h2",{id:"2240---october-8-2018"},"2.24.0 - (October 8, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2230---october-2-2018"},"2.23.0 - (October 2, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Exports for schemes and sizes added")))),(0,a.mdx)("h2",{id:"2220---september-25-2018"},"2.22.0 - (September 25, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2211---september-6-2018"},"2.21.1 - (September 6, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,a.mdx)("h2",{id:"2210---september-5-2018"},"2.21.0 - (September 5, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,a.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,a.mdx)("h2",{id:"2200---september-4-2018"},"2.20.0 - (September 4, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2190---august-29-2018"},"2.19.0 - (August 29, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2180---august-1-2018"},"2.18.0 - (August 1, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2170---july-19-2018"},"2.17.0 - (July 19, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,a.mdx)("h2",{id:"2160---july-17-2018"},"2.16.0 - (July 17, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,a.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,a.mdx)("h2",{id:"2150---july-10-2018"},"2.15.0 - (July 10, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Added"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,a.mdx)("h2",{id:"2130---june-22-2018"},"2.13.0 - (June 22, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,a.mdx)("h2",{id:"2120---june-12-2018"},"2.12.0 - (June 12, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,a.mdx)("h2",{id:"2110---may-30-2018"},"2.11.0 - (May 30, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,a.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed unused terra-mixins package")))),(0,a.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,a.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,a.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,a.mdx)("h2",{id:"1170---february-1-2018"},"1.17.0 - (February 1, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1160---january-18-2018"},"1.16.0 - (January 18, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1150---january-5-2018"},"1.15.0 - (January 5, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed mock theme from package")))),(0,a.mdx)("h2",{id:"1140---december-5-2017"},"1.14.0 - (December 5, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Added"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added screenshot tests"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed nightwatch tests")))),(0,a.mdx)("h2",{id:"1130---november-28-2017"},"1.13.0 - (November 28, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1120---november-16-2017"},"1.12.0 - (November 16, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1110---october-6-2017"},"1.11.0 - (October 6, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1100---september-26-2017"},"1.10.0 - (September 26, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,a.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"170---september-7-2017"},"1.7.0 - (September 7, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Added"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added cerner-mock-theme styles"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,a.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added cerner-mock-theme styles")))),(0,a.mdx)("h2",{id:"140---august-15-2017"},"1.4.0 - (August 15, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,a.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"121---august-1-2017"},"1.2.1 - (August 1, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Fixed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Fixed versioning issue in changelog")))),(0,a.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"111---july-26-2017"},"1.1.1 - (July 26, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Use classnames/bind")))),(0,a.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,a.mdx)("li",{parentName:"ul"},"Converted SCSS variables to CSS custom properties for theming"),(0,a.mdx)("li",{parentName:"ul"},"Normalized CSS custom properties naming"),(0,a.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,a.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,a.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var m=1;m=0)continue;l[a]=e[a]}return l}(e,m);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},h="wrapper";function c(e){var m=e.components,l=N(e,x);return(0,a.mdx)(h,o({},s,l,{components:m,mdxType:"MDXLayout"}),(0,a.mdx)(d.E,{mdxType:"Badge"}),(0,a.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},88763:function(e,m,l){l.d(m,{E:function(){return n}});var a=l(96540),d=l(55713),n=function(e){var m=e.url;return a.createElement(d.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-badge",name:"terra-badge",version:"3.61.0",url:m})}},25642:function(e,m,l){l.r(m),m.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/27159-6531b3e1e4787659f988.css b/pull/4102/27159-6531b3e1e4787659f988.css new file mode 100644 index 00000000000..6ca27b0f610 --- /dev/null +++ b/pull/4102/27159-6531b3e1e4787659f988.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Whitespace-module__whitespace___DPfQS{display:block;min-height:0}[dir] .Whitespace-module__whitespace___DPfQS{margin:0;padding:0}.Whitespace-module__newline-1___bKmlz{height:1.4285714286em}.Whitespace-module__newline-2___bmmzw{height:2.8571428572em}.Whitespace-module__newline-3___ORV3M{height:4.2857142858em}.Whitespace-module__newline-4___g7otO{height:5.7142857144em}.Whitespace-module__newline-5___sOge\+{height:7.142857143em}.Whitespace-module__newline-6___rHqfU{height:8.5714285716em}.Whitespace-module__newline-7___iiRm7{height:10.0000000002em}.Whitespace-module__newline-8___nGGTR{height:11.4285714288em} +.Toggle-module__toggle___7fo88[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7fo88[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7fo88[aria-hidden=false]{transition-delay:0s} +[data-show-focus-styles=false]:focus{outline:none}[data-show-focus-styles=true]:focus{outline:2px dashed #000;outline-offset:2px} diff --git a/pull/4102/27159-6531b3e1e4787659f988.js b/pull/4102/27159-6531b3e1e4787659f988.js new file mode 100644 index 00000000000..4c1f5ce18ed --- /dev/null +++ b/pull/4102/27159-6531b3e1e4787659f988.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27159],{20073:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});n(96540);var a=n(36665),r=n(68523),o=n(36598),l=n(19448),i=n(77382),s=n(67356),u=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={},p="wrapper";function h(e){var t=e.components,n=m(e,u);return(0,a.mdx)(p,d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-toggle-accessibility-guide"},"Terra Toggle Accessibility Guide"),(0,a.mdx)("h2",{id:"why-the-accessibility-of-toggle-is-important"},"Why the Accessibility of Toggle is important"),(0,a.mdx)("p",null,"Terra Toggle is a component that hides and progressively discloses new content. If it is not implemented in a way that meets the accessibility criteria, it can be rendered useless to some users preventing them from accessing or understanding the content."),(0,a.mdx)(l.A,{mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Ensure all interactive elements within Terra Toggle have a meaningful label",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"The Toggle button provides more information about a “thing”. Ensure the Toggle is programmatically associated with the “thing” it provides more information about.")))),(0,a.mdx)(l.A,{mdxType:"Whitespace"}),(0,a.mdx)(s.A,{mdxType:"TogglePatient"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"}," const TogglePatient = () => {\n const [isOpen, setIsOpen] = useState(false);\n const [focused, setFocus] = useState(true);\n const handleOnClick = () => {\n setIsOpen(!isOpen);\n };\n const handleOnKeyDown = (event) => {\n if (event.nativeEvent.keyCode === KEY_TAB) {\n setFocus(true);\n }\n if (event.nativeEvent.keyCode === KEY_SPACE || event.nativeEvent.keyCode === KEY_RETURN) {\n setIsOpen(!isOpen);\n event.preventDefault();\n }\n };\n\n return (\n
\n \n \n \n \n
\n );\n };\n")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},'For instance, a Toggle next to the words "Lab Results" is used to provide more information about a patient\'s lab results should be programmatically associated with and close to the patient\'s name and the words "Lab Results".')),(0,a.mdx)(l.A,{mdxType:"Whitespace"}),(0,a.mdx)(i.A,{mdxType:"ToggleLabResults"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"}," const ToggleLabResults = () => {\n const [isOpen, setIsOpen] = useState(false);\n const [focused, setFocus] = useState(true);\n const handleOnClick = () => {\n setIsOpen(!isOpen);\n };\n const handleOnKeyDown = (event) => {\n if (event.nativeEvent.keyCode === KEY_TAB) {\n setFocus(true);\n }\n if (event.nativeEvent.keyCode === KEY_SPACE || event.nativeEvent.keyCode === KEY_RETURN) {\n setIsOpen(!isOpen);\n event.preventDefault();\n }\n };\n\n return (\n
\n \n \n \n \n
\n );\n };\n")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Meaningful icons are icons that convey information to the user. Ensure all Meaningful icons have an alternate text or content provided through ",(0,a.mdx)("inlineCode",{parentName:"li"},"a11yLabel")," prop."),(0,a.mdx)("li",{parentName:"ul"},"Work with the content creators to understand details before writing code.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Understand how the Toggle and its content will resize and reflow based on user settings, resizing the viewport, or user zooming into the content."),(0,a.mdx)("li",{parentName:"ul"},"Understand the user's logical reading order and ensure code order follows it."))),(0,a.mdx)("li",{parentName:"ul"},"Ensure the toggle and any other interactive elements within the Toggle content can be accessed, interacted with, and activated using only the keyboard.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Ensure each interactive element has a visible keyboard focus."),(0,a.mdx)("li",{parentName:"ul"},"Ensure Toggle does not cause a keyboard trap."))),(0,a.mdx)("li",{parentName:"ul"},"Do not override the implicit or explicit role of the Toggle."))),(0,a.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Ensure all interactive elements have descriptive labels that describe their purpose.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"The Toggle button provides more information about a “thing”. Convey to the engineer the text on the page that further describes the purpose of the Toggle so the Toggle may be programmatically associated with the text on the page.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Ensure the Toggle is placed near the text to help users understand the visual relationship."),(0,a.mdx)("li",{parentName:"ul"},'For instance, a Toggle next to the words "Lab Results" is used to provide more information about a patient\'s lab results should be programmatically associated with and close to the patient\'s name and the words "Lab Results".'))),(0,a.mdx)("li",{parentName:"ul"},"For each interactive element within Terra Toggle, provide the engineers with a meaningful label."),(0,a.mdx)("li",{parentName:"ul"},"Ensure each interactive element label is unique to the page.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"If multiple elements with the same name are used, they must perform the same exact function (e.g., download the same file)."),(0,a.mdx)("li",{parentName:"ul"},"Or it must be programmatically associated with other visible and related content on the page that can help users understand the purpose of elements."))))),(0,a.mdx)("li",{parentName:"ul"},"If the label is text, the visible text must match the programmatic label."),(0,a.mdx)("li",{parentName:"ul"},"All icons used within interactive elements that convey meaning must have an accessible name (alternate content).",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents."),(0,a.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product."),(0,a.mdx)("li",{parentName:"ul"},"Icons must be used to represent the same function consistently (don’t use multiple icons for the same functionality)"))),(0,a.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does NOT convey any meaning) within a button must be marked as decorative."),(0,a.mdx)("li",{parentName:"ul"},"Consider how content will adjust to resizing text or reflowing content at different viewpoints. Users may have settings that change the font size, style, or other text attributes. They may also resize a window or zoom into the content. All these things can cause content to resize or reflow, and when it does, content must not overlap, be cut off, or become unusable."),(0,a.mdx)("li",{parentName:"ul"},"Ensure all content is perceivable by meeting all the color requirements.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Ensure color is not used as the only way to convey information."),(0,a.mdx)("li",{parentName:"ul"},"Ensure all text and non-text graphics meet the appropriate color contrast requirements. See ",(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum"},"1.4.3 Contrast (Minimum)")," and ",(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast"},"1.4.11 Non-Text Contrast")," for more information."))),(0,a.mdx)("li",{parentName:"ul"},"After development, ensure the Toggle and its content is keyboard accessible and works as expected.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Ensure the Toggle button has a visible keyboard focus when accessed using the keyboard."),(0,a.mdx)("li",{parentName:"ul"},"Ensure the Toggle does not cause a keyboard trap.")))),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,a.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Users expect to activate the Toggle control do show or hide content on activation.")),(0,a.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,a.mdx)("th",{parentName:"tr",align:null},"Expectation"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("em",{parentName:"td"},"Tab")),(0,a.mdx)("td",{parentName:"tr",align:null},"On to or off of the Toggle button")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("em",{parentName:"td"},"Enter/Return/Spacebar")),(0,a.mdx)("td",{parentName:"tr",align:null},"With Toggle button in focus, shows or hides the extra content")))),(0,a.mdx)("h2",{id:"concerns-and-hazards"},"Concerns and Hazards"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"No Concerns and Hazards")),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("h3",{id:"how-does-toggle-support-compliance"},"How does Toggle support compliance?"),(0,a.mdx)("p",null,"[Insert General blurb used on other accessibility guides]","\nTerra is committed to ensuring its components provide the maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible."),(0,a.mdx)("p",null,"The final responsibility lies with the consumers of Terra components — ensuring proper usage, the programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,a.mdx)("h3",{id:"primary-accessibility-criteria-for-toggle"},"Primary accessibility criteria for Toggle"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-content"},"1.1.1 Non-text Content")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"default alternate content for the icon."),(0,a.mdx)("li",{parentName:"ul"},"CHECK TO MAKE SURE HOW IMPLEMENTED ENGINEER AND CONTENT CREATOR DOES NOTHING - ALT CONTENT SHOULD BE PROVIDED BY TERRA."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships"},"1.3.1 Info and Relationships")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must associate the Toggle with other related content on the page. The toggle should be near the item it is associated with."),(0,a.mdx)("li",{parentName:"ul"},'Content creators must ensure the Toggle is visually close to another element that helps describe the toggle\'s purpose. For instance, Toggle next to the words "Lab Results" that is used to provide more information about a patient\'s lab results should be programmatically associated with and close to the patient\'s name and the words "Lab Results". '))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence"},"1.3.2 Meaningful Sequence")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to be presented in the order in which they are coded."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that content is coded in the user's logical reading order and preserves meaning."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must convey to engineers any content order that."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow"},"1.4.10 Reflow")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure content within Terra toggle can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or causing a loss of information or functionality."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra toggle and provide engineers guidance on how Terra Toggle content should reflow and resize when the viewport is resized to 320 x 256 px."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast"},"1.4.11 Non-Text Contrast")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Toggle includes an icon that, by default, meets the non-text color contrast requirements."),(0,a.mdx)("li",{parentName:"ul"},"If the default icon color of the Toggle is changed or other graphics are inserted into the Toggle content area, Engineers must work with content creators to implement non-text content (image or icon) colors to meet the 3:1 color contrast ratio."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any graphical elements used within the toggle that conveys information meets a 3:1 color contrast ratio."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum"},"1.4.3 Contrast (Minimum)")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra toggle provides components that, by default, meet color contrast requirements."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement toggle so that toggle text (visual label) color and the background color meet appropriate color contrast ratios."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that the toggle text color meets the appropriate contrast ratio against background color(s) based on the text size of the visual label text. Contrast ratios should be above 4.5:1 for normal text and 3:1 for bold and large text."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard"},"2.1.1 Keyboard")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra ensures that Terra Toggle supports basic keyboard functionality."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure Toggle is keyboard accessible and does not override any basic keyboard functionality."),(0,a.mdx)("li",{parentName:"ul"},"Ensure all content can be accessed, interacted with, and acted upon using only the keyboard."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order"},"2.4.3 Focus Order")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Toggle will natively receive focus in the order it is coded."),(0,a.mdx)("li",{parentName:"ul"},"Engineers code content in the user's logical reading order. Engineers must never set a TABINDEX of greater than zero."),(0,a.mdx)("li",{parentName:"ul"},"Content creators ensure that engineers understand the user's logical reading."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels"},"2.4.6 Headings and Labels")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability to create labels that are descriptive of their purpose."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must associate the Toggle with related information on the page programmatically."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must convey to the engineers what other content on the page Toggle is related to."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible"},"2.4.7 Focus Visible")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Ensures Terra toggle receives visual focus"),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that visible focus is maintained for all Toggle elements."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must not remove the visible focus when Terra Toggle receives focus."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/label-in-name"},"2.5.3 Label in Name")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for programmatic labels to match visual labels."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic label matches the visible label."),(0,a.mdx)("li",{parentName:"ul"},"Provide the engineer with the toggle text (the visual label), which must be unique and describe the purpose of the toggle so it can be understood by the user out of context."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification"},"3.2.4 Consistent Identification")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the default alternate content for the icon so that all Toggle elements will be consistently named."),(0,a.mdx)("li",{parentName:"ul"},"CHECK TO MAKE SURE HOW IMPLEMENTED ENGINEER AND CONTENT CREATOR DOES NOTHING - ALT CONTENT SHOULD BE PROVIDED BY TERRA."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/parsing"},"4.1.1 Parsing")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components are tested and validated before release to ensure proper parsing of code."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure this criterion is met."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value"},"4.1.2 Name, Role, Value")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for Name, Role, and Value attributes to be programmatically determined for screen readers to communicate with the user effectively."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must not override the implicit or explicit of Terra Toggle when implementing."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with a unique and meaningful name is provided for the toggle that communicates what users can expect from activating it.")))),(0,a.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-terra-toggle"},"Related accessibility criteria that apply when adding content to Terra Toggle"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/orientation"},"1.3.4 Orientation")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components operate regardless of orientation."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure components operate independently of orientation."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure components operate independently of orientation."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/use-of-color"},"1.4.1 Use of Color")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra ensures that the color alone is not used to convey meaningful information to the users."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that color is not used as the only medium to convey meaningful information."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must not use color as the only method to convey information."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/text-spacing"},"1.4.12 Text Spacing")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra supports altering multiple CSS attributes without loss of function or information."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure content is implemented in code in a way that supports altering multiple CSS attributes without loss of function or information."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must consider how altering user settings can change CSS attributes of text within Terra Toggle. Must inform engineers how content should react when text spacing attributes are altered to ensure content does not overlap, get cut off, or become unusable."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/resize-text"},"1.4.4 Resize text")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for text to be resized and zoomed without loss of information or function."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure content other than captions and images of text can be up to 200 percent without loss of content or functionality."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must consider how content will resize if zoomed up to 200% and ensure designs account for possible zooming of text without causing loss of content or functionality."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/images-of-text"},"1.4.5 Images of Text")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra toggle uses SVG images by default"),(0,a.mdx)("li",{parentName:"ul"},"Content creators should not use images of text unless they are scalable vector graphics (SVG) that can enlarge and reduce without losing detail."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap"},"2.1.2 No Keyboard Trap")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability to focus in and out of components without causing a keyboard trap."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure no keyboard traps are introduced into code. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that the toggle does not cause any keyboard trap "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/three-flashes-or-below-threshold"},"2.3.1 Three Flashes or Below Threshold")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components contain no flashing or flickering that would cause seizures or migraines."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure the product contains no flashing or flickering that would cause seizures or migraines. Any flashing or flickering must be below the threshold rate/time limit."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must not implement content that flashes or flickers."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation"},"2.5.2 Pointer Cancellation")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Toggle, by default, uses the up event to perform actions."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure action is always taken on the up event."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/motion-actuation"},"2.5.4 Motion Actuation")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components, by default, do not provide motion-based functionality."),(0,a.mdx)("li",{parentName:"ul"},"If motion-based functionality is implemented, consuming teams would be responsible to ensure this requirement is met."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts"},"3.1.2 Language of Parts")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra does not support the ability for engineers to assign the appropriate LANG attribute value to parts of a page. Where different from the page."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-input"},"3.2.2 On Input")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components do not cause a change of context on input."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that nothing unexpected happens when interactive elements receive input."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that the toggle should not cause any change on activation. "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/status-messages"},"4.1.3 Status Messages")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra toggle should provide the user context of the Toggle state when it changes."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure their code does not interfere with Toggle state messages")))),(0,a.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"NVDA not tested (PC)"),(0,a.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology"),(0,a.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,a.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"},"1.W3C WAI Aria: Disclosure (Show/Hide)")))}h.isMDXComponent=!0},36598:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),r=n(55713),o=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle",name:"terra-toggle",version:"3.63.0",url:t})}},19448:function(e,t,n){t.A=void 0;var a=u(n(96540)),r=u(n(5556)),o=u(n(46942)),l=u(n(67967)),i=u(n(71969)),s=["newline"];function u(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)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=l.default.bind(i.default),p={newline:r.default.oneOf([1,2,3,4,5,6,7,8])},h=function(e){var t=e.newline,n=m(e,s),r=(0,o.default)(c("whitespace","newline-".concat(t)),n.className);return a.default.createElement("div",d({},n,{className:r,"aria-hidden":"true"}))};h.propTypes=p,h.defaultProps={newline:1};t.A=h},77382:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.A=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(r,l,i):r[l]=e[l]}return r.default=e,n&&n.set(e,r),r}(n(96540)),o=u(n(97742)),l=n(78513),i=n(25966);n(35404);var s=u(n(49400));function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,l,i=[],s=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=o.call(n)).done)&&(i.push(a.value),i.length!==t);s=!0);}catch(e){u=!0,r=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw r}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);ne.length)&&(t=e.length);for(var n=0,a=new Array(t);n=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=o.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},g=function(e){var t=e.children,n=m(e,s),r=a.default.useContext(l.default),i=(0,o.default)(c(["button",r.className]),n.className);return a.default.createElement("button",d({},n,{type:"button",className:i,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},18875:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(96540)),r=s(n(5556)),o=s(n(67967)),l=s(n(52103)),i=s(n(38616));function s(e){return e&&e.__esModule?e:{default:e}}var u=o.default.bind(i.default),d={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},m=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,o=a.default.useContext(l.default);return a.default.createElement("div",{className:u("notice",n,o.className)},a.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:u("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:u("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:u("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};m.propTypes=d,m.defaultProps={ariaLevel:"2",variant:"important"};t.default=m},60934:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),o=d(n(46942)),l=d(n(67967)),i=d(n(52103)),s=d(n(27683)),u=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=l.default.bind(s.default),h={title:r.default.string},f=function(e){var t=e.title,n=c(e,u),r=a.default.useContext(i.default),l=(0,o.default)(p(["placeholder",r.className]),n.className),s=p(["inner"]);return a.default.createElement("div",m({},n,{className:l}),a.default.createElement("div",{className:s},a.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},68523:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=l(n(18875)),r=l(n(60934)),o=l(n(91563));function l(e){return e&&e.__esModule?e:{default:e}}},97742:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),o=u(n(67967)),l=u(n(56650)),i=u(n(76835)),s=["isAnimated","isOpen","children"];function u(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)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=o.default.bind(i.default),p={children:r.default.node.isRequired,isAnimated:r.default.bool,isOpen:r.default.bool},h=function(e){var t,n=e.isAnimated,r=e.isOpen,o=e.children,i=m(e,s),u=r?"auto":0;return t=n?a.default.createElement(l.default,{duration:250,height:u,easing:"ease-out"},o):r&&o,a.default.createElement("div",d({},i,{className:c("toggle",i.className),"aria-hidden":!r}),t)};h.propTypes=p,h.defaultProps={isAnimated:!1,isOpen:!1};t.default=h},71969:function(e,t,n){n.r(t),t.default={whitespace:"Whitespace-module__whitespace___DPfQS","newline-1":"Whitespace-module__newline-1___bKmlz","newline-2":"Whitespace-module__newline-2___bmmzw","newline-3":"Whitespace-module__newline-3___ORV3M","newline-4":"Whitespace-module__newline-4___g7otO","newline-5":"Whitespace-module__newline-5___sOge+","newline-6":"Whitespace-module__newline-6___rHqfU","newline-7":"Whitespace-module__newline-7___iiRm7","newline-8":"Whitespace-module__newline-8___nGGTR"}},35404:function(e,t,n){n.r(t),t.default={}},43840:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___mWSPm","orion-fusion-theme":"Button-module__orion-fusion-theme___nj7k4",button:"Button-module__button___r5O1Q","is-active":"Button-module__is-active___CVWJw"}},38616:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___J4EGN","orion-fusion-theme":"Notice-module__orion-fusion-theme___1W9PK",notice:"Notice-module__notice___8kOwf",children:"Notice-module__children___cF5Rb",accessory:"Notice-module__accessory___h3l7H",title:"Notice-module__title___PeXjO","ux-recommendation":"Notice-module__ux-recommendation___tJWAL",caution:"Notice-module__caution___STLbH",deprecation:"Notice-module__deprecation___rWWLq",maintenance:"Notice-module__maintenance___o2AK1",important:"Notice-module__important___WpELD","not-supported":"Notice-module__not-supported___eAx6o",paragraph:"Notice-module__paragraph___BwEGe",list:"Notice-module__list___kOyCE"}},27683:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___rMAZk","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___78cuG",placeholder:"Placeholder-module__placeholder___FPYJB",inner:"Placeholder-module__inner___-U1IZ",title:"Placeholder-module__title___lsXDJ"}},76835:function(e,t,n){n.r(t),t.default={toggle:"Toggle-module__toggle___7fo88"}}}]); \ No newline at end of file diff --git a/pull/4102/2718-d18baf27f217709a951e.css b/pull/4102/2718-d18baf27f217709a951e.css new file mode 100644 index 00000000000..6f948dd18a4 --- /dev/null +++ b/pull/4102/2718-d18baf27f217709a951e.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___2\+uSg{--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___BNJE\+{--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___CHQ2i{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___CHQ2i{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___CHQ2i{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___CHQ2i{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___CHQ2i:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___CHQ2i: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___CHQ2i[required]{box-shadow:none}.Input-module__form-input___CHQ2i[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___CHQ2i[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___CHQ2i:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___CHQ2i: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___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___0OFqM{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___0OFqM: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___0OFqM[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___0OFqM[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___0OFqM[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___0OFqM: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___0OFqM: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___0OFqM: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___W7v5s{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .Input-test-module__content-wrapper___N2IYI{margin:10px}.Input-test-module__content-wrapper___N2IYI>label{display:block}[dir] .Input-test-module__programmatic-button___S\+\+Ze{margin-top:4px} diff --git a/pull/4102/2718-d18baf27f217709a951e.js b/pull/4102/2718-d18baf27f217709a951e.js new file mode 100644 index 00000000000..eaa7595e0a2 --- /dev/null +++ b/pull/4102/2718-d18baf27f217709a951e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[2718],{1730:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(a(96540)),u=o(a(67967)),n=o(a(11475)),l=o(a(25944));function o(e){return e&&e.__esModule?e:{default:e}}var d=u.default.bind(l.default);t.default=function(){return r.default.createElement("div",{className:d("content-wrapper")},r.default.createElement(n.default,{id:"form-input-default",ariaLabel:"label"}))}},25944:function(e,t,a){a.r(t),t.default={"content-wrapper":"Input-test-module__content-wrapper___N2IYI","programmatic-button":"Input-test-module__programmatic-button___S++Ze"}}}]); \ No newline at end of file diff --git a/pull/4102/2730-575fcf0991fd7093c35d.css b/pull/4102/2730-575fcf0991fd7093c35d.css new file mode 100644 index 00000000000..a6988d725b0 --- /dev/null +++ b/pull/4102/2730-575fcf0991fd7093c35d.css @@ -0,0 +1 @@ +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} diff --git a/pull/4102/2730-575fcf0991fd7093c35d.js b/pull/4102/2730-575fcf0991fd7093c35d.js new file mode 100644 index 00000000000..0edc02cb2fc --- /dev/null +++ b/pull/4102/2730-575fcf0991fd7093c35d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[2730],{2730: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 l,a=(l=r(96540))&&l.__esModule?l:{default:l},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=u(t);if(r&&r.has(e))return r.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(l,o,d):l[o]=e[o]}return l.default=e,r&&r.set(e,l),l}(r(17568));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(u=function(e){return e?r:t})(e)}t.default=function(){return a.default.createElement(o.default,null,a.default.createElement(o.Header,null,a.default.createElement(o.HeaderCell,{key:"NAME"},"Name"),a.default.createElement(o.HeaderCell,{key:"ADDRESS"},"Address"),a.default.createElement(o.HeaderCell,{key:"PHONE_NUMBER"},"Phone Number")),a.default.createElement(o.Body,{className:"TableRows"}))}},17212:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(r(96540)),l=i(r(5556)),a=i(r(46942)),o=i(r(67967)),u=i(r(52103)),d=i(r(19677)),f=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var s=o.default.bind(d.default),y={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,r=e.disableStripes,l=e.paddingStyle,o=p(e,f),d=n.default.useContext(u.default),i=(0,a.default)(s("table",{striped:!r},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return n.default.createElement("table",c({},o,{className:i}),t)};b.propTypes=y,b.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=b},15460:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},f=function(e){var t=e.children,r=u(e,a);return n.default.createElement("tbody",r,t)};f.propTypes=d,f.defaultProps={children:[]};t.default=f},59584:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},f=function(e){var t=e.children,r=u(e,a);return n.default.createElement("td",r,t)};f.propTypes=d,f.defaultProps={children:[]};t.default=f},14281:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(r(96540)),l=u(r(5556)),a=u(r(93623)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var f={children:l.default.node},i=function(e){var t=e.children,r=d(e,o);return n.default.createElement("thead",r,n.default.createElement("tr",null,a.default.addScope(t,"col")))};i.propTypes=f,i.defaultProps={children:[]};t.default=i},93401:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},f=function(e){var t=e.children,r=u(e,a);return n.default.createElement("th",r,t)};f.propTypes=d,f.defaultProps={children:[]};t.default=f},96646:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=f(r(96540)),l=f(r(5556)),a=f(r(67967)),o=f(r(19677)),u=f(r(93623)),d=["children"];function f(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)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var p=a.default.bind(o.default),s={children:l.default.node},y=function(e){var t=e.children,r=c(e,d),l=p(["row"]);return n.default.createElement("tr",i({},r,{className:r.className?"".concat(l," ").concat(r.className):l}),u.default.addScope(t,"row"))};y.propTypes=s,y.defaultProps={children:[]};t.default=y},93623:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=r(96540))&&n.__esModule?n:{default:n};var a={addScope:function(e,t){var r=[];return l.default.Children.forEach(e,(function(e){r.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),r}};t.default=a},17568:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var n=f(r(17212)),l=f(r(15460)),a=f(r(96646)),o=f(r(59584)),u=f(r(14281)),d=f(r(93401));function f(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},19677:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/27414-dbada17bd393bce250d9.css b/pull/4102/27414-dbada17bd393bce250d9.css new file mode 100644 index 00000000000..411b0afc711 --- /dev/null +++ b/pull/4102/27414-dbada17bd393bce250d9.css @@ -0,0 +1 @@ +.CenteredActionFooter-module__centered-action-footer___gPQff{align-items:center;display:flex;flex-flow:row wrap;justify-content:center} diff --git a/pull/4102/27414-dbada17bd393bce250d9.js b/pull/4102/27414-dbada17bd393bce250d9.js new file mode 100644 index 00000000000..46e98856d65 --- /dev/null +++ b/pull/4102/27414-dbada17bd393bce250d9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27414],{71789:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(96540)),o=c(r(5556)),u=c(r(67967)),a=c(r(42058)),f=c(r(60798)),l=["center"];function c(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;r[n]=e[n]}return r}(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}var s=u.default.bind(f.default),p={center:o.default.node},b={center:void 0},v=function(e){var t=e.center,r=d(e,l),o=s(["centered-action-footer",r.className]);return n.default.createElement(a.default,i({},r,{className:o}),t)};v.propTypes=p,v.defaultProps=b;t.default=v},27414:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(r(96540)),o=u(r(71789));function u(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return n.default.createElement(o.default,null)}},60798:function(e,t,r){r.r(t),t.default={"centered-action-footer":"CenteredActionFooter-module__centered-action-footer___gPQff"}}}]); \ No newline at end of file diff --git a/pull/4102/27422-2dfe27de1734d82bb5d4.css b/pull/4102/27422-2dfe27de1734d82bb5d4.css new file mode 100644 index 00000000000..224a2690e0d --- /dev/null +++ b/pull/4102/27422-2dfe27de1734d82bb5d4.css @@ -0,0 +1,2 @@ +.Textarea-module__clinical-lowlight-theme___25VEx{--terra-form-textarea-background-color: #222a2e;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: auto;--terra-form-textarea-border-color: #181b1d;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #b2b5b6;--terra-form-textarea-font-size: 1.143rem;--terra-form-textarea-line-height: 1.25;--terra-form-textarea-padding-bottom: 0.286rem;--terra-form-textarea-padding-left: 0.286rem;--terra-form-textarea-padding-right: 0.286rem;--terra-form-textarea-padding-top: 0.286rem;--terra-form-textarea-hover-background-color: #222a2e;--terra-form-textarea-hover-border-color: #181b1d;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #b2b5b6;--terra-form-textarea-focus-background-size: auto;--terra-form-textarea-focus-border-color: #181b1d;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #222a2e;--terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-focus-color: #b2b5b6;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0.2s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-disabled-background-color: #1d2529;--terra-form-textarea-disabled-border-color: #24282b;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #404344;--terra-form-textarea-disabled-opacity: 0.25;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #222a2e;--terra-form-textarea-error-border-color: #181b1d;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #222a2e;--terra-form-textarea-error-hover-border-color: #181b1d;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #b2b5b6;--terra-form-textarea-error-focus-background-size: auto;--terra-form-textarea-error-focus-background-color: #222a2e;--terra-form-textarea-error-focus-border-color: #181b1d;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-error-focus-color: #b2b5b6;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-disabled-background-color: #1d2529;--terra-form-textarea-error-disabled-border-color: #24282b;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #404344;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #464232;--terra-form-textarea-incomplete-hover-background-color: #464232;--terra-form-textarea-incomplete-disabled-background-color: #464232;--terra-form-textarea-incomplete-focus-background-color: #464232}.Textarea-module__orion-fusion-theme___-ALn1{--terra-form-textarea-background-color: #fff;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: 0 0;--terra-form-textarea-border-color: #dedfe0;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #1c1f21;--terra-form-textarea-font-size: 1rem;--terra-form-textarea-line-height: 1.416667;--terra-form-textarea-padding-bottom: 0.25rem;--terra-form-textarea-padding-left: 0.25rem;--terra-form-textarea-padding-right: 0.25rem;--terra-form-textarea-padding-top: 0.25rem;--terra-form-textarea-hover-background-color: #fff;--terra-form-textarea-hover-border-color: #dedfe0;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #1c1f21;--terra-form-textarea-focus-background-size: 0 0;--terra-form-textarea-focus-border-color: #4cb2e9;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #fff;--terra-form-textarea-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-color: #1c1f21;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-disabled-background-color: #f4f4f4;--terra-form-textarea-disabled-border-color: #b2b5b6;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #9b9fa1;--terra-form-textarea-disabled-opacity: 1;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #fff;--terra-form-textarea-error-border-color: #dedfe0;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: none;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #fff;--terra-form-textarea-error-hover-border-color: #dedfe0;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #1c1f21;--terra-form-textarea-error-focus-background-size: 0 0;--terra-form-textarea-error-focus-background-color: #fff;--terra-form-textarea-error-focus-border-color: #dedfe0;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-color: #1c1f21;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-disabled-background-color: #f4f4f4;--terra-form-textarea-error-disabled-border-color: #b2b5b6;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #9b9fa1;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #fefd9a;--terra-form-textarea-incomplete-hover-background-color: #fefd9a;--terra-form-textarea-incomplete-focus-background-color: #fefd9a;--terra-form-textarea-incomplete-disabled-background-color: #f4f4f4}.Textarea-module__textarea___T-1-2{color:#000;color:var(--terra-form-textarea-color, #000);font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-textarea-font-size, 1.143rem);line-height:1.25;line-height:var(--terra-form-textarea-line-height, 1.25);max-width:100%;opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);width:100%}[dir] .Textarea-module__textarea___T-1-2{background-color:#fff;background-color:var(--terra-form-textarea-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-textarea-background-size, 0 0);border-color:#dedfe0;border-color:var(--terra-form-textarea-border-color, #dedfe0);border-radius:3px;border-radius:var(--terra-form-textarea-border-radius, 3px);border-style:solid;border-style:var(--terra-form-textarea-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-border-width, 1px);cursor:auto;padding-bottom:0.286rem;padding-bottom:var(--terra-form-textarea-padding-bottom, 0.286rem);padding-top:0.286rem;padding-top:var(--terra-form-textarea-padding-top, 0.286rem);transition-duration:0.2s;transition-duration:var(--terra-form-textarea-focus-transition-duration, 0.2s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-textarea-focus-transition-timing-function, ease)}[dir=ltr] .Textarea-module__textarea___T-1-2{background-position:0 100%;padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-left, 0.286rem);padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-right, 0.286rem)}[dir=rtl] .Textarea-module__textarea___T-1-2{background-position:100% 100%;padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-left, 0.286rem);padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-right, 0.286rem)}.Textarea-module__textarea___T-1-2:hover{color:var(--terra-form-textarea-hover-color)}[dir] .Textarea-module__textarea___T-1-2:hover{background-color:var(--terra-form-textarea-hover-background-color);border-color:#dedfe0;border-color:var(--terra-form-textarea-hover-border-color, #dedfe0);border-style:solid;border-style:var(--terra-form-textarea-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-hover-border-width, 1px)}[dir] .Textarea-module__textarea___T-1-2[required]{box-shadow:unset}.Textarea-module__textarea___T-1-2[disabled]{color:#1c1f21;color:var(--terra-form-textarea-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-disabled-opacity, 0.25);pointer-events:none;resize:none}[dir] .Textarea-module__textarea___T-1-2[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#868a8c;border-color:var(--terra-form-textarea-disabled-border-color, #868a8c);border-style:solid;border-style:var(--terra-form-textarea-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-disabled-border-width, 1px);cursor:default}.Textarea-module__textarea___T-1-2:focus{color:#000;color:var(--terra-form-textarea-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);outline:none}[dir] .Textarea-module__textarea___T-1-2:focus{background-color:var(--terra-form-textarea-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-textarea-focus-border-color, #4cb2e9);border-style:solid;border-style:var(--terra-form-textarea-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-focus-border-width, 1px);box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-box-shadow, 0 0 8px #a6d9f4)}[dir=ltr] .Textarea-module__textarea___T-1-2:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-ltr-box-shadow, 0 0 8px #a6d9f4)}[dir=rtl] .Textarea-module__textarea___T-1-2:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-rtl-box-shadow, 0 0 8px #a6d9f4)}.Textarea-module__full-size___aj6q3{height:100%;resize:none;width:100%}.Textarea-module__no-resize___s9wkM{resize:none}.Textarea-module__resizable___S2iWE{box-sizing:padding-box;overflow:hidden}.Textarea-module__form-error___X3ATU{opacity:1;opacity:var(--terra-form-textarea-error-opacity, 1)}[dir] .Textarea-module__form-error___X3ATU{background-color:#fff;background-color:var(--terra-form-textarea-error-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-error-background-image, none);border-color:#e50000;border-color:var(--terra-form-textarea-error-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___X3ATU:hover{color:var(--terra-form-textarea-error-hover-color)}[dir] .Textarea-module__form-error___X3ATU:hover{background-color:var(--terra-form-textarea-error-hover-background-color);border-color:#e50000;border-color:var(--terra-form-textarea-error-hover-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-hover-border-width, 1px)}.Textarea-module__form-error___X3ATU[disabled]{color:#1c1f21;color:var(--terra-form-textarea-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-error-disabled-opacity, 0.25)}[dir] .Textarea-module__form-error___X3ATU[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-error-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#e50000;border-color:var(--terra-form-textarea-error-disabled-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-disabled-border-width, 1px)}[dir] .Textarea-module__form-error___X3ATU[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___X3ATU:focus{color:#000;color:var(--terra-form-textarea-error-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-error-focus-opacity, 1)}[dir] .Textarea-module__form-error___X3ATU:focus{background-color:var(--terra-form-textarea-error-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-error-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-textarea-error-focus-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-focus-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Textarea-module__form-error___X3ATU:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Textarea-module__form-error___X3ATU:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Textarea-module__form-incomplete___F3t1X{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X:hover{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-hover-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X[disabled]{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-disabled-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X:focus{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-focus-background-color, #ffc)} +[dir] .Textarea-test-module__content-wrapper___z93xU{margin:10px} diff --git a/pull/4102/27422-2dfe27de1734d82bb5d4.js b/pull/4102/27422-2dfe27de1734d82bb5d4.js new file mode 100644 index 00000000000..be1df4af2c6 --- /dev/null +++ b/pull/4102/27422-2dfe27de1734d82bb5d4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27422],{50584:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(a(96540)),u=d(a(67967)),n=d(a(17491)),l=d(a(19110));function d(e){return e&&e.__esModule?e:{default:e}}var f=u.default.bind(l.default);t.default=function(){return r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(n.default,{ariaLabel:"label"}))}},17491:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"TextareaField",{enumerable:!0,get:function(){return u.default}}),t.default=void 0;var r=n(a(63261)),u=n(a(39057));function n(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},19110:function(e,t,a){a.r(t),t.default={"content-wrapper":"Textarea-test-module__content-wrapper___z93xU"}}}]); \ No newline at end of file diff --git a/pull/4102/27484-7f566afe60e4ea2c7fc9.css b/pull/4102/27484-7f566afe60e4ea2c7fc9.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/27484-7f566afe60e4ea2c7fc9.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/4102/27484-7f566afe60e4ea2c7fc9.js b/pull/4102/27484-7f566afe60e4ea2c7fc9.js new file mode 100644 index 00000000000..87482e8c2c7 --- /dev/null +++ b/pull/4102/27484-7f566afe60e4ea2c7fc9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27484],{55713:function(e,r,a){var t=a(24994);r.A=void 0;var n=t(a(96540)),o=t(a(5556)),d=t(a(67967)),i=t(a(25642)),s=d.default.bind(i.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var r=e.src,a=e.name,t=e.url,o=e.version,d=n.default.createElement("a",{className:s("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},n.default.createElement("span",{className:s("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:s("badge-version")},"v".concat(o))),i=r?n.default.createElement("a",{className:s("badge"),href:r},n.default.createElement("span",{className:s("badge-name")},"github"),n.default.createElement("span",{className:s("badge-version")},"source")):void 0;return n.default.createElement("div",{className:s("badge-container")},d,i)};u.propTypes=c;r.A=u},27484:function(e,r,a){a.r(r),a.d(r,{default:function(){return u}});a(96540);var t=a(36665),n=a(62105),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0)continue;a[t]=e[t]}return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var s={},c="wrapper";function u(e){var r=e.components,a=i(e,o);return(0,t.mdx)(c,d({},s,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-divider-upgrade-guide"},"Terra Divider Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}u.isMDXComponent=!0},62105:function(e,r,a){a.d(r,{E:function(){return o}});var t=a(96540),n=a(55713),o=function(e){var r=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-divider",name:"terra-divider",version:"3.41.0",url:r})}},25642:function(e,r,a){a.r(r),r.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/27607-e444775efbbc801a2699.css b/pull/4102/27607-e444775efbbc801a2699.css new file mode 100644 index 00000000000..0bacfcb0003 --- /dev/null +++ b/pull/4102/27607-e444775efbbc801a2699.css @@ -0,0 +1 @@ +[dir] .Heading-module__heading___hVNCG{margin:0}.Heading-module__italic___UBJcf{font-style:italic}.Heading-module__level-1___tlUDs{font-size:2.286rem}.Heading-module__level-2___qKMbC{font-size:1.714rem}.Heading-module__level-3___v7cG-{font-size:1.429rem}.Heading-module__level-4___jl\+xM{font-size:1.286rem}.Heading-module__level-5___x9Rpz{font-size:1.143rem}.Heading-module__level-6___ZzHFY{font-size:1rem}.Heading-module__size-huge___DpN3-{font-size:2.286rem}.Heading-module__size-large___ilzJw{font-size:1.714rem}.Heading-module__size-medium___SNQc5{font-size:1.429rem}.Heading-module__size-small___VFZjh{font-size:1.286rem}.Heading-module__size-tiny___JKH38{font-size:1.143rem}.Heading-module__size-mini___XGXdZ{font-size:1rem}.Heading-module__weight-200___BNjDD{font-weight:200}.Heading-module__weight-400___bdSJY{font-weight:400}.Heading-module__weight-700___NQoBX{font-weight:700}.Heading-module__visually-hidden___-QFkc{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Heading-module__visually-hidden___-QFkc{border:0;margin:-1px;padding:0} diff --git a/pull/4102/27607-e444775efbbc801a2699.js b/pull/4102/27607-e444775efbbc801a2699.js new file mode 100644 index 00000000000..405a242a160 --- /dev/null +++ b/pull/4102/27607-e444775efbbc801a2699.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27607],{27607:function(e,i,t){Object.defineProperty(i,"__esModule",{value:!0}),i.default=void 0;var l=r(t(96540)),n=r(t(8928));function r(e){return e&&e.__esModule?e:{default:e}}i.default=function(){return l.default.createElement(n.default,{id:"heading-default",level:1},"Default")}},8928:function(e,i,t){function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}Object.defineProperty(i,"__esModule",{value:!0}),i.default=i.HeadingWeight=i.HeadingSize=i.HeadingLevel=void 0;var n=d(t(96540)),r=d(t(5556)),o=d(t(67967)),a=d(t(66633)),u=["level","children","isVisuallyHidden","isItalic","size","weight","colorClass"];function d(e){return e&&e.__esModule?e:{default:e}}function _(){return _=Object.assign?Object.assign.bind():function(e){for(var i=1;i=0)continue;t[l]=e[l]}return t}(e,i);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var g=o.default.bind(a.default),m=(i.HeadingLevel={1:1,2:2,3:3,4:4,5:5,6:6},i.HeadingSize={MINI:"mini",TINY:"tiny",SMALL:"small",MEDIUM:"medium",LARGE:"large",HUGE:"huge"},i.HeadingWeight={200:200,400:400,700:700},{children:r.default.node.isRequired,level:r.default.oneOf([1,2,3,4,5,6]).isRequired,isItalic:r.default.bool,isVisuallyHidden:r.default.bool,size:r.default.oneOf(["mini","tiny","small","medium","large","huge"]),weight:r.default.oneOf([200,400,700]),colorClass:r.default.string}),y=function(e){var i=e.level,t=e.children,l=e.isVisuallyHidden,r=e.isItalic,o=e.size,a=e.weight,d=e.colorClass,m=function(e){for(var i=1;i:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___CeUWQ>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___CeUWQ>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___CeUWQ>:last-child{margin-left:0}[dir] .Alert-module__alert___EPG84{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___ni7J4{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___E5yyM{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___Oe\+h0{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___t0ujB{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___JtGfL{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___MOqcH{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___JFzGs{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___NnryQ{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___EPG84 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___ni7J4 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___0NACi{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___L9jja{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___5BEAR{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} diff --git a/pull/4102/27755-a831fa053158db693ff1.js b/pull/4102/27755-a831fa053158db693ff1.js new file mode 100644 index 00000000000..0e3251acf05 --- /dev/null +++ b/pull/4102/27755-a831fa053158db693ff1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27755],{77070:function(t,e,r){function n(t){return n="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},n(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=n(t)&&"function"!=typeof t)return{default:t};var r=l(e);if(r&&r.has(t))return r.get(t);var o={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&{}.hasOwnProperty.call(t,i)){var a=u?Object.getOwnPropertyDescriptor(t,i):null;a&&(a.get||a.set)?Object.defineProperty(o,i,a):o[i]=t[i]}return o.default=t,r&&r.set(t,o),o}(r(96540)),u=a(r(40890)),i=a(r(42104));function a(t){return t&&t.__esModule?t:{default:t}}function l(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(l=function(t){return t?r:e})(t)}function c(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,u,i,a=[],l=!0,c=!1;try{if(u=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=u.call(r)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return f(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return f(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function p(e){var t=e.components,n=u(e,i);return(0,r.mdx)("wrapper",d({},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 Image from \'terra-image\';\nimport placeholderPic150x150 from \'../assets/150x150.jpg\';\nimport placeholderPic1000x200 from \'../assets/1000x200.png\';\n\nconst ImageDefault = () => (\n
\n

Default

\n default image\n
\n

Circle

\n circle image\n
\n

Rounded

\n rounded image\n
\n

Thumbnail

\n thumbnail image\n
\n

Fluid

\n fluid image\n
\n

Placeholder

\n

Invalid src prop (placeholder will show)

\n {/* eslint-disable-next-line react/jsx-no-duplicate-props */}\n invalid src attribute image} />\n

Valid src prop (src will show)

\n src image} />\n
\n);\n\nexport default ImageDefault;\n\n')))}p.isMDXComponent=!0;var m=n(201),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Image Default",description:n,example:a.createElement(o.A,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=n(37753),y=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var b={};function v(e){var t=e.components,n=x(e,y);return(0,r.mdx)("wrapper",g({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport Image from 'terra-image';\nimport FitTypesWrapper from './common/FitTypesWrapper';\nimport styles from './ImageFitTypes.scss';\nimport exampleImage from '../assets/170x251.jpg';\n\nconst cx = classNames.bind(styles);\n\nconst propTypes = { fit: PropTypes.string, variant: PropTypes.string };\n\nconst ImageFitTypes = ({\n ...props\n}) => (\n
\n \"Toggle\n
\n);\n\nImageFitTypes.propTypes = propTypes;\nexport default FitTypesWrapper(ImageFitTypes);\n\n")))}v.isMDXComponent=!0;var h=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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 T={};function E(e){var t=e.components,n=O(e,h);return(0,r.mdx)("wrapper",_({},T,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .image-container {\n height: 150px;\n width: 150px;\n }\n \n .image {\n height: 100%;\n width: 100%;\n }\n}\n\n")))}E.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Image Fit Types",description:n,example:a.createElement(f.A,null),exampleCssSrc:a.createElement(E,null),exampleSrc:a.createElement(v,null),isExpanded:r})},j=n(80556),N=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var I={};function S(e){var t=e.components,n=C(e,N);return(0,r.mdx)("wrapper",P({},I,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport decorativeBar from '../assets/decorative-bar.png';\nimport crocus from '../assets/crocus.jpg';\n\nconst DecorativeImageBar = () => (\n
\n

Image used as part of page design.

\n

This image is used as a border in the page design and has a purely decorative purpose.

\n \n

Image as part of a text link.

\n

This illustration of a crocus bulb is used to make the link easier to identify and to increase the clickable area but doesn’t add to the information already provided in the adjacent link text (of the same anchor). In this case, alt value for the image would be `null` / `empty`.

\n \n Crocus bulbs\n
\n);\n\nexport default DecorativeImageBar;\n\n")))}S.isMDXComponent=!0;var D=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Decorative Image",description:n,example:a.createElement(j.A,null),exampleSrc:a.createElement(S,null),isExpanded:r})},R=n(47721),k=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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 q={};function F(e){var t=e.components,n=A(e,k);return(0,r.mdx)("wrapper",M({},q,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport matterhornImage from '../../../common/images/creative-commons/Matterhorn,_March_2019_(01)_150x150.jpg';\n\nconst matterhornAlternativeText = 'North-east face of the Matterhorn mountain peak and surrounding landscape covered in snow against a blue sky, located in the Swiss Apps near Zermatt, Switzerland';\n\nconst InformativeImage = () => (\n
\n

Information provided using Image.

\n {matterhornAlternativeText}\n

Matterhorn

\n
\n);\n\nexport default InformativeImage;\n\n")))}F.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Informative Image",description:n,example:a.createElement(R.A,null),exampleSrc:a.createElement(F,null),isExpanded:r})},H=n(12883),W=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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 X={},Y="wrapper";function L(e){var t=e.components,n=V(e,W);return(0,r.mdx)(Y,B({},X,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(H.Ay,{mdxType:"PropsTable"},(0,r.mdx)(H.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"src"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(H.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The source string for the image which will be loaded and displayed."))),(0,r.mdx)(H.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"variant"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'rounded'\n 'circle'\n 'thumbnail'\n],\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the style of the image from the following values; ",(0,r.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"rounded"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"circle"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"thumbnail"),"."))),(0,r.mdx)(H.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"isFluid"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the fluid behavior of the image, which is ",(0,r.mdx)("inlineCode",{parentName:"p"},"nonfluid")," by default."))),(0,r.mdx)(H.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"alt"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nThe text content that specifies an alternative text for an image.\n",(0,r.mdx)("inlineCode",{parentName:"p"},"alt")," prop helps to provide meaningfull context for images and should be used for creating informative images. For decorative images ",(0,r.mdx)("inlineCode",{parentName:"p"},"alt")," prop can be ignored.\nwhenever ",(0,r.mdx)("inlineCode",{parentName:"p"},"alt")," prop is empty OR not defined image will be marked as decorative by default and ignored by Assistive Tools."))),(0,r.mdx)(H.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"placeholder"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A React element which will be displayed during loading and in case of src load failure."))),(0,r.mdx)(H.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"height"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the height of the image."))),(0,r.mdx)(H.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"width"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the width of the image."))),(0,r.mdx)(H.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"onLoad"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function to be executed when the image load is successful."))),(0,r.mdx)(H.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"onError"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function to be executed when the image load errors."))),(0,r.mdx)(H.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"fit"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'cover'\n 'scale-down'\n 'fill'\n 'contain'\n 'none'\n],\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'fill'\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the ",(0,r.mdx)("inlineCode",{parentName:"p"},"object-fit")," style of the image from the following values; ",(0,r.mdx)("inlineCode",{parentName:"p"},"cover"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"contain"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"fill"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"scale-down"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"none"),".")))))}L.isMDXComponent=!0;var $=["components"];function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var G={},U="wrapper";function J(e){var t=e.components,n=K(e,$);return(0,r.mdx)(U,z({},G,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-image"},"Terra Image"),(0,r.mdx)("p",null,"The terra-image component provides styling for visual imagery."),(0,r.mdx)("h1",{id:"informative-image"},"Informative Image"),(0,r.mdx)("p",null,"Informative images are images that graphically represent concepts and information on a page. images are known as informative when they convey a concept or information of image with a short phrase or sentence."),(0,r.mdx)("p",null,"Images must have text alternatives described through ",(0,r.mdx)("inlineCode",{parentName:"p"},"alt")," prop which will provide the information or function represented by them. This will ensure that images are accessible for people with various disabilities."),(0,r.mdx)("p",null,"Images may be infomative when they are:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Used to label other information"),(0,r.mdx)("li",{parentName:"ul"},"Used to supplement other information"),(0,r.mdx)("li",{parentName:"ul"},"Conveying succinct information"),(0,r.mdx)("li",{parentName:"ul"},"Conveying an impression or emotion"),(0,r.mdx)("li",{parentName:"ul"},"Conveying file format")),(0,r.mdx)("h1",{id:"decorative-image"},"Decorative Image"),(0,r.mdx)("p",null,"Decorative images are images that don’t add information to the content of a page but instead support existing content or are used plainly for aesthetics. For example, it can be an image depicting adjacent text or to make the website more visually attractive."),(0,r.mdx)("p",null,"Decorative Image should be used only when the purpose of an image is to add visual interest to the page, rather than to convey information that is important to understanding the page."),(0,r.mdx)("p",null,"Images may be decorative when they are:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Visual styling such as borders, spacers, and corners."),(0,r.mdx)("li",{parentName:"ul"},"Supplementary to link text to improve its appearance or increase the clickable area."),(0,r.mdx)("li",{parentName:"ul"},"Illustrative of adjacent text but not contributing information (“eye-candy”)."),(0,r.mdx)("li",{parentName:"ul"},"Identified and described by surrounding text.")),(0,r.mdx)("p",null,'Provide a null text alternative (alt="") when the only purpose of an image is to add visual decoration to the page.'),(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-image"))))),(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 Image from 'terra-image';\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,{mdxType:"ImageDefault"}),(0,r.mdx)(w,{mdxType:"ImageFit"}),(0,r.mdx)(D,{mdxType:"DecorativeImage"}),(0,r.mdx)(Z,{mdxType:"InformativeImage"}),(0,r.mdx)("h2",{id:"image-props"},"Image Props"),(0,r.mdx)(L,{mdxType:"ImagePropsTable"}))}J.isMDXComponent=!0},56213:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),r=n(55713),l=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-image",name:"terra-image",version:"3.41.0",url:t})}},80556:function(e,t,n){t.A=void 0;var a=i(n(96540)),r=i(n(82232)),l=i(n(70288)),o=i(n(55503));function i(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return a.default.createElement("div",null,a.default.createElement("h2",null,"Image used as part of page design."),a.default.createElement("p",null,"This image is used as a border in the page design and has a purely decorative purpose."),a.default.createElement(r.default,{src:l.default}),a.default.createElement("h2",null,"Image as part of a text link."),a.default.createElement("p",null,"This illustration of a crocus bulb is used to make the link easier to identify and to increase the clickable area but doesn’t add to the information already provided in the adjacent link text (of the same anchor). In this case, alt value for the image would be `null` / `empty`."),a.default.createElement(r.default,{src:o.default}),a.default.createElement("a",{href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/image/about#examples"},a.default.createElement("span",null,"Crocus bulbs")))}},8148:function(e,t,n){t.A=void 0;var a=i(n(96540)),r=i(n(82232)),l=i(n(4904)),o=i(n(4695));function i(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return a.default.createElement("div",null,a.default.createElement("h2",null,"Default"),a.default.createElement(r.default,{src:l.default,alt:"default image"}),a.default.createElement("br",null),a.default.createElement("h2",null,"Circle"),a.default.createElement(r.default,{src:l.default,alt:"circle image",variant:"circle"}),a.default.createElement("br",null),a.default.createElement("h2",null,"Rounded"),a.default.createElement(r.default,{src:l.default,alt:"rounded image",variant:"rounded"}),a.default.createElement("br",null),a.default.createElement("h2",null,"Thumbnail"),a.default.createElement(r.default,{src:l.default,alt:"thumbnail image",variant:"thumbnail"}),a.default.createElement("br",null),a.default.createElement("h2",null,"Fluid"),a.default.createElement(r.default,{src:o.default,alt:"fluid image",isFluid:!0}),a.default.createElement("br",null),a.default.createElement("h2",null,"Placeholder"),a.default.createElement("h3",null,"Invalid src prop (placeholder will show)"),a.default.createElement(r.default,{src:"/mock/failure/route",alt:"invalid src attribute image",placeholder:a.default.createElement(r.default,{src:o.default,alt:"placeholder image"})}),a.default.createElement("h3",null,"Valid src prop (src will show)"),a.default.createElement(r.default,{src:l.default,alt:"src image",placeholder:a.default.createElement(r.default,{src:o.default,alt:"placeholder image"})}))}},37753:function(e,t,n){t.A=void 0;var a=c(n(96540)),r=c(n(5556)),l=c(n(67967)),o=c(n(82232)),i=c(n(83871)),d=c(n(82252)),u=c(n(50036));function c(e){return e&&e.__esModule?e:{default:e}}var p=l.default.bind(d.default),m={fit:r.default.string,variant:r.default.string},s=function(e){var t=Object.assign({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(e),e));return a.default.createElement("div",{className:p("image-container")},a.default.createElement(o.default,{alt:"Toggle fit image",className:p("image"),src:u.default,fit:t.fit,variant:t.variant}))};s.propTypes=m;t.A=(0,i.default)(s)},47721:function(e,t,n){t.A=void 0;var a=o(n(96540)),r=o(n(82232)),l=o(n(66140));function o(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return a.default.createElement("div",null,a.default.createElement("h2",null,"Information provided using Image."),a.default.createElement(r.default,{src:l.default,alt:"North-east face of the Matterhorn mountain peak and surrounding landscape covered in snow against a blue sky, located in the Swiss Apps near Zermatt, Switzerland"}),a.default.createElement("p",null,a.default.createElement("strong",null,"Matterhorn")))}},83871: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,l=(r=n(96540))&&r.__esModule?r:{default:r};function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(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=o.default.bind(d.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,o=m(e,u),d=a.default.useContext(i.default),c=(0,l.default)(s("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},d.className),o.className);return a.default.createElement("table",p({},o,{className:c}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:r.default.node},u=function(e){var t=e.children,n=i(e,l);return a.default.createElement("tbody",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:r.default.node},u=function(e){var t=e.children,n=i(e,l);return a.default.createElement("td",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r=i(n(5556)),l=i(n(93623)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={children:r.default.node},c=function(e){var t=e.children,n=d(e,o);return a.default.createElement("thead",n,a.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=u,c.defaultProps={children:[]};t.default=c},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:r.default.node},u=function(e){var t=e.children,n=i(e,l);return a.default.createElement("th",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),l=u(n(67967)),o=u(n(19677)),i=u(n(93623)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(o.default),s={children:r.default.node},f=function(e){var t=e.children,n=p(e,d),r=m(["row"]);return a.default.createElement("tr",c({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),i.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(96540))&&a.__esModule?a:{default:a};var l={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var a=u(n(17212)),r=u(n(15460)),l=u(n(96646)),o=u(n(59584)),i=u(n(14281)),d=u(n(93401));function u(e){return e&&e.__esModule?e:{default:e}}t.default=a.default},27166:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(96540)),r=l(n(56445));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return a.default.createElement(r.default,t,a.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},66140:function(e,t,n){n.r(t),t.default=n.p+"37299ea8b1d5d16cd9f5a6c324d7299c.jpg"},4695:function(e,t,n){n.r(t),t.default=n.p+"ab2308634047d9bcfd50b938d3321418.png"},4904:function(e,t,n){n.r(t),t.default=n.p+"51d085f765a7361bab659ffffdb9bb46.jpg"},50036:function(e,t,n){n.r(t),t.default=n.p+"e2f185bcea2cc1dac4fefdd29f998ede.jpg"},55503:function(e,t,n){n.r(t),t.default=n.p+"063dc27d0a6022ff7002669efc381dc2.jpg"},70288:function(e,t,n){n.r(t),t.default=n.p+"55c350ebabf6307fa558d1b6d7980e59.png"},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},82252:function(e,t,n){n.r(t),t.default={"image-container":"ImageFitTypes__image-container___O5Wbc",image:"ImageFitTypes__image___GvW8r"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/27965-60cb8440907e581a1ea3.css b/pull/4102/27965-60cb8440907e581a1ea3.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/27965-60cb8440907e581a1ea3.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/4102/27965-60cb8440907e581a1ea3.js b/pull/4102/27965-60cb8440907e581a1ea3.js new file mode 100644 index 00000000000..4e0e1a65a36 --- /dev/null +++ b/pull/4102/27965-60cb8440907e581a1ea3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27965],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),i=d(l(67967)),r=d(l(25642)),t=i.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,i=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},i,r)};p.propTypes=u;a.A=p},27965:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(96540);var d=l(36665),m=l(49898),n=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,i({},t,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4740---may-8-2024"},"4.74.0 - (May 8, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"4731---march-12-2024"},"4.73.1 - (March 12, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onSelect")," not triggering when draggable item is clicked.")))),(0,d.mdx)("h2",{id:"4730---march-8-2024"},"4.73.0 - (March 8, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the issue where focus was not moving to the selectable and draggable item when clicked.")))),(0,d.mdx)("h2",{id:"4720---march-5-2024"},"4.72.0 - (March 5, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Restored the ",(0,d.mdx)("inlineCode",{parentName:"li"},"refCallback")," prop for the ListSectionHeader and ListSubSectionHeader component to be applied to the intended ",(0,d.mdx)("inlineCode",{parentName:"li"},"li")," element instead of the inner ",(0,d.mdx)("inlineCode",{parentName:"li"},"div")," tag. ")))),(0,d.mdx)("h2",{id:"4710---february-27-2024"},"4.71.0 - (February 27, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"4700---february-15-2024"},"4.70.0 - (February 15, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Updated",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added check for the position loss issue while dragging list item for ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-list")," inside ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-slide-panel"),".")))),(0,d.mdx)("h2",{id:"4690---january-9-2024"},"4.69.0 - (January 9, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed runtime exception that occurred when children on the terra-list were rendered with a ",(0,d.mdx)("inlineCode",{parentName:"li"},"null")," value.")))),(0,d.mdx)("h2",{id:"4680---december-11-2023"},"4.68.0 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed "),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Reverted ",(0,d.mdx)("inlineCode",{parentName:"li"},"Removed ariaDescription prop from list"),"."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"After drag and drop in ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-modal-manager")," the dropped list item does not receive focus."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaDescription")," prop from list")))),(0,d.mdx)("h2",{id:"4670---november-13-2023"},"4.67.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4660---october-23-2023"},"4.66.0 - (October 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isTabFocusDisabled")," prop to disable tab key navigation."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("em",{parentName:"li"},"property is undefined")," error while navigating with a keyboard.")))),(0,d.mdx)("h2",{id:"4650---october-16-2023"},"4.65.0 - (October 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4640---october-3-2023"},"4.64.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added arrow key navigation support for list items.")))),(0,d.mdx)("h2",{id:"4630---september-26-2023"},"4.63.0 - (September 26, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added drag and drop icon for draggable list items."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed position loss issue while dragging list item for ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-list")," inside ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-slide-panel"),".")))),(0,d.mdx)("h2",{id:"4620---september-21-2023"},"4.62.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4610---september-19-2023"},"4.61.0 - (September 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4600---august-23-2023"},"4.60.0 - (August 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added drag and drop support for list items.")))),(0,d.mdx)("h2",{id:"4590---august-1-2023"},"4.59.0 - (August 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4580---june-14-2023"},"4.58.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build issue ",(0,d.mdx)("inlineCode",{parentName:"li"},"aria-description is not supported by the role list"),".")))),(0,d.mdx)("h2",{id:"4570---april-27-2023"},"4.57.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4560---april-5-2023"},"4.56.0 - (April 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed heading level ",(0,d.mdx)("inlineCode",{parentName:"li"},"1")," for list sections."),(0,d.mdx)("li",{parentName:"ul"},"Added support for ",(0,d.mdx)("inlineCode",{parentName:"li"},"Home")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"End")," key navigation."),(0,d.mdx)("li",{parentName:"ul"},"Updated styles to remove markers for list items"),(0,d.mdx)("li",{parentName:"ul"},"Fixed dividerstyle issue for list items")))),(0,d.mdx)("h2",{id:"4550---february-15-2023"},"4.55.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4540---february-7-2023"},"4.54.0 - (February 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4532---january-31-2023"},"4.53.2 - (January 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon"),".")))),(0,d.mdx)("h2",{id:"4531---january-9-2023"},"4.53.1 - (January 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl")," import to peerDependency and match other Terra components. ")))),(0,d.mdx)("h2",{id:"4530---january-3-2023"},"4.53.0 - (January 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaSelectionStyle")," prop that provides accessibility support for single and multi select lists"),(0,d.mdx)("li",{parentName:"ul"},"Fix section and subsection header colors in the lowlight theme."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaDescribedBy")," - Associates a list with an element or elements that convey information about the list and how to interact with it."),(0,d.mdx)("li",{parentName:"ul"},"Prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaDescription")," - Conveys information about a list and how to interact with it."),(0,d.mdx)("li",{parentName:"ul"},"Prop ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaDetails")," - Associates a list with an element or elements that convey information about the list and how to interact with it.")))),(0,d.mdx)("h2",{id:"4520---december-7-2022"},"4.52.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Sections and subsections updated to add programmatic context to communicate hierarchal relationships")))),(0,d.mdx)("h2",{id:"4515---july-5-2022"},"4.51.5 - (July 5, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4514---may-3-2022"},"4.51.4 - (May 3, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4513---april-29-2022"},"4.51.3 - (April 29, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4512---february-24-2022"},"4.51.2 - (February 24, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4511---january-4-2022"},"4.51.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4510---september-21-2021"},"4.51.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4500---august-25-2021"},"4.50.0 - (August 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4490---july-6-2021"},"4.49.0 - (July 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4480---june-22-2021"},"4.48.0 - (June 22, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4470---june-8-2021"},"4.47.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"4460---april-13-2021"},"4.46.0 - (April 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4450---april-6-2021"},"4.45.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4440---march-2-2021"},"4.44.0 - (March 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4430---february-2-2021"},"4.43.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4420---january-5-2021"},"4.42.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4410---december-8-2020"},"4.41.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4400---november-17-2020"},"4.40.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4390---october-27-2020"},"4.39.0 - (October 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4380---october-13-2020"},"4.38.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,d.mdx)("h2",{id:"4370---august-18-2020"},"4.37.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,d.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices and removed hover wdio.")))),(0,d.mdx)("h2",{id:"4360---august-6-2020"},"4.36.0 - (August 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4350---august-4-2020"},"4.35.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4340---july-29-2020"},"4.34.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"4330---july-7-2020"},"4.33.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4320---june-9-2020"},"4.32.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"4310---june-2-2020"},"4.31.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"4300---may-19-2020"},"4.30.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4290---april-28-2020"},"4.29.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4280---april-22-2020"},"4.28.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"4270---march-10-2020"},"4.27.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4260---february-18-2020"},"4.26.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"4250---january-28-2020"},"4.25.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4240---january-7-2020"},"4.24.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,d.mdx)("h2",{id:"4230---december-3-2019"},"4.23.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"4220---october-30-2019"},"4.22.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4210---october-14-2019"},"4.21.0 - (October 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4200---october-3-2019"},"4.20.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4190---september-19-2019"},"4.19.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the example and test to have ",(0,d.mdx)("inlineCode",{parentName:"li"},"aria-label")),(0,d.mdx)("li",{parentName:"ul"},"Updated docs and guides."),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site")))),(0,d.mdx)("h2",{id:"4180---september-6-2019"},"4.18.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"4170---september-3-2019"},"4.17.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"4160---august-21-2019"},"4.16.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"4150---august-14-2019"},"4.15.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"4140---july-30-2019"},"4.14.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4130---july-24-2019"},"4.13.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4120---july-17-2019"},"4.12.0 - (July 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4110---july-16-2019"},"4.11.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,d.mdx)("li",{parentName:"ul"},"Fixed linting errors in documentation")))),(0,d.mdx)("h2",{id:"4100----july-11-2019"},"4.10.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"490---june-28-2019"},"4.9.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed accessibility issue in list item tests"),(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to work better with codesandbox.io"),(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,d.mdx)("h2",{id:"480---june-18-2019"},"4.8.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"470---june-11-2019"},"4.7.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"460---may-1-2019"},"4.6.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"450---april-16-2019"},"4.5.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,d.mdx)("inlineCode",{parentName:"li"},"hover")," styles over a list-item only on non-touch devices.")))),(0,d.mdx)("h2",{id:"440---april-9-2019"},"4.4.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update documentation to better cover sections and headers and for guides to be more interactive")))),(0,d.mdx)("h2",{id:"430---march-26-2019"},"4.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"420---march-21-2019"},"4.2.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"410---february-26-2019"},"4.1.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"400---february-12-2019"},"4.0.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Changes - ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-list/docs/guides"},"Upgrade Guide"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"SingleSelectList")," - No longer supported this uncontrolled variant of list."),(0,d.mdx)("li",{parentName:"ul"},"Removed Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"MultiSelectList")," - No longer supported this uncontrolled variant of list."),(0,d.mdx)("li",{parentName:"ul"},"Removed Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"SelectableList")," - Removed to avoid the need for cloning child props."),(0,d.mdx)("li",{parentName:"ul"},"Removed Util ",(0,d.mdx)("inlineCode",{parentName:"li"},"validatedMaxCount"),"."),(0,d.mdx)("li",{parentName:"ul"},"Removed Util ",(0,d.mdx)("inlineCode",{parentName:"li"},"initialSingleSelectedIndex"),"."),(0,d.mdx)("li",{parentName:"ul"},"Removed Util ",(0,d.mdx)("inlineCode",{parentName:"li"},"initialMultiSelectedIndexes"),"."),(0,d.mdx)("li",{parentName:"ul"},"Removed Util ",(0,d.mdx)("inlineCode",{parentName:"li"},"shouldHandleMultiSelect"),"."),(0,d.mdx)("li",{parentName:"ul"},"Removed Util ",(0,d.mdx)("inlineCode",{parentName:"li"},"shouldHandleSingleSelect"),"."),(0,d.mdx)("li",{parentName:"ul"},"Removed Util ",(0,d.mdx)("inlineCode",{parentName:"li"},"newPropsForItem"),"."),(0,d.mdx)("li",{parentName:"ul"},"Added Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"ListSection")," - Collapsible and Static functionality implementing the ListSectionHeader."),(0,d.mdx)("li",{parentName:"ul"},"Added Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"ListSubsection")," - Collapsible and Static functionality implementing the ListSubsectionHeader."),(0,d.mdx)("li",{parentName:"ul"},"Added Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"ListSectionHeader")," - Section styled header."),(0,d.mdx)("li",{parentName:"ul"},"Added Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"ListSubsectionHeader")," - Subsection styled header."),(0,d.mdx)("li",{parentName:"ul"},"Change from dot notation for ListItem and Utils access to individual exports for Item, Utils, SectionHeader, SubsectionHeader, Section, and Subsection."),(0,d.mdx)("li",{parentName:"ul"},"Moved accessibility logic into the ListItem.")))),(0,d.mdx)("h2",{id:"350---february-5-2019"},"3.5.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"340---january-27-2019"},"3.4.0 - (January 27, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables"),(0,d.mdx)("li",{parentName:"ul"},"Update chevron size to 1em")))),(0,d.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2200---august-1-2018"},"2.20.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Aria attributes are applied to ListItems based upon selectability rather than chevron status")))),(0,d.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"),(0,d.mdx)("li",{parentName:"ul"},"Changed Nightwatch to WebdriverIO tests."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"ListItem tests")))),(0,d.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"ListItem"),"s to set a width on contents when using chevrons")))),(0,d.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Listbox role for selectable lists"),(0,d.mdx)("li",{parentName:"ul"},"Option role for list items"),(0,d.mdx)("li",{parentName:"ul"},"aria-selected attribute on list items")))),(0,d.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"box-shadow CSS variable for list-item focus"),(0,d.mdx)("li",{parentName:"ul"},"CSS variable for default list-item color"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"1200---february-1-2018"},"1.20.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1190---january-18-2018"},"1.19.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add context to selectable list nightwatch example"),(0,d.mdx)("li",{parentName:"ul"},"Move selectable functions to utils and convert to selectable list to functional component")))),(0,d.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---november-28-2017"},"1.17.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1160---november-16-2017"},"1.16.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Chevron positioning")))),(0,d.mdx)("h2",{id:"1150---november-7-2017"},"1.15.0 - (November 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1140---october-31-2017"},"1.14.0 - (October 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---october-24-2017"},"1.13.0 - (October 24, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update table test links to be 'Table Tests' and 'Single Select Table Links'"),(0,d.mdx)("li",{parentName:"ul"},"Update list to use flex and column directional to update selection height")))),(0,d.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"SelectableList component"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update SingleSelectList and MultiSelectList components to use SelectableList")))),(0,d.mdx)("h2",{id:"1100---september-19-2017"},"1.10.0 - (September 19, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update selection styles")))),(0,d.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added styles to remove margin and padding from default list-item")))),(0,d.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,d.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,d.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added preventDefault to Single Select List and MultiSelect List"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[d]=e[d]}return l}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},49898:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-list",name:"terra-list",version:"4.74.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/28140-37a875c747be131b8286.js b/pull/4102/28140-37a875c747be131b8286.js new file mode 100644 index 00000000000..42965a0d546 --- /dev/null +++ b/pull/4102/28140-37a875c747be131b8286.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[28140],{28140:function(e,t,n){function o(e){return o="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},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r},u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var f=l?Object.getOwnPropertyDescriptor(e,u):null;f&&(f.get||f.set)?Object.defineProperty(r,u,f):r[u]=e[u]}return r.default=e,n&&n.set(e,r),r}(n(37123));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.default=function(){return l.default.createElement(u.default,{label:"Primary option",onSelect:function(){console.log("primary option")},isBlock:!0},l.default.createElement(u.Item,{label:"1st Option",onSelect:function(){console.log("hi")}}),l.default.createElement(u.Item,{label:"2nd Option",onSelect:function(){console.log("bye")}}),l.default.createElement(u.Item,{label:"3rd Option",onSelect:function(){console.log("eyb")}}),l.default.createElement(u.Item,{label:"4th Option",onSelect:function(){console.log("ih")}}))}}}]); \ No newline at end of file diff --git a/pull/4102/28219-b0a88e248258d1eeb8cb.css b/pull/4102/28219-b0a88e248258d1eeb8cb.css new file mode 100644 index 00000000000..09e79a66269 --- /dev/null +++ b/pull/4102/28219-b0a88e248258d1eeb8cb.css @@ -0,0 +1,2 @@ +.Grid-module__clinical-lowlight-theme___WfV-S{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___xoMqT{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___jE9D-{box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:row;flex-grow:0;flex-shrink:1;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___jE9D-{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___jE9D-{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___sGA4X{box-sizing:border-box;flex-basis:100%;flex-grow:1;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___sGA4X{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___sGA4X{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___-k2mz{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___ndvgK{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___jMwsJ{flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___3ycN9{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___Q7xhd{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___FkAyN{flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___HxI3z{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___V2vmA{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___T38T7{flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___vRUtn{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___mGCtS{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___vvXO3{flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___WhwHC{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___I48V2{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___5cEbB{flex-basis:25%;max-width:25%}.Grid-module__column-small-4___tmHtN{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___QRJhM{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___O92\+F{flex-basis:50%;max-width:50%}.Grid-module__column-small-7___StZ6p{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___CjSSF{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___1IHvH{flex-basis:75%;max-width:75%}.Grid-module__column-small-10___uMDZ6{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___MIPlY{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___-Iea\+{flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___0ENyM{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___lPAeW{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___ISHGP{flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___JUeNg{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___u4WE-{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___ILVvF{flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___4hC6O{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___7-EQh{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___jSh0H{flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___KhEjw{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___QUyhm{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___Ea947{flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___Fo6I4{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___LdUz-{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___b-34c{flex-basis:25%;max-width:25%}.Grid-module__column-large-4___bvF3w{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___NN4Lh{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___awRZm{flex-basis:50%;max-width:50%}.Grid-module__column-large-7___WkfOO{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___Pl6em{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___iDhKL{flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Cu9fD{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___ha4GS{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___k97Y5{flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___c9IM8{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___tFbsc{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___OQwYu{flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___FXj-9{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___TCpLt{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___x2mBX{flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___kWu\+v{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___40jW7{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___\+LI4r{flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___QCz3j{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___Y5MxR{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___X\+Wtx{flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___X-r1K{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___jCGau{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___sCNf8{flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___UtbUM{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___a-Ckr{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___HWnVg{flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___AWMk2{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___9iOHi{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___dB51t{flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___h3xJn{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___VKSpn{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___a35qF{flex-basis:100%;max-width:100%}} +.terra-grid-example{word-break:break-word}[dir] .terra-grid-example{background-color:#eee;padding:10px} diff --git a/pull/4102/28219-b0a88e248258d1eeb8cb.js b/pull/4102/28219-b0a88e248258d1eeb8cb.js new file mode 100644 index 00000000000..693467dc64d --- /dev/null +++ b/pull/4102/28219-b0a88e248258d1eeb8cb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[28219],{28219:function(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=o(u(96540)),m=o(u(20030));function o(e){return e&&e.__esModule?e:{default:e}}u(31091);l.default=function(){return n.default.createElement(m.default,{id:"grid"},n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-1",huge:1},n.default.createElement("div",{className:"terra-grid-example"},"1 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-2",huge:2},n.default.createElement("div",{className:"terra-grid-example"},"2 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-3",huge:3},n.default.createElement("div",{className:"terra-grid-example"},"3 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-4",huge:4},n.default.createElement("div",{className:"terra-grid-example"},"4 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-5",huge:5},n.default.createElement("div",{className:"terra-grid-example"},"5 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-6",huge:6},n.default.createElement("div",{className:"terra-grid-example"},"6 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-7",huge:7},n.default.createElement("div",{className:"terra-grid-example"},"7 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-8",huge:8},n.default.createElement("div",{className:"terra-grid-example"},"8 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-9",huge:9},n.default.createElement("div",{className:"terra-grid-example"},"9 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-10",huge:10},n.default.createElement("div",{className:"terra-grid-example"},"10 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-11",huge:11},n.default.createElement("div",{className:"terra-grid-example"},"11 Column Span"))),n.default.createElement(m.default.Row,null,n.default.createElement(m.default.Column,{id:"column-12",huge:12},n.default.createElement("div",{className:"terra-grid-example"},"12 Column Span"))))}},20030:function(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=r(u(96540)),m=r(u(5556)),o=r(u(48832)),_=r(u(34980));function r(e){return e&&e.__esModule?e:{default:e}}var t={children:m.default.node.isRequired},d=function(e){return n.default.createElement("div",e)};d.propTypes=t,d.Row=o.default,d.Column=_.default;l.default=d},34980:function(e,l,u){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(l,"__esModule",{value:!0}),l.default=void 0;var m=c(u(96540)),o=c(u(5556)),_=c(u(46942)),r=c(u(67967)),t=c(u(52103)),d=c(u(95235)),a=["className","children","tiny","small","medium","large","huge","enormous"];function c(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;u[n]=e[n]}return u}(e,l);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,u)&&(m[u]=e[u])}return m}var g=r.default.bind(d.default),p=function(e,l){if(e[l]){var u=e[l];return u>=1&&u<=12?null:new Error("".concat(l," must be in range 1 to 12 inclusively"))}return null},G={children:o.default.node,className:o.default.string,tiny:p,enormous:p,huge:p,large:p,medium:p,small:p},h=function(e){var l=e.className,u=e.children,n=e.tiny,o=e.small,r=e.medium,d=e.large,c=e.huge,p=e.enormous,G=s(e,a),h=m.default.useContext(t.default),y=(0,_.default)(g(["column",f(f(f(f(f(f({},"column-tiny-".concat(n),n),"column-small-".concat(o),o),"column-medium-".concat(r),r),"column-large-".concat(d),d),"column-huge-".concat(c),c),"column-enormous-".concat(p),p),h.className]),l);return m.default.createElement("div",i({},G,{className:y}),u)};h.propTypes=G;l.default=h},48832:function(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var n=a(u(96540)),m=a(u(5556)),o=a(u(46942)),_=a(u(67967)),r=a(u(52103)),t=a(u(95235)),d=["className","children"];function a(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;u[n]=e[n]}return u}(e,l);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,u)&&(m[u]=e[u])}return m}var f=_.default.bind(t.default),s={children:m.default.node.isRequired,className:m.default.string},g=function(e){var l=e.className,u=e.children,m=i(e,d),_=n.default.useContext(r.default);return n.default.createElement("div",c({},m,{className:(0,o.default)(f("grid",_.className),l)}),u)};g.propTypes=s;l.default=g},31091:function(e,l,u){u.r(l),l.default={}},95235:function(e,l,u){u.r(l),l.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___WfV-S","orion-fusion-theme":"Grid-module__orion-fusion-theme___xoMqT",grid:"Grid-module__grid___jE9D-",column:"Grid-module__column___sGA4X","column-tiny-1":"Grid-module__column-tiny-1___-k2mz","column-tiny-2":"Grid-module__column-tiny-2___ndvgK","column-tiny-3":"Grid-module__column-tiny-3___jMwsJ","column-tiny-4":"Grid-module__column-tiny-4___3ycN9","column-tiny-5":"Grid-module__column-tiny-5___Q7xhd","column-tiny-6":"Grid-module__column-tiny-6___FkAyN","column-tiny-7":"Grid-module__column-tiny-7___HxI3z","column-tiny-8":"Grid-module__column-tiny-8___V2vmA","column-tiny-9":"Grid-module__column-tiny-9___T38T7","column-tiny-10":"Grid-module__column-tiny-10___vRUtn","column-tiny-11":"Grid-module__column-tiny-11___mGCtS","column-tiny-12":"Grid-module__column-tiny-12___vvXO3","column-small-1":"Grid-module__column-small-1___WhwHC","column-small-2":"Grid-module__column-small-2___I48V2","column-small-3":"Grid-module__column-small-3___5cEbB","column-small-4":"Grid-module__column-small-4___tmHtN","column-small-5":"Grid-module__column-small-5___QRJhM","column-small-6":"Grid-module__column-small-6___O92+F","column-small-7":"Grid-module__column-small-7___StZ6p","column-small-8":"Grid-module__column-small-8___CjSSF","column-small-9":"Grid-module__column-small-9___1IHvH","column-small-10":"Grid-module__column-small-10___uMDZ6","column-small-11":"Grid-module__column-small-11___MIPlY","column-small-12":"Grid-module__column-small-12___-Iea+","column-medium-1":"Grid-module__column-medium-1___0ENyM","column-medium-2":"Grid-module__column-medium-2___lPAeW","column-medium-3":"Grid-module__column-medium-3___ISHGP","column-medium-4":"Grid-module__column-medium-4___JUeNg","column-medium-5":"Grid-module__column-medium-5___u4WE-","column-medium-6":"Grid-module__column-medium-6___ILVvF","column-medium-7":"Grid-module__column-medium-7___4hC6O","column-medium-8":"Grid-module__column-medium-8___7-EQh","column-medium-9":"Grid-module__column-medium-9___jSh0H","column-medium-10":"Grid-module__column-medium-10___KhEjw","column-medium-11":"Grid-module__column-medium-11___QUyhm","column-medium-12":"Grid-module__column-medium-12___Ea947","column-large-1":"Grid-module__column-large-1___Fo6I4","column-large-2":"Grid-module__column-large-2___LdUz-","column-large-3":"Grid-module__column-large-3___b-34c","column-large-4":"Grid-module__column-large-4___bvF3w","column-large-5":"Grid-module__column-large-5___NN4Lh","column-large-6":"Grid-module__column-large-6___awRZm","column-large-7":"Grid-module__column-large-7___WkfOO","column-large-8":"Grid-module__column-large-8___Pl6em","column-large-9":"Grid-module__column-large-9___iDhKL","column-large-10":"Grid-module__column-large-10___Cu9fD","column-large-11":"Grid-module__column-large-11___ha4GS","column-large-12":"Grid-module__column-large-12___k97Y5","column-huge-1":"Grid-module__column-huge-1___c9IM8","column-huge-2":"Grid-module__column-huge-2___tFbsc","column-huge-3":"Grid-module__column-huge-3___OQwYu","column-huge-4":"Grid-module__column-huge-4___FXj-9","column-huge-5":"Grid-module__column-huge-5___TCpLt","column-huge-6":"Grid-module__column-huge-6___x2mBX","column-huge-7":"Grid-module__column-huge-7___kWu+v","column-huge-8":"Grid-module__column-huge-8___40jW7","column-huge-9":"Grid-module__column-huge-9___+LI4r","column-huge-10":"Grid-module__column-huge-10___QCz3j","column-huge-11":"Grid-module__column-huge-11___Y5MxR","column-huge-12":"Grid-module__column-huge-12___X+Wtx","column-enormous-1":"Grid-module__column-enormous-1___X-r1K","column-enormous-2":"Grid-module__column-enormous-2___jCGau","column-enormous-3":"Grid-module__column-enormous-3___sCNf8","column-enormous-4":"Grid-module__column-enormous-4___UtbUM","column-enormous-5":"Grid-module__column-enormous-5___a-Ckr","column-enormous-6":"Grid-module__column-enormous-6___HWnVg","column-enormous-7":"Grid-module__column-enormous-7___AWMk2","column-enormous-8":"Grid-module__column-enormous-8___9iOHi","column-enormous-9":"Grid-module__column-enormous-9___dB51t","column-enormous-10":"Grid-module__column-enormous-10___h3xJn","column-enormous-11":"Grid-module__column-enormous-11___VKSpn","column-enormous-12":"Grid-module__column-enormous-12___a35qF"}}}]); \ No newline at end of file diff --git a/pull/4102/28421-6e14d1de70415df4d1a0.css b/pull/4102/28421-6e14d1de70415df4d1a0.css new file mode 100644 index 00000000000..224a2690e0d --- /dev/null +++ b/pull/4102/28421-6e14d1de70415df4d1a0.css @@ -0,0 +1,2 @@ +.Textarea-module__clinical-lowlight-theme___25VEx{--terra-form-textarea-background-color: #222a2e;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: auto;--terra-form-textarea-border-color: #181b1d;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #b2b5b6;--terra-form-textarea-font-size: 1.143rem;--terra-form-textarea-line-height: 1.25;--terra-form-textarea-padding-bottom: 0.286rem;--terra-form-textarea-padding-left: 0.286rem;--terra-form-textarea-padding-right: 0.286rem;--terra-form-textarea-padding-top: 0.286rem;--terra-form-textarea-hover-background-color: #222a2e;--terra-form-textarea-hover-border-color: #181b1d;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #b2b5b6;--terra-form-textarea-focus-background-size: auto;--terra-form-textarea-focus-border-color: #181b1d;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #222a2e;--terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-focus-color: #b2b5b6;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0.2s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-disabled-background-color: #1d2529;--terra-form-textarea-disabled-border-color: #24282b;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #404344;--terra-form-textarea-disabled-opacity: 0.25;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #222a2e;--terra-form-textarea-error-border-color: #181b1d;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #222a2e;--terra-form-textarea-error-hover-border-color: #181b1d;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #b2b5b6;--terra-form-textarea-error-focus-background-size: auto;--terra-form-textarea-error-focus-background-color: #222a2e;--terra-form-textarea-error-focus-border-color: #181b1d;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-error-focus-color: #b2b5b6;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-disabled-background-color: #1d2529;--terra-form-textarea-error-disabled-border-color: #24282b;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #404344;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #464232;--terra-form-textarea-incomplete-hover-background-color: #464232;--terra-form-textarea-incomplete-disabled-background-color: #464232;--terra-form-textarea-incomplete-focus-background-color: #464232}.Textarea-module__orion-fusion-theme___-ALn1{--terra-form-textarea-background-color: #fff;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: 0 0;--terra-form-textarea-border-color: #dedfe0;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #1c1f21;--terra-form-textarea-font-size: 1rem;--terra-form-textarea-line-height: 1.416667;--terra-form-textarea-padding-bottom: 0.25rem;--terra-form-textarea-padding-left: 0.25rem;--terra-form-textarea-padding-right: 0.25rem;--terra-form-textarea-padding-top: 0.25rem;--terra-form-textarea-hover-background-color: #fff;--terra-form-textarea-hover-border-color: #dedfe0;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #1c1f21;--terra-form-textarea-focus-background-size: 0 0;--terra-form-textarea-focus-border-color: #4cb2e9;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #fff;--terra-form-textarea-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-color: #1c1f21;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-disabled-background-color: #f4f4f4;--terra-form-textarea-disabled-border-color: #b2b5b6;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #9b9fa1;--terra-form-textarea-disabled-opacity: 1;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #fff;--terra-form-textarea-error-border-color: #dedfe0;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: none;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #fff;--terra-form-textarea-error-hover-border-color: #dedfe0;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #1c1f21;--terra-form-textarea-error-focus-background-size: 0 0;--terra-form-textarea-error-focus-background-color: #fff;--terra-form-textarea-error-focus-border-color: #dedfe0;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-color: #1c1f21;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-disabled-background-color: #f4f4f4;--terra-form-textarea-error-disabled-border-color: #b2b5b6;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #9b9fa1;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #fefd9a;--terra-form-textarea-incomplete-hover-background-color: #fefd9a;--terra-form-textarea-incomplete-focus-background-color: #fefd9a;--terra-form-textarea-incomplete-disabled-background-color: #f4f4f4}.Textarea-module__textarea___T-1-2{color:#000;color:var(--terra-form-textarea-color, #000);font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-textarea-font-size, 1.143rem);line-height:1.25;line-height:var(--terra-form-textarea-line-height, 1.25);max-width:100%;opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);width:100%}[dir] .Textarea-module__textarea___T-1-2{background-color:#fff;background-color:var(--terra-form-textarea-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-textarea-background-size, 0 0);border-color:#dedfe0;border-color:var(--terra-form-textarea-border-color, #dedfe0);border-radius:3px;border-radius:var(--terra-form-textarea-border-radius, 3px);border-style:solid;border-style:var(--terra-form-textarea-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-border-width, 1px);cursor:auto;padding-bottom:0.286rem;padding-bottom:var(--terra-form-textarea-padding-bottom, 0.286rem);padding-top:0.286rem;padding-top:var(--terra-form-textarea-padding-top, 0.286rem);transition-duration:0.2s;transition-duration:var(--terra-form-textarea-focus-transition-duration, 0.2s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-textarea-focus-transition-timing-function, ease)}[dir=ltr] .Textarea-module__textarea___T-1-2{background-position:0 100%;padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-left, 0.286rem);padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-right, 0.286rem)}[dir=rtl] .Textarea-module__textarea___T-1-2{background-position:100% 100%;padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-left, 0.286rem);padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-right, 0.286rem)}.Textarea-module__textarea___T-1-2:hover{color:var(--terra-form-textarea-hover-color)}[dir] .Textarea-module__textarea___T-1-2:hover{background-color:var(--terra-form-textarea-hover-background-color);border-color:#dedfe0;border-color:var(--terra-form-textarea-hover-border-color, #dedfe0);border-style:solid;border-style:var(--terra-form-textarea-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-hover-border-width, 1px)}[dir] .Textarea-module__textarea___T-1-2[required]{box-shadow:unset}.Textarea-module__textarea___T-1-2[disabled]{color:#1c1f21;color:var(--terra-form-textarea-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-disabled-opacity, 0.25);pointer-events:none;resize:none}[dir] .Textarea-module__textarea___T-1-2[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#868a8c;border-color:var(--terra-form-textarea-disabled-border-color, #868a8c);border-style:solid;border-style:var(--terra-form-textarea-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-disabled-border-width, 1px);cursor:default}.Textarea-module__textarea___T-1-2:focus{color:#000;color:var(--terra-form-textarea-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);outline:none}[dir] .Textarea-module__textarea___T-1-2:focus{background-color:var(--terra-form-textarea-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-textarea-focus-border-color, #4cb2e9);border-style:solid;border-style:var(--terra-form-textarea-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-focus-border-width, 1px);box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-box-shadow, 0 0 8px #a6d9f4)}[dir=ltr] .Textarea-module__textarea___T-1-2:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-ltr-box-shadow, 0 0 8px #a6d9f4)}[dir=rtl] .Textarea-module__textarea___T-1-2:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-rtl-box-shadow, 0 0 8px #a6d9f4)}.Textarea-module__full-size___aj6q3{height:100%;resize:none;width:100%}.Textarea-module__no-resize___s9wkM{resize:none}.Textarea-module__resizable___S2iWE{box-sizing:padding-box;overflow:hidden}.Textarea-module__form-error___X3ATU{opacity:1;opacity:var(--terra-form-textarea-error-opacity, 1)}[dir] .Textarea-module__form-error___X3ATU{background-color:#fff;background-color:var(--terra-form-textarea-error-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-error-background-image, none);border-color:#e50000;border-color:var(--terra-form-textarea-error-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___X3ATU:hover{color:var(--terra-form-textarea-error-hover-color)}[dir] .Textarea-module__form-error___X3ATU:hover{background-color:var(--terra-form-textarea-error-hover-background-color);border-color:#e50000;border-color:var(--terra-form-textarea-error-hover-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-hover-border-width, 1px)}.Textarea-module__form-error___X3ATU[disabled]{color:#1c1f21;color:var(--terra-form-textarea-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-error-disabled-opacity, 0.25)}[dir] .Textarea-module__form-error___X3ATU[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-error-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#e50000;border-color:var(--terra-form-textarea-error-disabled-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-disabled-border-width, 1px)}[dir] .Textarea-module__form-error___X3ATU[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___X3ATU:focus{color:#000;color:var(--terra-form-textarea-error-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-error-focus-opacity, 1)}[dir] .Textarea-module__form-error___X3ATU:focus{background-color:var(--terra-form-textarea-error-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-error-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-textarea-error-focus-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-focus-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Textarea-module__form-error___X3ATU:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Textarea-module__form-error___X3ATU:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Textarea-module__form-incomplete___F3t1X{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X:hover{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-hover-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X[disabled]{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-disabled-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___F3t1X:focus{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-focus-background-color, #ffc)} +[dir] .Textarea-test-module__content-wrapper___z93xU{margin:10px} diff --git a/pull/4102/28421-6e14d1de70415df4d1a0.js b/pull/4102/28421-6e14d1de70415df4d1a0.js new file mode 100644 index 00000000000..e098b49fc94 --- /dev/null +++ b/pull/4102/28421-6e14d1de70415df4d1a0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[28421],{85845:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(a(96540)),u=d(a(67967)),n=d(a(17491)),l=d(a(19110));function d(e){return e&&e.__esModule?e:{default:e}}var f=u.default.bind(l.default);t.default=function(){return r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(n.default,{name:"job_experience",defaultValue:"",required:!0,ariaLabel:"label"}))}},17491:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"TextareaField",{enumerable:!0,get:function(){return u.default}}),t.default=void 0;var r=n(a(63261)),u=n(a(39057));function n(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},19110:function(e,t,a){a.r(t),t.default={"content-wrapper":"Textarea-test-module__content-wrapper___z93xU"}}}]); \ No newline at end of file diff --git a/pull/4102/28445-b22c09842ae87f0c2193.js b/pull/4102/28445-b22c09842ae87f0c2193.js new file mode 100644 index 00000000000..24d9f2b329b --- /dev/null +++ b/pull/4102/28445-b22c09842ae87f0c2193.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[28445],{28445:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,o=(r=l(96540))&&r.__esModule?r:{default:r},a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=u(t);if(l&&l.has(e))return l.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var c=o?Object.getOwnPropertyDescriptor(e,a):null;c&&(c.get||c.set)?Object.defineProperty(r,a,c):r[a]=e[a]}return r.default=e,l&&l.set(e,r),r}(l(79436));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(u=function(e){return e?l:t})(e)}t.default=function(){return o.default.createElement(a.default,null,o.default.createElement(a.Section,{key:"static-section",title:"Static Section"},o.default.createElement(a.Item,{key:"123"},o.default.createElement("p",null,"test static"))),o.default.createElement(a.Section,{key:"collapsible-section",isCollapsible:!0,title:"Collapsible Section"},o.default.createElement(a.Item,{key:"223"},o.default.createElement("p",null,"test collapsible"))),o.default.createElement(a.Section,{key:"collapsible-section",isCollapsed:!0,isCollapsible:!0,title:"Collapsed Section"},o.default.createElement(a.Item,{key:"323"},o.default.createElement("p",null,"test collapsed"))))}}}]); \ No newline at end of file diff --git a/pull/4102/28521-37177270847befa1b39b.css b/pull/4102/28521-37177270847befa1b39b.css new file mode 100644 index 00000000000..52e22ce8e03 --- /dev/null +++ b/pull/4102/28521-37177270847befa1b39b.css @@ -0,0 +1 @@ +.Grid-module__clinical-lowlight-theme___WfV-S{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___xoMqT{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___jE9D-{box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:row;flex-grow:0;flex-shrink:1;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___jE9D-{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___jE9D-{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___sGA4X{box-sizing:border-box;flex-basis:100%;flex-grow:1;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___sGA4X{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___sGA4X{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___-k2mz{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___ndvgK{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___jMwsJ{flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___3ycN9{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___Q7xhd{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___FkAyN{flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___HxI3z{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___V2vmA{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___T38T7{flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___vRUtn{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___mGCtS{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___vvXO3{flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___WhwHC{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___I48V2{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___5cEbB{flex-basis:25%;max-width:25%}.Grid-module__column-small-4___tmHtN{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___QRJhM{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___O92\+F{flex-basis:50%;max-width:50%}.Grid-module__column-small-7___StZ6p{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___CjSSF{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___1IHvH{flex-basis:75%;max-width:75%}.Grid-module__column-small-10___uMDZ6{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___MIPlY{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___-Iea\+{flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___0ENyM{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___lPAeW{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___ISHGP{flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___JUeNg{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___u4WE-{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___ILVvF{flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___4hC6O{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___7-EQh{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___jSh0H{flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___KhEjw{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___QUyhm{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___Ea947{flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___Fo6I4{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___LdUz-{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___b-34c{flex-basis:25%;max-width:25%}.Grid-module__column-large-4___bvF3w{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___NN4Lh{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___awRZm{flex-basis:50%;max-width:50%}.Grid-module__column-large-7___WkfOO{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___Pl6em{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___iDhKL{flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Cu9fD{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___ha4GS{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___k97Y5{flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___c9IM8{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___tFbsc{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___OQwYu{flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___FXj-9{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___TCpLt{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___x2mBX{flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___kWu\+v{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___40jW7{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___\+LI4r{flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___QCz3j{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___Y5MxR{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___X\+Wtx{flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___X-r1K{flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___jCGau{flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___sCNf8{flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___UtbUM{flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___a-Ckr{flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___HWnVg{flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___AWMk2{flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___9iOHi{flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___dB51t{flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___h3xJn{flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___VKSpn{flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___a35qF{flex-basis:100%;max-width:100%}} diff --git a/pull/4102/28521-37177270847befa1b39b.js b/pull/4102/28521-37177270847befa1b39b.js new file mode 100644 index 00000000000..acd83f2e348 --- /dev/null +++ b/pull/4102/28521-37177270847befa1b39b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[28521],{28521:function(e,l,n){n.r(l),n.d(l,{default:function(){return ae}});var a=n(96540),r=n(36665),t=n(80305),d=n(29061),m=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={};function p(e){var l=e.components,n=u(e,m);return(0,r.mdx)("wrapper",o({},i,n,{components:l,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 { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DefaultFieldExample = () => (\n \n);\n\nexport default DefaultFieldExample;\n\n")))}p.isMDXComponent=!0;var s=n(201),c=n(3710),x=function(e){var l=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.A,{title:l||"Default Field",description:n,example:a.createElement(d.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(p,null),isExpanded:r})},y=n(97089),f=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var b={};function g(e){var l=e.components,n=v(e,f);return(0,r.mdx)("wrapper",_({},b,n,{components:l,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 Grid from 'terra-grid';\nimport { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst label = 'Select a Day';\nconst InlineLabelFieldExample = () => (\n \n \n \n {label}\n \n \n \n \n \n \n);\n\nexport default InlineLabelFieldExample;\n\n")))}g.isMDXComponent=!0;var h=function(e){var l=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.A,{title:l||"Inline Label Field",description:n,example:a.createElement(y.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(g,null),isExpanded:r})},N=n(30435),T=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var j={};function w(e){var l=e.components,n=C(e,T);return(0,r.mdx)("wrapper",O({},j,n,{components:l,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 { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst RequiredFieldExample = () => (\n \n);\n\nexport default RequiredFieldExample;\n\n")))}w.isMDXComponent=!0;var R=function(e){var l=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.A,{title:l||"Required Field",description:n,example:a.createElement(N.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(w,null),isExpanded:r})},S=n(41964),G=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var P={};function F(e){var l=e.components,n=D(e,G);return(0,r.mdx)("wrapper",E({},P,n,{components:l,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 { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteFieldExample = () => (\n \n);\n\nexport default IncompleteFieldExample;\n\n")))}F.isMDXComponent=!0;var I=function(e){var l=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.A,{title:l||"Incomplete Field",description:n,example:a.createElement(S.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(F,null),isExpanded:r})},q=n(39996),A=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var W={};function k(e){var l=e.components,n=Z(e,A);return(0,r.mdx)("wrapper",M({},W,n,{components:l,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 { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DefaultFieldExamplewithoutPlaceholder = () => (\n \n);\n\nexport default DefaultFieldExamplewithoutPlaceholder;\n\n")))}k.isMDXComponent=!0;var V=function(e){var l=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.A,{title:l||"Default Fieldwithout Placeholder",description:n,example:a.createElement(q.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(k,null),isExpanded:r})},H=n(12883),L=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var $={},z="wrapper";function U(e){var l=e.components,n=X(e,L);return(0,r.mdx)(z,Y({},$,n,{components:l,mdxType:"MDXLayout"}),(0,r.mdx)(H.Ay,{mdxType:"PropsTable"},(0,r.mdx)(H.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The default value of the select. Can be a string, or number."))),(0,r.mdx)(H.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"disabled"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the input is disabled."))),(0,r.mdx)(H.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"error"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,r.mdx)(H.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"help"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Help message to display with the select."))),(0,r.mdx)(H.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,r.mdx)(H.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,r.mdx)("em",{parentName:"p"},"(usage note: ",(0,r.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,r.mdx)(H.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"isInline"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,r.mdx)(H.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,r.mdx)(H.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,r.mdx)(H.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"isFilterStyle"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the select input should use the filter style display, forcing a value to always be selected.\nThis also removes the placeholder and removes the ability for user to clear the value, returning the select to browser-native behavior."))),(0,r.mdx)(H.fI,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"label"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(H.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The field label."))),(0,r.mdx)(H.fI,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,r.mdx)(H.fI,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Set the max-width of a field using ",(0,r.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,r.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,r.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,r.mdx)(H.fI,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function triggered when the select value changes. function(event)"))),(0,r.mdx)(H.fI,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"options"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n unionOf: [\n type: 'custom',\n type: 'custom',\n ],\n}],\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The array of select options and opt groups."))),(0,r.mdx)(H.fI,{key:"ROW16",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"required"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field is required."))),(0,r.mdx)(H.fI,{key:"ROW17",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,r.mdx)(H.fI,{key:"ROW18",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"selectId"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(H.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,r.mdx)(H.fI,{key:"ROW19",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"showOptional"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,r.mdx)(H.fI,{key:"ROW20",mdxType:"Row"},(0,r.mdx)(H.dt,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(H.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,r.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The value of the select. Can be a string or number.")))))}U.isMDXComponent=!0;var B=n(93254),Q=n(83403),K=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var le={},ne="wrapper";function ae(e){var l=e.components,n=ee(e,K);return(0,r.mdx)(ne,J({},le,n,{components:l,mdxType:"MDXLayout"}),(0,r.mdx)(t.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-form-native-select-field"},"Terra Form Native Select Field"),(0,r.mdx)("p",null,"A convenience wrapper assembling a ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-select"},"terra-form-select")," within a ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-field"},"terra-form-field"),"."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Install with ",(0,r.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))),(0,r.mdx)("pre",{parentName:"li"},(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { NativeSelectField } from 'terra-form-select';\n")))),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-select"},"View component source code")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(x,{title:"Select Field Example",mdxType:"DefaultFieldExample"}),(0,r.mdx)(R,{title:"Required Select Field Example",mdxType:"RequiredFieldExample"}),(0,r.mdx)(I,{title:"Incomplete Select Field Example",mdxType:"IncompleteFieldExample"}),(0,r.mdx)(V,{title:"Select Field Example without placeholder",mdxType:"DefaultFieldExamplewithoutPlaceholder"}),(0,r.mdx)(h,{title:"Select Field with Inline Label",mdxType:"InlineLabelFieldExample"}),(0,r.mdx)("h2",{id:"props"},"Props"),(0,r.mdx)("h3",{id:"native-select-option"},"Native Select Option"),(0,r.mdx)(B.A,{mdxType:"NativeOptionsPropsTable"}),(0,r.mdx)("h3",{id:"native-select-optgroup"},"Native Select OptGroup"),(0,r.mdx)(Q.A,{mdxType:"NativeOptGroupsPropsTable"}),(0,r.mdx)("h3",{id:"native-select-field"},"Native Select Field"),(0,r.mdx)(U,{mdxType:"NativeSelectFieldPropsTable"}))}ae.isMDXComponent=!0},29061:function(e,l,n){l.A=void 0;var a=m(n(96540)),r=m(n(67967)),t=n(19137),d=m(n(91002));function m(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(d.default);l.A=function(){return a.default.createElement(t.NativeSelectField,{label:"Default Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],selectId:"default-example",className:o("form-select")})}},39996:function(e,l,n){l.A=void 0;var a=m(n(96540)),r=m(n(67967)),t=n(19137),d=m(n(91002));function m(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(d.default);l.A=function(){return a.default.createElement(t.NativeSelectField,{label:"Default Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],isFilterStyle:!0,selectId:"default-example",className:o("form-select")})}},41964:function(e,l,n){l.A=void 0;var a=m(n(96540)),r=m(n(67967)),t=n(19137),d=m(n(91002));function m(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(d.default);l.A=function(){return a.default.createElement(t.NativeSelectField,{isIncomplete:!0,label:"Incomplete Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],required:!0,selectId:"incomplete-example",className:o("form-select")})}},97089:function(e,l,n){l.A=void 0;var a=o(n(96540)),r=o(n(67967)),t=o(n(20030)),d=n(19137),m=o(n(91002));function o(e){return e&&e.__esModule?e:{default:e}}var u=r.default.bind(m.default),i="Select a Day";l.A=function(){return a.default.createElement(t.default,null,a.default.createElement(t.default.Row,null,a.default.createElement(t.default.Column,{small:1},a.default.createElement("span",{className:u("field-label")},i)),a.default.createElement(t.default.Column,{small:3},a.default.createElement(d.NativeSelectField,{label:i,isLabelHidden:!0,isInline:!0,help:"Note: Shop will be closed on weekends",options:[{value:"monday",display:"Volvo"},{value:"tuesday",display:"Tuesday"},{value:"wednesday",display:"Wednesday"},{value:"thursday",display:"Thursday"},{value:"friday",display:"Friday"},{value:"saturday",disabled:!0,display:"Saturday"},{value:"sunday",disabled:!0,display:"Sunday"}],selectId:"default-example",className:u("form-select")}))))}},30435:function(e,l,n){l.A=void 0;var a=m(n(96540)),r=m(n(67967)),t=n(19137),d=m(n(91002));function m(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(d.default);l.A=function(){return a.default.createElement(t.NativeSelectField,{label:"Required Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],required:!0,selectId:"required-example",className:o("form-select")})}},20030:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=m(n(96540)),r=m(n(5556)),t=m(n(48832)),d=m(n(34980));function m(e){return e&&e.__esModule?e:{default:e}}var o={children:r.default.node.isRequired},u=function(e){return a.default.createElement("div",e)};u.propTypes=o,u.Row=t.default,u.Column=d.default;l.default=u},34980:function(e,l,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var r=p(n(96540)),t=p(n(5556)),d=p(n(46942)),m=p(n(67967)),o=p(n(52103)),u=p(n(95235)),i=["className","children","tiny","small","medium","large","huge","enormous"];function p(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y=m.default.bind(u.default),f=function(e,l){if(e[l]){var n=e[l];return n>=1&&n<=12?null:new Error("".concat(l," must be in range 1 to 12 inclusively"))}return null},_={children:t.default.node,className:t.default.string,tiny:f,enormous:f,huge:f,large:f,medium:f,small:f},v=function(e){var l=e.className,n=e.children,a=e.tiny,t=e.small,m=e.medium,u=e.large,p=e.huge,f=e.enormous,_=x(e,i),v=r.default.useContext(o.default),b=(0,d.default)(y(["column",c(c(c(c(c(c({},"column-tiny-".concat(a),a),"column-small-".concat(t),t),"column-medium-".concat(m),m),"column-large-".concat(u),u),"column-huge-".concat(p),p),"column-enormous-".concat(f),f),v.className]),l);return r.default.createElement("div",s({},_,{className:b}),n)};v.propTypes=_;l.default=v},48832:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=i(n(96540)),r=i(n(5556)),t=i(n(46942)),d=i(n(67967)),m=i(n(52103)),o=i(n(95235)),u=["className","children"];function i(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;n[a]=e[a]}return n}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=d.default.bind(o.default),x={children:r.default.node.isRequired,className:r.default.string},y=function(e){var l=e.className,n=e.children,r=s(e,u),d=a.default.useContext(m.default);return a.default.createElement("div",p({},r,{className:(0,t.default)(c("grid",d.className),l)}),n)};y.propTypes=x;l.default=y},95235:function(e,l,n){n.r(l),l.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___WfV-S","orion-fusion-theme":"Grid-module__orion-fusion-theme___xoMqT",grid:"Grid-module__grid___jE9D-",column:"Grid-module__column___sGA4X","column-tiny-1":"Grid-module__column-tiny-1___-k2mz","column-tiny-2":"Grid-module__column-tiny-2___ndvgK","column-tiny-3":"Grid-module__column-tiny-3___jMwsJ","column-tiny-4":"Grid-module__column-tiny-4___3ycN9","column-tiny-5":"Grid-module__column-tiny-5___Q7xhd","column-tiny-6":"Grid-module__column-tiny-6___FkAyN","column-tiny-7":"Grid-module__column-tiny-7___HxI3z","column-tiny-8":"Grid-module__column-tiny-8___V2vmA","column-tiny-9":"Grid-module__column-tiny-9___T38T7","column-tiny-10":"Grid-module__column-tiny-10___vRUtn","column-tiny-11":"Grid-module__column-tiny-11___mGCtS","column-tiny-12":"Grid-module__column-tiny-12___vvXO3","column-small-1":"Grid-module__column-small-1___WhwHC","column-small-2":"Grid-module__column-small-2___I48V2","column-small-3":"Grid-module__column-small-3___5cEbB","column-small-4":"Grid-module__column-small-4___tmHtN","column-small-5":"Grid-module__column-small-5___QRJhM","column-small-6":"Grid-module__column-small-6___O92+F","column-small-7":"Grid-module__column-small-7___StZ6p","column-small-8":"Grid-module__column-small-8___CjSSF","column-small-9":"Grid-module__column-small-9___1IHvH","column-small-10":"Grid-module__column-small-10___uMDZ6","column-small-11":"Grid-module__column-small-11___MIPlY","column-small-12":"Grid-module__column-small-12___-Iea+","column-medium-1":"Grid-module__column-medium-1___0ENyM","column-medium-2":"Grid-module__column-medium-2___lPAeW","column-medium-3":"Grid-module__column-medium-3___ISHGP","column-medium-4":"Grid-module__column-medium-4___JUeNg","column-medium-5":"Grid-module__column-medium-5___u4WE-","column-medium-6":"Grid-module__column-medium-6___ILVvF","column-medium-7":"Grid-module__column-medium-7___4hC6O","column-medium-8":"Grid-module__column-medium-8___7-EQh","column-medium-9":"Grid-module__column-medium-9___jSh0H","column-medium-10":"Grid-module__column-medium-10___KhEjw","column-medium-11":"Grid-module__column-medium-11___QUyhm","column-medium-12":"Grid-module__column-medium-12___Ea947","column-large-1":"Grid-module__column-large-1___Fo6I4","column-large-2":"Grid-module__column-large-2___LdUz-","column-large-3":"Grid-module__column-large-3___b-34c","column-large-4":"Grid-module__column-large-4___bvF3w","column-large-5":"Grid-module__column-large-5___NN4Lh","column-large-6":"Grid-module__column-large-6___awRZm","column-large-7":"Grid-module__column-large-7___WkfOO","column-large-8":"Grid-module__column-large-8___Pl6em","column-large-9":"Grid-module__column-large-9___iDhKL","column-large-10":"Grid-module__column-large-10___Cu9fD","column-large-11":"Grid-module__column-large-11___ha4GS","column-large-12":"Grid-module__column-large-12___k97Y5","column-huge-1":"Grid-module__column-huge-1___c9IM8","column-huge-2":"Grid-module__column-huge-2___tFbsc","column-huge-3":"Grid-module__column-huge-3___OQwYu","column-huge-4":"Grid-module__column-huge-4___FXj-9","column-huge-5":"Grid-module__column-huge-5___TCpLt","column-huge-6":"Grid-module__column-huge-6___x2mBX","column-huge-7":"Grid-module__column-huge-7___kWu+v","column-huge-8":"Grid-module__column-huge-8___40jW7","column-huge-9":"Grid-module__column-huge-9___+LI4r","column-huge-10":"Grid-module__column-huge-10___QCz3j","column-huge-11":"Grid-module__column-huge-11___Y5MxR","column-huge-12":"Grid-module__column-huge-12___X+Wtx","column-enormous-1":"Grid-module__column-enormous-1___X-r1K","column-enormous-2":"Grid-module__column-enormous-2___jCGau","column-enormous-3":"Grid-module__column-enormous-3___sCNf8","column-enormous-4":"Grid-module__column-enormous-4___UtbUM","column-enormous-5":"Grid-module__column-enormous-5___a-Ckr","column-enormous-6":"Grid-module__column-enormous-6___HWnVg","column-enormous-7":"Grid-module__column-enormous-7___AWMk2","column-enormous-8":"Grid-module__column-enormous-8___9iOHi","column-enormous-9":"Grid-module__column-enormous-9___dB51t","column-enormous-10":"Grid-module__column-enormous-10___h3xJn","column-enormous-11":"Grid-module__column-enormous-11___VKSpn","column-enormous-12":"Grid-module__column-enormous-12___a35qF"}}}]); \ No newline at end of file diff --git a/pull/4102/2855-f2bf814ae2e325aab44f.css b/pull/4102/2855-f2bf814ae2e325aab44f.css new file mode 100644 index 00000000000..45e52d3dfb3 --- /dev/null +++ b/pull/4102/2855-f2bf814ae2e325aab44f.css @@ -0,0 +1,4 @@ +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +[dir] .Select-test-module__content-wrapper___ib1qL{margin:10px}[dir] .Select-test-module__bottom-left___rabhi{margin:10px;margin-top:81vh} diff --git a/pull/4102/2855-f2bf814ae2e325aab44f.js b/pull/4102/2855-f2bf814ae2e325aab44f.js new file mode 100644 index 00000000000..d50cbf9d3dd --- /dev/null +++ b/pull/4102/2855-f2bf814ae2e325aab44f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[2855],{34511:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(n(96540)),l=p(n(67967)),a=p(n(19137)),r=p(n(914));function p(e){return e&&e.__esModule?e:{default:e}}var i=l.default.bind(r.default);t.default=function(){return o.default.createElement("div",{className:i("content-wrapper")},o.default.createElement(a.default,{placeholder:"Select a color",id:"opt-group",defaultValue:"green"},o.default.createElement(a.default.OptGroup,{label:"Colors"},o.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),o.default.createElement(a.default.Option,{value:"green",display:"Green"}),o.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),o.default.createElement(a.default.Option,{value:"red",display:"Red"}),o.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))))}},914:function(e,t,n){n.r(t),t.default={"content-wrapper":"Select-test-module__content-wrapper___ib1qL","bottom-left":"Select-test-module__bottom-left___rabhi"}},41843:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function o(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function l(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,l.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var a=null,r=null,p=null;if("function"==typeof t.componentWillMount?a="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(a="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?r="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(r="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?p="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(p="UNSAFE_componentWillUpdate"),null!==a||null!==r||null!==p){var i=e.displayName||e.name,c="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+i+" uses "+c+" but also contains the following legacy lifecycles:"+(null!==a?"\n "+a:"")+(null!==r?"\n "+r:"")+(null!==p?"\n "+p:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=o),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=l;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,o)}}return e}}}]); \ No newline at end of file diff --git a/pull/4102/28668-f27df301e8f6f3d6068b.css b/pull/4102/28668-f27df301e8f6f3d6068b.css new file mode 100644 index 00000000000..d9f059c3e41 --- /dev/null +++ b/pull/4102/28668-f27df301e8f6f3d6068b.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___tD5wJ{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___ByKvi{margin:5px}.FormSelectDocCommon-module__error-text___zMzj1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___zMzj1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___zMzj1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___zMzj1{text-align:right}.FormSelectDocCommon-module__field-label___V4Msx{font-weight:700} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/28668-f27df301e8f6f3d6068b.js b/pull/4102/28668-f27df301e8f6f3d6068b.js new file mode 100644 index 00000000000..73bc596fbc8 --- /dev/null +++ b/pull/4102/28668-f27df301e8f6f3d6068b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[28668],{82163:function(e,t,l){l.r(t),l.d(t,{default:function(){return rt}});var n=l(96540),a=l(36665),r=l(80305),o=l(67086),p=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var c={};function m(e){var t=e.components,l=i(e,p);return(0,a.mdx)("wrapper",d({},c,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst AllowClearExample = () => (\n \n);\n\nexport default AllowClearExample;\n\n')))}m.isMDXComponent=!0;var u=l(201),s=l(3710),f=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Allow Clear",description:l,example:n.createElement(o.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(m,null),isExpanded:a})},x=l(11342),y=["components"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var b={};function g(e){var t=e.components,l=O(e,y);return(0,a.mdx)("wrapper",v({},b,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ControlledExample = () => {\n const [value, setValue] = useState(\'blue\');\n\n return (\n \n );\n};\n\nexport default ControlledExample;\n\n')))}g.isMDXComponent=!0;var h=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Controlled",description:l,example:n.createElement(x.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(g,null),isExpanded:a})},S=l(56047),N=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var C={};function j(e){var t=e.components,l=T(e,N);return(0,a.mdx)("wrapper",E({},C,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxExample = () => (\n \n);\n\nexport default ComboboxExample;\n\n')))}j.isMDXComponent=!0;var w=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Combobox",description:l,example:n.createElement(S.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(j,null),isExpanded:a})},R=l(28663),P=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var I={};function M(e){var t=e.components,l=D(e,P);return(0,a.mdx)("wrapper",A({},I,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DefaultExample = () => (\n \n);\n\nexport default DefaultExample;\n\n')))}M.isMDXComponent=!0;var V=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Default",description:l,example:n.createElement(R.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(M,null),isExpanded:a})},q=l(27172),k=["components"];function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var B={};function W(e){var t=e.components,l=Z(e,k);return(0,a.mdx)("wrapper",G({},B,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst DisabledExample = () => (\n \n);\n\nexport default DisabledExample;\n\n')))}W.isMDXComponent=!0;var _=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Disabled",description:l,example:n.createElement(q.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(W,null),isExpanded:a})},H=l(20195),X=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var $={};function L(e){var t=e.components,l=Y(e,X);return(0,a.mdx)("wrapper",F({},$,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IsTouchAccessibleExample = () => (\n \n);\n\nexport default IsTouchAccessibleExample;\n\n')))}L.isMDXComponent=!0;var z=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Is Touch Accessible",description:l,example:n.createElement(H.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(L,null),isExpanded:a})},U=l(60561),J=["components"];function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ee={};function te(e){var t=e.components,l=Q(e,J);return(0,a.mdx)("wrapper",K({},ee,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst InvalidExample = () => (\n \n);\n\nexport default InvalidExample;\n\n')))}te.isMDXComponent=!0;var le=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Invalid",description:l,example:n.createElement(U.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(te,null),isExpanded:a})},ne=l(97664),ae=["components"];function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var pe={};function de(e){var t=e.components,l=oe(e,ae);return(0,a.mdx)("wrapper",re({},pe,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteExample = () => (\n \n);\n\nexport default IncompleteExample;\n\n')))}de.isMDXComponent=!0;var ie=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Incomplete",description:l,example:n.createElement(ne.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(de,null),isExpanded:a})},ce=l(32679),me=["components"];function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var fe={};function xe(e){var t=e.components,l=se(e,me);return(0,a.mdx)("wrapper",ue({},fe,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxHeightExample = () => (\n \n);\n\nexport default MaxHeightExample;\n\n')))}xe.isMDXComponent=!0;var ye=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Max Height",description:l,example:n.createElement(ce.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(xe,null),isExpanded:a})},ve=l(2184),Oe=["components"];function be(){return be=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var he={};function Se(e){var t=e.components,l=ge(e,Oe);return(0,a.mdx)("wrapper",be({},he,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MultipleExample = () => (\n \n);\n\nexport default MultipleExample;\n\n')))}Se.isMDXComponent=!0;var Ne=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Multiple",description:l,example:n.createElement(ve.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(Se,null),isExpanded:a})},Ee=l(17804),Te=["components"];function Ce(){return Ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var we={};function Re(e){var t=e.components,l=je(e,Te);return(0,a.mdx)("wrapper",Ce({},we,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst OptGroupExample = () => (\n \n);\n\nexport default OptGroupExample;\n\n')))}Re.isMDXComponent=!0;var Pe=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Opt Group",description:l,example:n.createElement(Ee.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(Re,null),isExpanded:a})},Ae=l(54028),De=["components"];function Ie(){return Ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var Ve={};function qe(e){var t=e.components,l=Me(e,De);return(0,a.mdx)("wrapper",Ie({},Ve,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SearchExample = () => (\n \n);\n\nexport default SearchExample;\n\n')))}qe.isMDXComponent=!0;var ke=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Search",description:l,example:n.createElement(Ae.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(qe,null),isExpanded:a})},Ge=l(54518),Ze=["components"];function Be(){return Be=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var _e={};function He(e){var t=e.components,l=We(e,Ze);return(0,a.mdx)("wrapper",Be({},_e,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Select from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst TagExample = () => (\n \n);\n\nexport default TagExample;\n\n')))}He.isMDXComponent=!0;var Xe=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(u.A,{title:t||"Tag",description:l,example:n.createElement(Ge.A,null),exampleCssSrc:n.createElement(s.A,null),exampleSrc:n.createElement(He,null),isExpanded:a})},Fe=l(12883),Ye=["components"];function $e(){return $e=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ze={},Ue="wrapper";function Je(e){var t=e.components,l=Le(e,Ye);return(0,a.mdx)(Ue,$e({},ze,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Fe.Ay,{mdxType:"PropsTable"},(0,a.mdx)(Fe.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"allowClear"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether a clear option is available to clear the selection, will use placeholder text if provided.\nThis is not applicable to the ",(0,a.mdx)("inlineCode",{parentName:"p"},"multiple")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"tag")," variants since the selection can already be deselected using the tag."))),(0,a.mdx)(Fe.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The dropdown menu options."))),(0,a.mdx)(Fe.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default selected value. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(Fe.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select is disabled."))),(0,a.mdx)(Fe.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"dropdownAttrs"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the dropdown. ( Style, ClassNames, etc.. )"))),(0,a.mdx)(Fe.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(Fe.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(Fe.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,a.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."),(0,a.mdx)("p",null,"Only applicable to variants that include an input (e.g. ",(0,a.mdx)("inlineCode",{parentName:"p"},"combobox"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"multiple"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"search"),", and ",(0,a.mdx)("inlineCode",{parentName:"p"},"tag"),")."))),(0,a.mdx)(Fe.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The max height of the dropdown."))),(0,a.mdx)(Fe.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"noResultContent"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to display when no results are found."))),(0,a.mdx)(Fe.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select loses focus. function(event)"))),(0,a.mdx)(Fe.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the value changes. function(value)"))),(0,a.mdx)(Fe.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select is clicked. function(event)"))),(0,a.mdx)(Fe.fI,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"onDeselect"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is deselected. function(value)"))),(0,a.mdx)(Fe.fI,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select receives focus. function(event)"))),(0,a.mdx)(Fe.fI,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"onSearch"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the search criteria changes. function(searchValue)"))),(0,a.mdx)(Fe.fI,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"onSelect"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when an option is selected. function(value)"))),(0,a.mdx)(Fe.fI,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"optionFilter"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function invoked for each option on search change. function(searchValue, option)"))),(0,a.mdx)(Fe.fI,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"placeholder"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Placeholder text."))),(0,a.mdx)(Fe.fI,{key:"ROW20",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(Fe.fI,{key:"ROW21",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The selected value. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(Fe.fI,{key:"ROW22",mdxType:"Row"},(0,a.mdx)(Fe.dt,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(Fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n Variants.COMBOBOX\n Variants.DEFAULT\n Variants.MULTIPLE\n Variants.SEARCH\n Variants.TAG\n],\n"))),(0,a.mdx)(Fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(Fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The behavior of the select. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"combobox"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"multiple"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"tag"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"search"),".")))))}Je.isMDXComponent=!0;var Ke=l(90125),Qe=l(506),et=["components"];function tt(){return tt=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var nt={},at="wrapper";function rt(e){var t=e.components,l=lt(e,et);return(0,a.mdx)(at,tt({},nt,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-select"},"Terra Form Select"),(0,a.mdx)("p",null,"The Select component provides a dropdown of selectable options."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Form-Select component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/base/about"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("p",null,"As a result of accessibility issues, the default implementation of select should not be used. It will be fully removed in a future major version bump. To achieve the same functionality the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/form-select/native-select"},"Native Select")," should be consumed."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Select from 'terra-form-select';\n")),(0,a.mdx)("p",null,"Other variants can be imported as:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import {\n Combobox,\n ComboboxField,\n MultiSelect,\n MultiSelectField,\n NativeSelect,\n NativeSelectField,\n SearchSelect,\n SearchSelectField,\n SelectField,\n SingleSelect,\n SingleSelectField,\n TagSelect,\n TagSelectField,\n} from 'terra-form-select';\n")),(0,a.mdx)("p",null,"Please refer to the respective examples for more information."),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(V,{title:"Default - Marked For Deprecation",description:"The default variant should no longer be used. It remains for passivity until the next major version bump. Please refer to the Native Select component.",mdxType:"DefaultExample"}),(0,a.mdx)(ke,{description:"A search variant provides a searchable single select.",mdxType:"SearchExample"}),(0,a.mdx)(w,{description:"A combobox variant allows a user to enter a single free text entry or select a single option from the the dropdown.",mdxType:"ComboboxExample"}),(0,a.mdx)(Ne,{description:"A multiple variant allows searching and selecting multiple options.",mdxType:"MultipleExample"}),(0,a.mdx)(Xe,{description:"A tag variant allows a user to enter multiple custom free text entries or select multiple options from the the dropdown.",mdxType:"TagExample"}),(0,a.mdx)(_,{title:"Disabled (applies to all)",mdxType:"DisabledExample"}),(0,a.mdx)(z,{title:"Is Touch Accessible (applies to only 'combobox', 'multiple', 'tag', and 'search')",description:"Ensure accessibility on touch devices. Will render the dropdown menu in normal DOM flow with position absolute. By default, the menu renders in a portal, which is inaccessible on touch devices.",mdxType:"IsTouchAccessibleExample"}),(0,a.mdx)(le,{title:"Invalid (applies to all)",description:"Applies theme-specific styling for invalid. Will also display error text when used with a Field.",mdxType:"InvalidExample"}),(0,a.mdx)(ie,{title:"Incomplete (applies to all)",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:"IncompleteExample"}),(0,a.mdx)(Pe,{title:"Ability to add Option Groups (applies to all)",description:"An OptGroup provides a way to group options together within the listbox. Can be applied to all select variants (default, search, combobox, multiple, tag).",mdxType:"OptGroupExample"}),(0,a.mdx)(ye,{titel:"Ability to set a Maximum Height (applies to all)",description:"An example of implementing a custom max height of the dropdown.",mdxType:"MaxHeightExample"}),(0,a.mdx)(f,{title:"Ability to Clear Selection (applies to only 'default', 'combobox', and 'search')",description:"An example with an option to clear the selected item. (Not applicable to 'multiple' or 'tag' variants)",mdxType:"AllowClearExample"}),(0,a.mdx)(h,{title:"Create a Controlled Select (applies to all)",description:"An example of implementing a controlled Select.",mdxType:"ControlledExample"}),(0,a.mdx)("h2",{id:"select-props"},"Select Props"),(0,a.mdx)(Je,{mdxType:"SelectPropsTable"}),(0,a.mdx)("h2",{id:"option-props"},"Option Props"),(0,a.mdx)(Ke.A,{mdxType:"OptionPropsTable"}),(0,a.mdx)("h2",{id:"optgroup-props"},"OptGroup Props"),(0,a.mdx)(Qe.A,{mdxType:"OptGroupPropsTable"}))}rt.isMDXComponent=!0},67086:function(e,t,l){t.A=void 0;var n=p(l(96540)),a=p(l(19137)),r=p(l(67967)),o=p(l(91002));function p(e){return e&&e.__esModule?e:{default:e}}var d=r.default.bind(o.default);t.A=function(){return n.default.createElement(a.default,{placeholder:"Select a color",allowClear:!0,variant:"combobox",className:d("form-select")},n.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),n.default.createElement(a.default.Option,{value:"green",display:"Green"}),n.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),n.default.createElement(a.default.Option,{value:"red",display:"Red"}),n.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))}},56047:function(e,t,l){t.A=void 0;var n=p(l(96540)),a=p(l(19137)),r=p(l(67967)),o=p(l(91002));function p(e){return e&&e.__esModule?e:{default:e}}var d=r.default.bind(o.default);t.A=function(){return n.default.createElement(a.default,{placeholder:"Select a color",variant:"combobox",className:d("form-select")},n.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),n.default.createElement(a.default.Option,{value:"green",display:"Green"}),n.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),n.default.createElement(a.default.Option,{value:"red",display:"Red"}),n.default.createElement(a.default.Option,{value:"violet",display:"Violet"}))}},11342:function(e,t,l){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.A=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=i(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var p=r?Object.getOwnPropertyDescriptor(e,o):null;p&&(p.get||p.set)?Object.defineProperty(a,o,p):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(96540)),r=d(l(19137)),o=d(l(67967)),p=d(l(91002));function d(e){return e&&e.__esModule?e:{default:e}}function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(i=function(e){return e?l:t})(e)}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,a,r,o,p=[],d=!0,i=!1;try{if(r=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;d=!1}else for(;!(d=(n=r.call(l)).done)&&(p.push(n.value),p.length!==t);d=!0);}catch(e){i=!0,a=e}finally{try{if(!d&&null!=l.return&&(o=l.return(),Object(o)!==o))return}finally{if(i)throw a}}return p}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);"Object"===l&&e.constructor&&(l=e.constructor.name);if("Map"===l||"Set"===l)return Array.from(e);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},c="wrapper";function m(e){var t=e.components,n=s(e,l);return(0,a.mdx)(c,d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra-section-header"},"Accessibility Guide for Terra Section Header"),(0,a.mdx)("h2",{id:"why-the-accessibility-of-terra-section-header"},"Why the accessibility of Terra Section Header?"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"The accessibility of Section Headers is important because headers are used on virtually every page and in every product. Section Headers convey the visual and programmatic structure and informational hierarchy of the page. The context headings provide also help users understand what to expect within the content. However, if section headers are not coded correctly or use words that accurately describe the content they represent, they can cause confusion, prevent users from understanding, and create accessibility barriers."),(0,a.mdx)("p",{parentName:"blockquote"},"The code behind the headings provides context to the structure of the page and allows additional navigational methods for some assistive technology users. Improperly coded headings create accessibility barriers to these users.")),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations."),(0,a.mdx)("h3",{id:"content-considerations"},"Content Considerations"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Ensure each Section Header has a meaningful label that describe the purpose of the heading.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Section Headers must accurately describe the content they represent."),(0,a.mdx)("li",{parentName:"ul"},"Provide engineers the meaningful label that matches for each heading."))),(0,a.mdx)("li",{parentName:"ul"},"Work with engineers to convey the structure of the page.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"For each heading on the page, provide the engineers with an appropriate heading level to use to match the placement of the heading on the page."))),(0,a.mdx)("li",{parentName:"ul"},"When implementing section header, do not override default theme colors of section header to ensure the Section Header be easily perceived against its background color. If changing the default colors, the text color must meet a minimum contrast ratio against the background color. See ",(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"WCAG 1.4.3 Contrast Minimum")," and ",(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-text Content")," for more information."),(0,a.mdx)("li",{parentName:"ul"},"Do not cause any unexpected events to occur on focus or on input of any actionable controls.")),(0,a.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,a.mdx)("blockquote",null,(0,a.mdx)("ul",{parentName:"blockquote"},(0,a.mdx)("li",{parentName:"ul"},"Section Headers must programmatically have a heading level that is set to match the structure of its placement on the page. Work with the Content creators to understand what level to assign each Section Header used.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Developers must apply the appropriate heading levels (1 to 6) prop to the heading. The heading level should match the hierarchical structure of the page. ",(0,a.mdx)("div",{"aria-label":"Example Demo"},(0,a.mdx)(i.A,{mdxType:"AccordionSectionHeaderAccess"})))))),(0,a.mdx)("pre",{parentName:"blockquote"},(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'const AccordionSectionHeader = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClick = () => {\n setIsOpen(!isOpen);\n };\n\n const sectionHeaderProps = {\n isOpen,\n level: 3,\n onClick: handleClick,\n };\n\n return (\n
\n \n \n \n

Cats

\n

Dogs

\n

Dust

\n

Mold

\n

Latex

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

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

")," should be the page title.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"A section header should never be a heading level 1."))),(0,a.mdx)("li",{parentName:"ul"},"Do not implement any action to activate on the down event. All actions must be initiated on the up event."))),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"User expects headings to describe the content they represent."),(0,a.mdx)("li",{parentName:"ul"},"User does not expect to navigate to or interact with a Section Header unless it is expandable or collapsible.")),(0,a.mdx)("h2",{id:"interaction-details"},"Interaction Details"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Terra Section Header, when expandable or collapsible, must be able to be accessed, interacted with, and acted upon using only the keyboard. Engineers must also ensure actional elements inside a Section Header can:"),(0,a.mdx)("li",{parentName:"ul"},"Receive focus in the logical reading order of the user."),(0,a.mdx)("li",{parentName:"ul"},"Display a visible keyboard focus when the control is in focus."),(0,a.mdx)("li",{parentName:"ul"},"Setting a Tabindex should not be required. However, if any elements are assigned a Tabindex, it is critical that a Tabindex higher than 0 is never used.")),(0,a.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,a.mdx)("p",null,"The basic keyboard navigation expectations: "),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("em",{parentName:"td"},"Tab")),(0,a.mdx)("td",{parentName:"tr",align:null},"Moves focus on to and off an expandable/collapsible Section Header. User expects to navigate from element to interactable element User expects elements to receive focus in the logical reading order of the page.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("em",{parentName:"td"},"Space & Enter")),(0,a.mdx)("td",{parentName:"tr",align:null},"When focus is on the Section Header of a collapsed section, expands the section and vice-versa.")))),(0,a.mdx)(o.A,{newline:4,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,a.mdx)("h3",{id:"primary-criteria-related-to-terra-section-header"},"Primary criteria related to Terra Section Header"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure any visual relationship with a section header and other content that conveys meaning must programmatically set associations to the content for visual relationships can be understood by screen reader users."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should provide engineering with Section Header level to match structure within the page. Must also express to the engineer any visual relationships of a Section Header to other content for them to ensure engineers can programmatically convey the visual relationships."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html"},"2.4.6 Headings and Labels")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability to create labels that are descriptive of their purpose. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must implement meaningful text for labels to accurately describe their purpose. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure Section Headers and labels accurately describe the purpose of the content they represent. ")))),(0,a.mdx)("h3",{id:"other-accessibility-criteria-consuming-teams-are-responsible-for"},"Other accessibility criteria consuming teams are responsible for"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html"},"1.1.1 Non-text Content")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability to use icons inside a Section Header."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure appropriate alternate content is added to graphics, icons, or images that convey meaning. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with alternate content that conveys meaning to the user. "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html"},"1.3.2 Meaningful Sequence")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Section Header provides the ability for components to be presented in the order in which they are coded."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure content is meaningful and logical. If there is a visual presentation of content that is important for the user to understand, that must be available programmatically."),(0,a.mdx)("li",{parentName:"ul"},"Content creator must ensure content is read in a meaningful and logical order so as to not lose context. Must also convey to the engineers any visual presentation of the use of Section Header which creates meaning in the order so that it can be programmatically understood."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure content within Terra Section Header can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or loss of information or functionality."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra Section Header and provide engineers guidance on how it should content should reflow when the viewport is resized to 320 x 256 px"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-Text Contrast")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides components that, by default, meet color contrast requirements. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any graphical elements used within Section Header that convey information meets a 3:1 color contrast ratio."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Section Header provides components that, by default, meet color contrast requirements."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement Section Header so that Section Header text color and the background color meet appropriate color contrast ratios."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that the Section Header text color meets the appropriate contrast ratio against background color(s) based on text size of the visual structure text. Contrast ratios should be above 4.5:1 for normal text and 3:1 for bold and large text."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html"},"2.1.1 Keyboard")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for all interactable elements to receive focus, be interacted with, and be acted upon via keyboard."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon using the keyboard."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon using the keyboard."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html"},"2.4.3 Focus Order")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for actionable components to receive focus in the order they are coded."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that the focus order is expected and preserves page meaning. Code order should follow the logical reading order of the user. Though a TABINDEX attribute should not be required to ensure keyboard use, if used, never use a TABINDEX value higher than 0. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators should convey to the engineers the logical reading order of the page."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html"},"2.4.7 Focus Visible")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for actionable elements to receive visual focus."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure a visible keyboard focus is maintained on all interactive elements. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that whenever Section Header receives focus, the focus must be visible and maintain existing Terra Keyboard Focus styles."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation.html"},"2.5.2 Pointer Cancellation")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components use the up event to perform actions."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure actionable controls always take on the up event (never the down event)."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html"},"3.2.1 On Focus")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components do not cause a change of context on focus by default."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that no unexpected change of context happens when interactive elements receive focus."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that Section Header should not cause any change when an interactable control receives focus. "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification.html"},"3.2.4 Consistent Identification")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for elements to be consistently identified. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that elements used for the same function are identified consistently."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any icons used are used to represent the same function consistently. Additionally, the alternate content used to describe icons must be consistent for users to understand their function predictably."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/parsing.html"},"4.1.1 Parsing")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components are tested and validated before release to ensure proper code parsing. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure their code is valid HTML."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},"4.1.2 Name, Role, Value")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for ",(0,a.mdx)("inlineCode",{parentName:"li"},"Name")," ",(0,a.mdx)("inlineCode",{parentName:"li"},"Role"),", and ",(0,a.mdx)("inlineCode",{parentName:"li"},"Value")," attributes to be programmatically determined so as to be read by screen readers. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure child elements added into Section Header have an accessible name, proper role, and value for the intended use. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with names to appropriately identify controls added within Section Header.")))),(0,a.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)."),(0,a.mdx)("li",{parentName:"ul"},"Voice Over Support with Chrome, Safari (MAC)."),(0,a.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology."),(0,a.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology.")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,a.mdx)("h2",{id:"references"},"References:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG) ")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/semanticstructure/#headings"},"WebAim.org: Semantic Structure: Regions, Headings, and Lists")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/keyboard/"},"WebAim.org: Keyboard Accessibility"))))}m.isMDXComponent=!0},50695:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),r=n(55713),o=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.70.0",url:t})}},18290:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(96540)),r=m(n(5556)),o=m(n(46942)),i=m(n(67967)),l=m(n(56500)),d=m(n(52103)),s=m(n(74887)),u=m(n(90498)),c=["children","variant","visuallyHiddenText"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h=i.default.bind(s.default),g={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},b={variant:"default"},y=function(e){var t=e.children,n=e.variant,r=e.visuallyHiddenText,i=f(e,c),s=a.default.useContext(d.default),u=(0,o.default)(h(["card",n,s.className]),i.className),m=r?a.default.createElement(l.default,{text:r}):null;return a.default.createElement("article",p({},i,{className:u}),m,t)};y.propTypes=g,y.defaultProps=b,y.Body=u.default;t.default=y},90498:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),o=u(n(46942)),i=u(n(67967)),l=u(n(52103)),d=u(n(58647)),s=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(d.default),f={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},h=function(e){var t=e.children,n=e.hasPaddingVertical,r=e.hasPaddingHorizontal,i=e.isContentCentered,d=m(e,s),u=a.default.useContext(l.default),f=(0,o.default)(p([{"vertical-padding":n},{"horizontal-padding":r},{"center-content":i},u.className]),d.className);return a.default.createElement("div",c({},d,{className:f}),t)};h.propTypes=f,h.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=h},19448:function(e,t,n){t.A=void 0;var a=s(n(96540)),r=s(n(5556)),o=s(n(46942)),i=s(n(67967)),l=s(n(71969)),d=["newline"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=i.default.bind(l.default),p={newline:r.default.oneOf([1,2,3,4,5,6,7,8])},f=function(e){var t=e.newline,n=c(e,d),r=(0,o.default)(m("whitespace","newline-".concat(t)),n.className);return a.default.createElement("div",u({},n,{className:r,"aria-hidden":"true"}))};f.propTypes=p,f.defaultProps={newline:1};t.A=f},73902:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.A=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(96540)),o=d(n(18290)),i=d(n(22745)),l=d(n(97742));function d(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],d=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(a=o.call(n)).done)&&(l.push(a.value),l.length!==t);d=!0);}catch(e){s=!0,r=e}finally{try{if(!d&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(l.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},g=function(e){var t=e.children,n=c(e,d),r=a.default.useContext(i.default),l=(0,o.default)(m(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:l,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};g.propTypes=h;t.default=g},18875:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),o=d(n(67967)),i=d(n(52103)),l=d(n(38616));function d(e){return e&&e.__esModule?e:{default:e}}var s=o.default.bind(l.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,o=a.default.useContext(i.default);return a.default.createElement("div",{className:s("notice",n,o.className)},a.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:s("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},60934:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),o=u(n(46942)),i=u(n(67967)),l=u(n(52103)),d=u(n(27683)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(d.default),f={title:r.default.string},h=function(e){var t=e.title,n=m(e,s),r=a.default.useContext(l.default),i=(0,o.default)(p(["placeholder",r.className]),n.className),d=p(["inner"]);return a.default.createElement("div",c({},n,{className:i}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:p("title")},t)))};h.propTypes=f,h.defaultProps={title:""};t.default=h},68523:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=i(n(18875)),r=i(n(60934)),o=i(n(91563));function i(e){return e&&e.__esModule?e:{default:e}}},97742:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(96540)),r=s(n(5556)),o=s(n(67967)),i=s(n(56650)),l=s(n(76835)),d=["isAnimated","isOpen","children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(l.default),p={children:r.default.node.isRequired,isAnimated:r.default.bool,isOpen:r.default.bool},f=function(e){var t,n=e.isAnimated,r=e.isOpen,o=e.children,l=c(e,d),s=r?"auto":0;return t=n?a.default.createElement(i.default,{duration:250,height:s,easing:"ease-out"},o):r&&o,a.default.createElement("div",u({},l,{className:m("toggle",l.className),"aria-hidden":!r}),t)};f.propTypes=p,f.defaultProps={isAnimated:!1,isOpen:!1};t.default=f},74887:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___mGqg1","orion-fusion-theme":"Card-module__orion-fusion-theme___pKdAk","redwood-theme":"Card-module__redwood-theme___q3rY8",card:"Card-module__card___065D-",default:"Card-module__default___2cIRO",raised:"Card-module__raised___3pYfF"}},58647:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___K00C6","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___k2Ldr","redwood-theme":"CardBody-module__redwood-theme___VMcf6","vertical-padding":"CardBody-module__vertical-padding___UHG80","horizontal-padding":"CardBody-module__horizontal-padding___OqvV2","center-content":"CardBody-module__center-content___kMmT+"}},71969:function(e,t,n){n.r(t),t.default={whitespace:"Whitespace-module__whitespace___DPfQS","newline-1":"Whitespace-module__newline-1___bKmlz","newline-2":"Whitespace-module__newline-2___bmmzw","newline-3":"Whitespace-module__newline-3___ORV3M","newline-4":"Whitespace-module__newline-4___g7otO","newline-5":"Whitespace-module__newline-5___sOge+","newline-6":"Whitespace-module__newline-6___rHqfU","newline-7":"Whitespace-module__newline-7___iiRm7","newline-8":"Whitespace-module__newline-8___nGGTR"}},43840:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___mWSPm","orion-fusion-theme":"Button-module__orion-fusion-theme___nj7k4",button:"Button-module__button___r5O1Q","is-active":"Button-module__is-active___CVWJw"}},38616:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___J4EGN","orion-fusion-theme":"Notice-module__orion-fusion-theme___1W9PK",notice:"Notice-module__notice___8kOwf",children:"Notice-module__children___cF5Rb",accessory:"Notice-module__accessory___h3l7H",title:"Notice-module__title___PeXjO","ux-recommendation":"Notice-module__ux-recommendation___tJWAL",caution:"Notice-module__caution___STLbH",deprecation:"Notice-module__deprecation___rWWLq",maintenance:"Notice-module__maintenance___o2AK1",important:"Notice-module__important___WpELD","not-supported":"Notice-module__not-supported___eAx6o",paragraph:"Notice-module__paragraph___BwEGe",list:"Notice-module__list___kOyCE"}},27683:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___rMAZk","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___78cuG",placeholder:"Placeholder-module__placeholder___FPYJB",inner:"Placeholder-module__inner___-U1IZ",title:"Placeholder-module__title___lsXDJ"}},76835:function(e,t,n){n.r(t),t.default={toggle:"Toggle-module__toggle___7fo88"}}}]); \ No newline at end of file diff --git a/pull/4102/29092-09f09ac83a4d5e52fe42.css b/pull/4102/29092-09f09ac83a4d5e52fe42.css new file mode 100644 index 00000000000..bba0cb98c04 --- /dev/null +++ b/pull/4102/29092-09f09ac83a4d5e52fe42.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Whitespace-module__whitespace___DPfQS{display:block;min-height:0}[dir] .Whitespace-module__whitespace___DPfQS{margin:0;padding:0}.Whitespace-module__newline-1___bKmlz{height:1.4285714286em}.Whitespace-module__newline-2___bmmzw{height:2.8571428572em}.Whitespace-module__newline-3___ORV3M{height:4.2857142858em}.Whitespace-module__newline-4___g7otO{height:5.7142857144em}.Whitespace-module__newline-5___sOge\+{height:7.142857143em}.Whitespace-module__newline-6___rHqfU{height:8.5714285716em}.Whitespace-module__newline-7___iiRm7{height:10.0000000002em}.Whitespace-module__newline-8___nGGTR{height:11.4285714288em} +.Card-module__clinical-lowlight-theme___mGqg1{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___pKdAk{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__redwood-theme___q3rY8{--terra-card-background-color: var(--card-background-color);--terra-card-border-radius: var(--card-border-radius);--terra-card-border: var(--card-border);--terra-card-color: inherit;--terra-card-raised-box-shadow: var(--card-box-shadow)}.Card-module__card___065D-{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___065D-{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___2cIRO{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___3pYfF{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___K00C6{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___k2Ldr{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}.CardBody-module__redwood-theme___VMcf6{--terra-card-padding-bottom: var(--card-padding-bottom);--terra-card-padding-left: var(--card-padding-left);--terra-card-padding-right: var(--card-padding-right);--terra-card-padding-top: var(--card-padding-top)}[dir] .CardBody-module__vertical-padding___UHG80{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___OqvV2{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___OqvV2{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___kMmT\+{text-align:center} +.A11yExamples-module__card___LXqQa{width:100%}.A11yExamples-module__informative-example___YxO6L{font-size:.85rem;max-width:40rem;width:100%}[dir] .A11yExamples-module__informative-example___YxO6L{padding:.25rem 1rem 0;text-align:center}[dir=ltr] .A11yExamples-module__informative-example___YxO6L{margin-left:auto;margin-right:auto}[dir=rtl] .A11yExamples-module__informative-example___YxO6L{margin-right:auto;margin-left:auto}[dir] .A11yExamples-module__image___920zI{margin:0 auto}.A11yExamples-module__title___hwV0s{display:block;font-size:1.1em}[dir] .A11yExamples-module__title___hwV0s{margin-bottom:.25em;margin-top:.5em}.A11yExamples-module__cite___GFixo{display:block}[dir] .A11yExamples-module__cite___GFixo{margin-top:.25em}.A11yExamples-module__decorative-example___88L7S{min-height:240px;position:relative;width:100%}.A11yExamples-module__decorative-example___88L7S .A11yExamples-module__background___Haw5c{height:240px;width:100%}.A11yExamples-module__decorative-example___88L7S .A11yExamples-module__foreground___dqoFi{position:absolute;top:0;width:100%}[dir] .A11yExamples-module__decorative-example___88L7S .A11yExamples-module__foreground___dqoFi{padding:20px}.A11yExamples-module__decorative-example___88L7S .A11yExamples-module__card___LXqQa{opacity:.85}.A11yExamples-module__decorative-text-container___\+M5Pv{font-size:.85rem}[dir] .A11yExamples-module__decorative-text-container___\+M5Pv{text-align:center}[dir=ltr] .A11yExamples-module__decorative-text-container___\+M5Pv{padding-left:1rem;padding-right:1rem}[dir=rtl] .A11yExamples-module__decorative-text-container___\+M5Pv{padding-right:1rem;padding-left:1rem}@media screen and (min-width: 544px){.A11yExamples-module__informative-example___YxO6L{font-size:1rem}.A11yExamples-module__decorative-text-container___\+M5Pv{font-size:1rem}[dir=ltr] .A11yExamples-module__decorative-text-container___\+M5Pv{padding-left:3rem;padding-right:3rem}[dir=rtl] .A11yExamples-module__decorative-text-container___\+M5Pv{padding-right:3rem;padding-left:3rem}} diff --git a/pull/4102/29092-09f09ac83a4d5e52fe42.js b/pull/4102/29092-09f09ac83a4d5e52fe42.js new file mode 100644 index 00000000000..17eb6d0e2e9 --- /dev/null +++ b/pull/4102/29092-09f09ac83a4d5e52fe42.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[29092],{55713:function(e,t,a){var n=a(24994);t.A=void 0;var r=n(a(96540)),i=n(a(5556)),o=n(a(67967)),l=n(a(25642)),s=o.default.bind(l.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var t=e.src,a=e.name,n=e.url,i=e.version,o=r.default.createElement("a",{className:s("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},r.default.createElement("span",{className:s("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:s("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:s("badge"),href:t},r.default.createElement("span",{className:s("badge-name")},"github"),r.default.createElement("span",{className:s("badge-version")},"source")):void 0;return r.default.createElement("div",{className:s("badge-container")},o,l)};m.propTypes=d;t.A=m},29092:function(e,t,a){a.r(t),a.d(t,{default:function(){return f}});a(96540);var n=a(36665),r=a(56213),i=a(68523),o=a(19448),l=a(45850),s=a(69574),d=a(80556),m=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p={},h="wrapper";function f(e){var t=e.components,a=u(e,m);return(0,n.mdx)(h,c({},p,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-terra-image"},"Accessibility Guide for Terra Image"),(0,n.mdx)(i.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},(0,n.mdx)("ol",null,(0,n.mdx)("li",{parentName:"ol"},"For each use of Terra Image, ",(0,n.mdx)("strong",{parentName:"li"},"special care needs to be taken to determine")," whether it conveys ",(0,n.mdx)("strong",{parentName:"li"},"meaningful and informative context"),", or is simply ",(0,n.mdx)("strong",{parentName:"li"},"adding visual decoration")," to the page."),(0,n.mdx)("li",{parentName:"ol"},"Informative images ",(0,n.mdx)("strong",{parentName:"li"},"must provide alternative text to the alt attribute"),". Writing ",(0,n.mdx)("strong",{parentName:"li"},"meaningful alternative text")," is also critical to properly meet accessibility success criteria."),(0,n.mdx)("li",{parentName:"ol"},"Images set to be decorative need to ensure they are purely decorative, or the context must be provided already by other adjacent elements. "))),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)("h3",{id:"why-is-this-important"},"Why is this important?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Images and graphics make content more pleasant and easier to understand for many people, and in particular for those with cognitive and learning disabilities. They serve as cues that are used by people with visual impairments, including people with low vision, to orient themselves in the content."),(0,n.mdx)("p",{parentName:"blockquote"},"However, images are ","[","often","]"," used extensively on websites and can create major barriers when they are not accessible. Accessible images are beneficial in many situations, such as:"),(0,n.mdx)("ul",{parentName:"blockquote"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"People using screen readers:")," The text alternative can be read aloud or rendered as Braille."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"People using speech input software:")," Users can put the focus onto a button or linked image with a single voice command."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"People browsing speech-enabled websites:")," The text alternative can be read aloud."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Mobile web users:")," Images can be turned off, especially for data-roaming."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Search engine optimization:")," Images become indexable by search engines.")),(0,n.mdx)("p",{parentName:"blockquote"},(0,n.mdx)("em",{parentName:"p"}," "," ","—"," excerpt from ",(0,n.mdx)("a",{parentName:"em",href:"https://www.w3.org/WAI/tutorials/images/"},"Image Concepts (W3C: Web Accessibility Tutorials)")),(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[1]")))),(0,n.mdx)(o.A,{newline:2,mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations:"),(0,n.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"All non-text content must be represented in a text format in one way or another, whether in the form of an alt attribute for an image, an alternative representation of non-HTML objects, or within the accessibility API methods of non-HTML objects."),(0,n.mdx)("p",{parentName:"blockquote"},(0,n.mdx)("em",{parentName:"p"}," "," ","—"," excerpt from ",(0,n.mdx)("a",{parentName:"em",href:"https://dequeuniversity.com/assets/pdf/module-nontext/module-nontext-checklist.pdf"},"Summary and Checklist: Images, Canvas, SVG, and Other Non-Text Content (Deque)")),(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[2]")))),(0,n.mdx)("p",null,"When using images, extra consideration needs to be taken for screen reader users that may be blind, have low vision, or have cognitive disabilities. Applications need to provide alternative non-visual descriptions for screen readers in the form of alt text. When a screen reader encounters an image, it will attempt to read the text alternative.",(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[3]"))),(0,n.mdx)("p",null,"W3C (World Wide Web Consortium) divides images into seven concept categories for accessibility purposes:",(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[1]"))),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tutorials/images/informative/"},"Informative images")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tutorials/images/decorative/"},"Decorative images")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tutorials/images/functional/"},"Functional images")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tutorials/images/textual/"},"Images of text")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tutorials/images/complex/"},"Complex images")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tutorials/images/groups/"},"Groups of images")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tutorials/images/imagemap/"},"Images maps"))),(0,n.mdx)("p",null,"Knowing which type of image and how to add proper alternative text appropriate for the usage type can be difficult. Use the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/tutorials/images/decision-tree/"},"Alt Decision Tree (W3C)")," to help determine which usage is appropriate based on context and content of each image."),(0,n.mdx)("p",null,"The ",(0,n.mdx)("a",{parentName:"p",href:"https://accessibility.deque.com/accessible-images-when-it-matters-most"},"Accessible Images When It Matters Most")," video presentation by Carie Fisher, Senior Accessibility Consultant at Deque, goes into depth about best practice techniques when creating accessible images and gives examples to help determine the appropiate image concept type."),(0,n.mdx)("p",null,"Terra Image handles two of the image concepts ","—"," ",(0,n.mdx)("strong",{parentName:"p"},"informative")," images (also called ",(0,n.mdx)("em",{parentName:"p"},'"meaningful"')," images) and ",(0,n.mdx)("strong",{parentName:"p"},"decoratiive")," images (also called ",(0,n.mdx)("em",{parentName:"p"},'"presentation"')," images). The other image concepts may be supported in the future or can be contructed by consumers following the reccomeneded patterns."),(0,n.mdx)("hr",null),(0,n.mdx)("h4",{id:"1-when-to-use-image"},"1. When to use Image"),(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Informative Images")," graphically represent concepts and information, typically pictures, photos, and illustrations. Informative images convey a simple concept or information that can be expressed in a short phrase or sentence.",(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[1]"))),(0,n.mdx)("p",null,"Informative Images ",(0,n.mdx)("strong",{parentName:"p"},"must have text alternatives provided by the alt attribute"),", that describe the information or function represented by the image. This ensures that images can be used by people with various disabilities with help of assistive technologies. The text alternative should convey the meaning or content that is displayed visually, which typically isn't a literal description of the image. In some situations a detailed literal description may be needed, but only when the content of the image is all or part of the conveyed information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"When the image contributes meaning to the current page or context."),(0,n.mdx)("li",{parentName:"ul"},"When the image is being used to suppliment and support other information."),(0,n.mdx)("li",{parentName:"ul"},"When the image is an illustration, diagram, or photograph that shows directions or explains succint information."),(0,n.mdx)("li",{parentName:"ul"},"When the image conveys an impression or emotion.")),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)(i.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Accessibility Guidance: Creating Descriptive Alternative Text")),(0,n.mdx)("p",null,(0,n.mdx)("em",{parentName:"p"},"Example 1:")),(0,n.mdx)("p",null,"When deciding what to add for descriptive alternative text, consider how the image is being used and any surrounding content that helps to establish context."),(0,n.mdx)("p",null,"This image shows a photograph of the Matterhorn, but has no additional surrounding content, therefore the non-text content should be more descriptive and contain an objective description of the image shown. A recommended alternative text could be similar to: ",(0,n.mdx)("inlineCode",{parentName:"p"},'alt="North-east face of the Matterhorn mountain peak and surrounding landscape covered in snow against a blue sky, located in the Swiss Apps near Zermatt, Switzerland"'),"."),(0,n.mdx)(l.A,{mdxType:"A11yExampleInformative"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-diff"}," import React from 'react';\n import Image from 'terra-image';\n import matterhornImage from '../lib/folder/Matterhorn_150x150.jpg';\n\n+ const matterhornAlternativeText = 'North-east face of the Matterhorn \n+ mountain peak and surrounding landscape covered in snow against a \n+ blue sky, located in the Swiss Apps near Zermatt, Switzerland';\n\n export default () => (\n <>\n {matterhornDeAlternativeText}\n\n Matterhorn\n \n );\n")),(0,n.mdx)(o.A,{newline:2,mdxType:"Whitespace"}),(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Accessibility Guidance: Concise Alternative Text")),(0,n.mdx)("p",null,(0,n.mdx)("em",{parentName:"p"},"Example 2:")),(0,n.mdx)("p",null,"In this example, the photograph of the Matterhorn is accompanied by additional text that describes the information and gives context to the user that Matterhorn is a mountain peak located in the Alps near Zermatt, Switzerland. Since the context and description is already handled by the text, the alternative text can be more concise and the recommended text for this use would be: ",(0,n.mdx)("inlineCode",{parentName:"p"},'alt="Matterhorn mountain peak"'),"."),(0,n.mdx)("p",null,"Additional guidance and examples can be read in ",(0,n.mdx)("a",{parentName:"p",href:"https://webaim.org/techniques/alttext/"},"WebAIM's Alternative Text")," article, as well as the ",(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},"Content Considerations")," section below."),(0,n.mdx)(s.A,{mdxType:"A11yExampleInformativeConcise"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-diff"}," import React from 'react';\n import Image from 'terra-image';\n import matterhornImage from '../lib/folder/Matterhorn_150x150.jpg';\n\n+ const matterhornBriefAlternativeText = 'Matterhorn mountain peak';\n\n export default () => (\n <>\n {matterhornBriefAlternativeText}\n\n Matterhorn\n+

\n+ Standing at 4,478 meters (14,692ft), Matterhorn is the fifth \n+ highest peak in the Alps located on the border between Switzerland \n+ and Italy, in the Monte Rosa area of the western Pennine Alps, and \n+ overlooks the Swiss town of Zermatt.\n+

\n \n );\n")),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Additional WCAG Resources for Informative Images")),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Techniques/general/G94"},"G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content"),"."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Techniques/html/H37"},"H37: Using alt attributes on img elements"),"."))),(0,n.mdx)("hr",null),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)("h4",{id:"2-when-to-use-decorative-image"},"2. When to use Decorative Image"),(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Decorative Images")," do not add information to the content of a page. For example, the information provided by the image might already be given using adjacent text, or the image might be included to make the website more visually attractive. The only purpose of an image is to add visual decoration to the page, rather than to convey information that is important to understanding the page.",(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[1]"))),(0,n.mdx)("p",null,"Decorative images must have a null (empty) alt text (",(0,n.mdx)("inlineCode",{parentName:"p"},'alt=""'),") so that they will be ignored by assistive technologies, such as screen readers. Any text values provided for these types of images would add audible clutter to screen reader output or could distract users if the topic is different from that in adjacent text. Leaving out the alt attribute is also not an option because when it is not provided, some screen readers will announce the file name of the image instead."),(0,n.mdx)("p",null,"To help with this, ",(0,n.mdx)("strong",{parentName:"p"},"Terra automatically adds the appropriate empty alt text")," assignment for images that are decorative, and consumers should not provide alternative text when using ",(0,n.mdx)("inlineCode",{parentName:"p"},"DecorativeImage"),"."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"When the image is used as part of the page design."),(0,n.mdx)("li",{parentName:"ul"},"When the image is helping to make something else easier to identify, but does not add to the information already provided."),(0,n.mdx)("li",{parentName:"ul"},"When the image is used with adjacent already visible alternate text."),(0,n.mdx)("li",{parentName:"ul"},"When the image is only shown for visual effects or ambiance (eye candy).")),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)(i.Notice,{variant:"important",ariaLevel:"5",mdxType:"Notice"},(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Accessibility Guidance: Adding Decorative Images")),(0,n.mdx)("p",null,"When an image is not part of the content and serves as visual reinforcement of structure that is already present in text, a Decorative Image is the appropriate choice. The example below is a composition that positions the image as a background behind the primary content. If the image were deleted, the important content would not be lost, since it already exists as text."),(0,n.mdx)("p",null,"The decorative image does not require adding alternative text, and the appropriate empty ",(0,n.mdx)("inlineCode",{parentName:"p"},"alt=''")," and ",(0,n.mdx)("inlineCode",{parentName:"p"},"role='presentation'")," attributes will be added automatically."),(0,n.mdx)(d.A,{mdxType:"A11yExampleDecorative"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-diff"}," import React from 'react';\n import classNamesBind from 'classnames/bind';\n import Image from 'terra-image';\n import matterhornImage from '../lib/folder/Matterhorn_960x640.jpg';\n import styles from './BackgroundImageStyles.module.scss';\n\n const cx = classNamesBind.bind(styles);\n\n export default () => (\n
\n+ \n
\n Matterhorn\n

\n Standing at 4,478 meters (14,692ft), Matterhorn is the fifth \n highest peak in the Alps located on the border between Switzerland \n and Italy, in the Monte Rosa area of the western Pennine Alps, and \n overlooks the Swiss town of Zermatt.\n

\n
\n
\n );\n")),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)("p",null,(0,n.mdx)("strong",{parentName:"p"},"Additional WCAG Resources for Decorative Images")),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Techniques/html/H2"},"H2: Combining adjacent image and text links for the same resource"),"."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Techniques/html/H67"},"H67: Using null alt text and no title attribute on img elements for images that AT should ignore"),"."))),(0,n.mdx)("hr",null),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)("h3",{id:"content-considerations"},"Content Considerations"),(0,n.mdx)("p",null,"As authors create alternative text descriptions for informative images — the content itself and choosing descriptive words and phrases is an equally important factor in ensuring proper accessibility in addition to the coding techniques listed above."),(0,n.mdx)("h4",{id:"alternative-text"},"Alternative Text"),(0,n.mdx)("p",null,"These image description guidelines were developed by the Carl and Ruth Shapiro Family National Center for Accessible Media at WGBH (NCAM) in conjunction with the DIAGRAM Center (Digital Image And Graphic Resources for Accessible Materials) at Benetech.",(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[4]"))),(0,n.mdx)("blockquote",null,(0,n.mdx)("ul",{parentName:"blockquote"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},(0,n.mdx)("strong",{parentName:"em"},"Context is Key:"))," Survey the text surrounding an image to understand how it fits into the bigger picture. Use context to decide which basic concepts and terms have already been explained, and avoid repetition of explanations."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},(0,n.mdx)("strong",{parentName:"em"},"Consider Your Audience:"))," Know your target reader (e.g. age, culture, subject-matter expertise). Use vocabulary and phrases appropriate for the reader."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},(0,n.mdx)("strong",{parentName:"em"},"Be Concise:"))," More is NOT better - be succinct. Don't repeat information presented in the main or adjacent texts. Instead, direct readers to existing descriptions, when available (e.g. captions). Avoid introducing new concepts or terms."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},(0,n.mdx)("strong",{parentName:"em"},"Be Objective:"))," Describe only what you see - physical appearances and actions rather than emotions and possible intentions. Don't interpret or analyze the material. Instead, allow readers to form their own opinions. Don't omit uncomfortable or controversial content, such as images associated with politics, religion, or sex."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},(0,n.mdx)("strong",{parentName:"em"},"General to Specific:"))," Start with high-level context, and then drill down to details that enhance understanding. This provides the reader with options about how much information to read. Segment content into logical, digestible chunks."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},(0,n.mdx)("strong",{parentName:"em"},"Tone and Language:"))," Apply the same writing style and terminology as the surrounding text. Write out abbreviations and symbols to ensure proper pronunciation by screen readers. Use descriptive vocabulary that adds meaning (e.g. “map” instead of “image”).")),(0,n.mdx)("p",{parentName:"blockquote"},(0,n.mdx)("em",{parentName:"p"}," "," ","—"," excerpts from ",(0,n.mdx)("a",{parentName:"em",href:"http://diagramcenter.org/table-of-contents-2.html"},"Image Description Guidelines (Diagram Center, A Benetech Initiative)")),(0,n.mdx)("a",{parentName:"p",href:"/terra-core/pull/4102/components/cerner-terra-core-docs/image/accessibility-guide"},(0,n.mdx)("sup",null,"[4]")))),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)("h4",{id:"additional-writing-resources-and-content-strategies"},"Additional Writing Resources and Content Strategies"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.deque.com/blog/accessibility-strategies-for-your-content-team/"},"Deque » Blog: Accessibility Strategies for Your Content Team")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.deque.com/blog/great-alt-text-introduction/"},"Deque » Blog: How to Design Great Alt Text: An Introduction")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"http://diagramcenter.org/specific-guidelines-final-draft.html"},"Diagram Center (A Benetech Initiative) » Alternative Text Guidance by Image Type")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/alttext/"},"WebAIM (Accessibility In Mind) » Alternative Text")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#write-meaningful-text-alternatives-for-images"},"W3C Web Accessibility Initiative (WAI) » Tips: Writing for Web Accessibility")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://usability.yale.edu/web-accessibility/articles/images"},"Yale University » Usability Best Practices: Images"))),(0,n.mdx)(o.A,{newline:4,mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,n.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Informative images")," are not interactive and do not respond to keyboard tab navigation or mouse/touch presses, but are expected to be read by screen readers and assistive technology. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},"Read more at ",(0,n.mdx)("a",{parentName:"em",href:"https://www.w3.org/WAI/tutorials/images/informative/"},"Informative Images (W3C: Web Accessibility Tutorials)"),".")))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Decorative images")," should be ignored by screen readers and assistive technology and have no corresponding behaviors or interactions. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},"Read more at ",(0,n.mdx)("a",{parentName:"em",href:"https://www.w3.org/WAI/tutorials/images/decorative/"},"Decorative Images (W3C: Web Accessibility Tutorials)"),".")))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Functional images")," that are interactive and used to initiate actions (e.g. as buttons, in hyperlinks, etc.) are not provided as a first-class feature of Terra Image. If Terra Image is used as a functional image, follow the recommended guidance for proper construction.",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("em",{parentName:"li"},"Read more at ",(0,n.mdx)("a",{parentName:"em",href:"https://www.w3.org/WAI/tutorials/images/functional/"},"functional Images (W3C: Web Accessibility Tutorials)"),"."))))),(0,n.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,n.mdx)("p",null,"Terra Image does not have any keyboard navigation expectations when used on its own."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"none")),(0,n.mdx)("td",{parentName:"tr",align:null},"Has no keyboard navigation unless image is made to be interactive.")))),(0,n.mdx)(o.A,{newline:4,mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,n.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. However, using Terra components will not automatically make a product accessible."),(0,n.mdx)("p",null,"Final responsibility lies with the consumers of Terra components ","—"," ensuring proper usage, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance ","—"," to make a product fully accessible."),(0,n.mdx)("h3",{id:"wcag-resources"},"WCAG Resources"),(0,n.mdx)("h4",{id:"success-criteria"},"Success Criteria"),(0,n.mdx)("p",null,(0,n.mdx)("em",{parentName:"p"},"Informative (non-decorative) usage of Terra Image ",(0,n.mdx)("strong",{parentName:"em"},"must")," meet the following success criteria:")),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/quickref/#non-text-content"},(0,n.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed","[","...","]",". (Level A)"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/quickref/#images-of-text"},(0,n.mdx)("strong",{parentName:"a"},"1.4.5 Images of Text"))," - If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except ","[","for customizable and essential images","]"," (Level AA)"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/quickref/#images-of-text-no-exception"},(0,n.mdx)("strong",{parentName:"a"},"1.4.9 Images of Text (No Exception)"))," - Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed (Level AAA)")),(0,n.mdx)(o.A,{mdxType:"Whitespace"}),(0,n.mdx)("h3",{id:"supported-features--technology"},"Supported Features & Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,n.mdx)("li",{parentName:"ul"},"NVDA Support with Chrome (PC)"),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)"),(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology"),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"None identified"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on ",(0,n.mdx)("strong",{parentName:"a"},"GitHub")))),(0,n.mdx)("p",null,(0,n.mdx)("em",{parentName:"p"},"For more information about Accessibility Support with Terra — go to ",(0,n.mdx)("a",{parentName:"em",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#accessibility-a11y"},"Component Standards: Accessibility (A11y)"),".")),(0,n.mdx)(o.A,{newline:6,mdxType:"Whitespace"}),(0,n.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,n.mdx)("ol",null,(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("p",{parentName:"li"},"Eggert, Eric; Abou-Zahra, Shadi; et al. (27 July 2019). ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/tutorials/images/"},'"Web Accessibility Tutorials: Image Concepts"'),". World Wide Web Consortium. Last updated 27 July 2019. Retrieved 2 March 2022.")),(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("p",{parentName:"li"},"Deque staff (21 March 2019). ",(0,n.mdx)("a",{parentName:"p",href:"https://dequeuniversity.com/assets/pdf/module-nontext/module-nontext-checklist.pdf"},'"Summary and Checklist: Images, Canvas, SVG, and Other Non-Text Content"'),". Deque University. Publised Version 2019.03.21. Retrieved 2 March 2022.")),(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("p",{parentName:"li"},"Yale staff (2022) ",(0,n.mdx)("a",{parentName:"p",href:"https://usability.yale.edu/web-accessibility/articles/images"},'"Usability & Web Accessibility Articles: Images"'),". Yale. Retrieved 2 March 2022.")),(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("p",{parentName:"li"},"Benetech staff (June 2015). ",(0,n.mdx)("a",{parentName:"p",href:"http://diagramcenter.org/table-of-contents-2.html"},'"Image Description Guidelines"'),". Diagram Center, A Benetech Initiative. First published June 2015. Retrieved 2 March 2022."))))}f.isMDXComponent=!0},56213:function(e,t,a){a.d(t,{E:function(){return i}});var n=a(96540),r=a(55713),i=function(e){var t=e.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-image",name:"terra-image",version:"3.41.0",url:t})}},18290:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),r=u(a(5556)),i=u(a(46942)),o=u(a(67967)),l=u(a(56500)),s=u(a(52103)),d=u(a(74887)),m=u(a(90498)),c=["children","variant","visuallyHiddenText"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var f=o.default.bind(d.default),g={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},x={variant:"default"},b=function(e){var t=e.children,a=e.variant,r=e.visuallyHiddenText,o=h(e,c),d=n.default.useContext(s.default),m=(0,i.default)(f(["card",a,d.className]),o.className),u=r?n.default.createElement(l.default,{text:r}):null;return n.default.createElement("article",p({},o,{className:m}),u,t)};b.propTypes=g,b.defaultProps=x,b.Body=m.default;t.default=b},90498:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(96540)),r=m(a(5556)),i=m(a(46942)),o=m(a(67967)),l=m(a(52103)),s=m(a(58647)),d=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function m(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=o.default.bind(s.default),h={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},f=function(e){var t=e.children,a=e.hasPaddingVertical,r=e.hasPaddingHorizontal,o=e.isContentCentered,s=u(e,d),m=n.default.useContext(l.default),h=(0,i.default)(p([{"vertical-padding":a},{"horizontal-padding":r},{"center-content":o},m.className]),s.className);return n.default.createElement("div",c({},s,{className:h}),t)};f.propTypes=h,f.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=f},19448:function(e,t,a){t.A=void 0;var n=d(a(96540)),r=d(a(5556)),i=d(a(46942)),o=d(a(67967)),l=d(a(71969)),s=["newline"];function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var u=o.default.bind(l.default),p={newline:r.default.oneOf([1,2,3,4,5,6,7,8])},h=function(e){var t=e.newline,a=c(e,s),r=(0,i.default)(u("whitespace","newline-".concat(t)),a.className);return n.default.createElement("div",m({},a,{className:r,"aria-hidden":"true"}))};h.propTypes=p,h.defaultProps={newline:1};t.A=h},45850:function(e,t,a){t.A=void 0;var n=d(a(96540)),r=d(a(67967)),i=d(a(18290)),o=d(a(82232)),l=d(a(66140)),s=d(a(14458));function d(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(s.default);t.A=function(){return n.default.createElement(i.default,{className:m("card")},n.default.createElement("p",{className:m("informative-example")},n.default.createElement(o.default,{src:l.default,alt:"North-east face of the Matterhorn mountain peak and surrounding landscape covered in snow against a blue sky, located in the Swiss Apps near Zermatt, Switzerland",className:m("image")}),n.default.createElement("strong",{className:m("title")},"Matterhorn")))}},69574:function(e,t,a){t.A=void 0;var n=d(a(96540)),r=d(a(67967)),i=d(a(18290)),o=d(a(82232)),l=d(a(66140)),s=d(a(14458));function d(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(s.default);t.A=function(){return n.default.createElement(i.default,{className:m("card")},n.default.createElement("p",{className:m("informative-example")},n.default.createElement(o.default,{src:l.default,alt:"Matterhorn mountain peak",className:m("image")}),n.default.createElement("strong",{className:m("title")},"Matterhorn"),"Standing at 4,478 meters (14,692ft), Matterhorn is the fifth highest peak in the Alps located on the border between Switzerland and Italy, in the Monte Rosa area of the western Pennine Alps, and overlooks the Swiss town of Zermatt.",n.default.createElement("cite",{className:m("cite")},n.default.createElement("small",null,"Photo Credit: ",n.default.createElement("a",{href:"https://commons.wikimedia.org/wiki/File:Matterhorn,_March_2019_(01).jpg"},"Liridon"),", ",n.default.createElement("a",{href:"https://creativecommons.org/licenses/by-sa/4.0"},"CC BY-SA 4.0"),", via Wikimedia Commons"))))}},80556:function(e,t,a){t.A=void 0;var n=l(a(96540)),r=l(a(82232)),i=l(a(70288)),o=l(a(55503));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return n.default.createElement("div",null,n.default.createElement("h2",null,"Image used as part of page design."),n.default.createElement("p",null,"This image is used as a border in the page design and has a purely decorative purpose."),n.default.createElement(r.default,{src:i.default}),n.default.createElement("h2",null,"Image as part of a text link."),n.default.createElement("p",null,"This illustration of a crocus bulb is used to make the link easier to identify and to increase the clickable area but doesn’t add to the information already provided in the adjacent link text (of the same anchor). In this case, alt value for the image would be `null` / `empty`."),n.default.createElement(r.default,{src:o.default}),n.default.createElement("a",{href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/image/about#examples"},n.default.createElement("span",null,"Crocus bulbs")))}},91563:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),r=d(a(5556)),i=d(a(67967)),o=d(a(52103)),l=d(a(43840)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var u=i.default.bind(l.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},g=function(e){var t=e.children,a=c(e,s),r=n.default.useContext(o.default),l=(0,i.default)(u(["button",r.className]),a.className);return n.default.createElement("button",m({},a,{type:"button",className:l,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},18875:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(a(96540)),r=s(a(5556)),i=s(a(67967)),o=s(a(52103)),l=s(a(38616));function s(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(l.default),m={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,a=e.variant,r=e.children,i=n.default.useContext(o.default);return n.default.createElement("div",{className:d("notice",a,i.className)},n.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},n.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(a))),n.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:d("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(r,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};c.propTypes=m,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},60934:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(96540)),r=m(a(5556)),i=m(a(46942)),o=m(a(67967)),l=m(a(52103)),s=m(a(27683)),d=["title"];function m(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;a[n]=e[n]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=o.default.bind(s.default),h={title:r.default.string},f=function(e){var t=e.title,a=u(e,d),r=n.default.useContext(l.default),o=(0,i.default)(p(["placeholder",r.className]),a.className),s=p(["inner"]);return n.default.createElement("div",c({},a,{className:o}),n.default.createElement("div",{className:s},n.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},68523:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var n=o(a(18875)),r=o(a(60934)),i=o(a(91563));function o(e){return e&&e.__esModule?e:{default:e}}},66140:function(e,t,a){a.r(t),t.default=a.p+"37299ea8b1d5d16cd9f5a6c324d7299c.jpg"},55503:function(e,t,a){a.r(t),t.default=a.p+"063dc27d0a6022ff7002669efc381dc2.jpg"},70288:function(e,t,a){a.r(t),t.default=a.p+"55c350ebabf6307fa558d1b6d7980e59.png"},25642:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},74887:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___mGqg1","orion-fusion-theme":"Card-module__orion-fusion-theme___pKdAk","redwood-theme":"Card-module__redwood-theme___q3rY8",card:"Card-module__card___065D-",default:"Card-module__default___2cIRO",raised:"Card-module__raised___3pYfF"}},58647:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___K00C6","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___k2Ldr","redwood-theme":"CardBody-module__redwood-theme___VMcf6","vertical-padding":"CardBody-module__vertical-padding___UHG80","horizontal-padding":"CardBody-module__horizontal-padding___OqvV2","center-content":"CardBody-module__center-content___kMmT+"}},71969:function(e,t,a){a.r(t),t.default={whitespace:"Whitespace-module__whitespace___DPfQS","newline-1":"Whitespace-module__newline-1___bKmlz","newline-2":"Whitespace-module__newline-2___bmmzw","newline-3":"Whitespace-module__newline-3___ORV3M","newline-4":"Whitespace-module__newline-4___g7otO","newline-5":"Whitespace-module__newline-5___sOge+","newline-6":"Whitespace-module__newline-6___rHqfU","newline-7":"Whitespace-module__newline-7___iiRm7","newline-8":"Whitespace-module__newline-8___nGGTR"}},14458:function(e,t,a){a.r(t),t.default={card:"A11yExamples-module__card___LXqQa","informative-example":"A11yExamples-module__informative-example___YxO6L",image:"A11yExamples-module__image___920zI",title:"A11yExamples-module__title___hwV0s",cite:"A11yExamples-module__cite___GFixo","decorative-example":"A11yExamples-module__decorative-example___88L7S",background:"A11yExamples-module__background___Haw5c",foreground:"A11yExamples-module__foreground___dqoFi","decorative-text-container":"A11yExamples-module__decorative-text-container___+M5Pv"}},43840:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___mWSPm","orion-fusion-theme":"Button-module__orion-fusion-theme___nj7k4",button:"Button-module__button___r5O1Q","is-active":"Button-module__is-active___CVWJw"}},38616:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___J4EGN","orion-fusion-theme":"Notice-module__orion-fusion-theme___1W9PK",notice:"Notice-module__notice___8kOwf",children:"Notice-module__children___cF5Rb",accessory:"Notice-module__accessory___h3l7H",title:"Notice-module__title___PeXjO","ux-recommendation":"Notice-module__ux-recommendation___tJWAL",caution:"Notice-module__caution___STLbH",deprecation:"Notice-module__deprecation___rWWLq",maintenance:"Notice-module__maintenance___o2AK1",important:"Notice-module__important___WpELD","not-supported":"Notice-module__not-supported___eAx6o",paragraph:"Notice-module__paragraph___BwEGe",list:"Notice-module__list___kOyCE"}},27683:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___rMAZk","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___78cuG",placeholder:"Placeholder-module__placeholder___FPYJB",inner:"Placeholder-module__inner___-U1IZ",title:"Placeholder-module__title___lsXDJ"}}}]); \ No newline at end of file diff --git a/pull/4102/29171-a696389557bc60429977.css b/pull/4102/29171-a696389557bc60429977.css new file mode 100644 index 00000000000..6f948dd18a4 --- /dev/null +++ b/pull/4102/29171-a696389557bc60429977.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___2\+uSg{--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___BNJE\+{--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___CHQ2i{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___CHQ2i{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___CHQ2i{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___CHQ2i{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___CHQ2i:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___CHQ2i: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___CHQ2i[required]{box-shadow:none}.Input-module__form-input___CHQ2i[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___CHQ2i[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___CHQ2i:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___CHQ2i: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___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___0OFqM{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___0OFqM: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___0OFqM[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___0OFqM[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___0OFqM[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___0OFqM: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___0OFqM: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___0OFqM: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___W7v5s{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .Input-test-module__content-wrapper___N2IYI{margin:10px}.Input-test-module__content-wrapper___N2IYI>label{display:block}[dir] .Input-test-module__programmatic-button___S\+\+Ze{margin-top:4px} diff --git a/pull/4102/29171-a696389557bc60429977.js b/pull/4102/29171-a696389557bc60429977.js new file mode 100644 index 00000000000..74f18f5c16f --- /dev/null +++ b/pull/4102/29171-a696389557bc60429977.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[29171],{7213:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),r=o(a(67967)),u=o(a(11475)),l=o(a(25944));function o(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(l.default),d=["date","datetime-local","month","time","week","color","file","range","checkbox","radio","button","reset","submit"];t.default=function(){return n.default.createElement(n.default.Fragment,null,function(e){for(var t=[],a=0;a:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___CeUWQ>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___CeUWQ>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___CeUWQ>:last-child{margin-left:0}[dir] .Alert-module__alert___EPG84{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___ni7J4{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___E5yyM{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___Oe\+h0{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___t0ujB{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___JtGfL{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___MOqcH{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___JFzGs{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___NnryQ{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___EPG84 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___ni7J4 .Alert-module__title___wxbgA{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___0NACi{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___L9jja{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___5BEAR{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} diff --git a/pull/4102/29445-4049c8567ef96b2f0379.js b/pull/4102/29445-4049c8567ef96b2f0379.js new file mode 100644 index 00000000000..72ab779f136 --- /dev/null +++ b/pull/4102/29445-4049c8567ef96b2f0379.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[29445],{44580: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=void 0;var u=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=r(t)&&"function"!=typeof t)return{default:t};var n=c(e);if(n&&n.has(t))return n.get(t);var u={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&{}.hasOwnProperty.call(t,o)){var a=l?Object.getOwnPropertyDescriptor(t,o):null;a&&(a.get||a.set)?Object.defineProperty(u,o,a):u[o]=t[o]}return u.default=t,n&&n.set(t,u),u}(n(96540)),l=a(n(40890)),o=a(n(42104));function a(t){return t&&t.__esModule?t:{default:t}}function c(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(c=function(t){return t?n:e})(t)}function i(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,u,l,o,a=[],c=!0,i=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==e);c=!0);}catch(t){i=!0,u=t}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(i)throw u}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return f(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n=0)continue;r[t]=e[t]}return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var s={},l="wrapper";function c(e){var a=e.components,r=i(e,o);return(0,t.mdx)(l,d({},s,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-base-upgrade-guide"},"Terra Base Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-40-to-50"},"Changes from 4.0 to 5.0"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"To upgrade to terra-base v5, you now need to define a locale via the locale prop when using the ",(0,t.mdx)("inlineCode",{parentName:"li"},"")," component."),(0,t.mdx)("li",{parentName:"ul"},"Any react-intl based exports that you were importing from terra-base should now be imported directly from react-intl.")),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- import { injectIntl, intlShape, FormattedMessage, IntlProvider } from terra-base;\n+ import { injectIntl, intlShape, FormattedMessage, IntlProvider } from react-intl;\n")),(0,t.mdx)("p",null,"Terra-base v5.x depends on terra-i18n v4.x. It is recommended to ",(0,t.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/blob/main/packages/terra-i18n/docs/UPGRADEGUIDE.md"},"review the terra-i18n v3 to v4 upgrade guide")," when updating terra-base to v5."),(0,t.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template")))}c.isMDXComponent=!0},50101:function(e,a,r){r.d(a,{E:function(){return o}});var t=r(96540),n=r(55713),o=function(e){var a=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-base",name:"terra-base",version:"5.53.0",url:a})}},25642:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/30225-da1628a568a84f9de60b.css b/pull/4102/30225-da1628a568a84f9de60b.css new file mode 100644 index 00000000000..45e52d3dfb3 --- /dev/null +++ b/pull/4102/30225-da1628a568a84f9de60b.css @@ -0,0 +1,4 @@ +._ClearOption-module__clinical-lowlight-theme___HrMM9{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___jfjen{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___bd9b1{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___bd9b1{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___WyPYd{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___lIc3\+{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___1GIYt{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___1GIYt{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___-XlVf{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___tnsoS{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___u1T4I{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___u1T4I{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +[dir] .Select-test-module__content-wrapper___ib1qL{margin:10px}[dir] .Select-test-module__bottom-left___rabhi{margin:10px;margin-top:81vh} diff --git a/pull/4102/30225-da1628a568a84f9de60b.js b/pull/4102/30225-da1628a568a84f9de60b.js new file mode 100644 index 00000000000..4fd0d4f83c3 --- /dev/null +++ b/pull/4102/30225-da1628a568a84f9de60b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30225],{42561:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=i(n(96540)),l=i(n(67967)),a=i(n(19137)),r=i(n(914));function i(e){return e&&e.__esModule?e:{default:e}}var p=l.default.bind(r.default);t.default=function(){return o.default.createElement("div",{className:p("content-wrapper")},o.default.createElement(a.default,{placeholder:"Select a color",id:"default"},o.default.createElement(a.default.Option,{value:"blue",display:"Blue"}),o.default.createElement(a.default.Option,{value:"green",display:"Green"}),o.default.createElement(a.default.Option,{value:"purple",display:"Purple"}),o.default.createElement(a.default.Option,{value:"red",display:"Red"}),o.default.createElement(a.default.Option,{value:"violet",display:"Violet"})))}},914:function(e,t,n){n.r(t),t.default={"content-wrapper":"Select-test-module__content-wrapper___ib1qL","bottom-left":"Select-test-module__bottom-left___rabhi"}},41843:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function o(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function l(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,l.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var a=null,r=null,i=null;if("function"==typeof t.componentWillMount?a="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(a="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?r="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(r="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?i="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(i="UNSAFE_componentWillUpdate"),null!==a||null!==r||null!==i){var p=e.displayName||e.name,c="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+p+" uses "+c+" but also contains the following legacy lifecycles:"+(null!==a?"\n "+a:"")+(null!==r?"\n "+r:"")+(null!==i?"\n "+i:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=o),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=l;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,o)}}return e}}}]); \ No newline at end of file diff --git a/pull/4102/30226-ebfb2ee9d6e4c1447084.js b/pull/4102/30226-ebfb2ee9d6e4c1447084.js new file mode 100644 index 00000000000..ac1c25df72b --- /dev/null +++ b/pull/4102/30226-ebfb2ee9d6e4c1447084.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30226],{30226:function(e,t,u){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(u(96540)),n=l(u(22629));function l(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return r.default.createElement(n.default,{onClose:function(){return alert("You clicked close!")}})}}}]); \ No newline at end of file diff --git a/pull/4102/30467-7f47920073d06a689df4.css b/pull/4102/30467-7f47920073d06a689df4.css new file mode 100644 index 00000000000..3cd8cf6a900 --- /dev/null +++ b/pull/4102/30467-7f47920073d06a689df4.css @@ -0,0 +1,2 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);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/4102/30467-7f47920073d06a689df4.js b/pull/4102/30467-7f47920073d06a689df4.js new file mode 100644 index 00000000000..06dce29e2b7 --- /dev/null +++ b/pull/4102/30467-7f47920073d06a689df4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30467],{55713:function(e,t,l){var n=l(24994);t.A=void 0;var r=n(l(96540)),d=n(l(5556)),o=n(l(67967)),a=n(l(25642)),c=o.default.bind(a.default),i={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},m=function(e){var t=e.src,l=e.name,n=e.url,d=e.version,o=r.default.createElement("a",{className:c("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(d)},r.default.createElement("span",{className:c("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:c("badge-version")},"v".concat(d))),a=t?r.default.createElement("a",{className:c("badge"),href:t},r.default.createElement("span",{className:c("badge-name")},"github"),r.default.createElement("span",{className:c("badge-version")},"source")):void 0;return r.default.createElement("div",{className:c("badge-container")},o,a)};m.propTypes=i;t.A=m},201:function(e,t,l){var n=l(24994),r=l(73738);t.A=void 0;var d=n(l(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var a=d?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}return n.default=e,l&&l.set(e,n),n}(l(96540)),a=n(l(5556)),c=n(l(67967)),i=l(92912),m=n(l(27166)),E=n(l(62441)),u=l(25966),s=n(l(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}var y=c.default.bind(s.default),g={example:a.default.element,exampleSrc:a.default.element,exampleCssSrc:a.default.element,title:a.default.string,description:a.default.node,isExpanded:a.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},I=function(e){var t=e.example,l=e.exampleSrc,n=e.exampleCssSrc,r=e.title,a=e.description,c=e.isExpanded,s=(0,o.useState)(c),f=(0,d.default)(s,2),g=f[0],I=f[1],b=(0,o.useState)(!1),v=(0,d.default)(b,2),w=v[0],S=v[1],k=o.default.useContext(i.ThemeContext),C=void 0!==n,_=function(){S(!w),g&&I(!g)},W=function(){I(!g),w&&S(!w)},D=function(e,t){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",k.className)},o.default.createElement("div",{className:y("header")},r&&o.default.createElement("h2",{className:y("title")},r)),o.default.createElement("div",{className:y("content")},a&&o.default.createElement("div",{className:y("description")},a),t),o.default.createElement("div",{className:y("footer")},l?o.default.createElement("div",{className:y("button-container")},C&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":w}),onClick:_,onKeyDown:function(e){return D(e,_)},onBlur:h,onMouseDown:p,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(m.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(E.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":g}),onClick:W,onKeyDown:function(e){return D(e,W)},onBlur:h,onMouseDown:p,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(m.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(E.default,{className:y("chevron")}))):null,o.default.createElement("div",null,w&&o.default.createElement("div",{className:y("css")},n),g&&o.default.createElement("div",{className:y("code")},l))))};I.propTypes=g,I.defaultProps={isExpanded:!1};t.A=I},30467:function(e,t,l){l.r(t),l.d(t,{default:function(){return I}});var n=l(96540),r=l(36665),d=l(97441),o=l(493),a=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var m={};function E(e){var t=e.components,l=i(e,a);return(0,r.mdx)("wrapper",c({},m,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"// This file is autogenerated from scripts/src/generate-example\n/* eslint-disable */\nimport React from 'react';\nimport {\n IconAbnormal,\n IconAlert,\n IconAvailable,\n IconBedAssigned,\n IconComplete,\n IconCritical,\n IconCriticalInverse,\n IconDeviceAlert,\n IconDeviceCheck,\n IconDiamond,\n IconDischargeComingDue,\n IconDischargeComplete,\n IconDischargeOverDue,\n IconDoNotDisturb,\n IconDrugDrug,\n IconDueSoon,\n IconError,\n IconErrorDark,\n IconFeaturedOutlineYellow,\n IconHazardLow,\n IconHelp,\n IconHelpInverse,\n IconHelpStatic,\n IconHide,\n IconHigh,\n IconHighInverse,\n IconHighPriority,\n IconIncompleteInverse,\n IconInformation,\n IconInformationInverse,\n IconInformationStatic,\n IconLow,\n IconLowRisk,\n IconMax,\n IconMin,\n IconModerate,\n IconNoRisk,\n IconOutOfNetwork,\n IconOverDue,\n IconPharmacyReject,\n IconRollup,\n IconScheduled,\n IconStatusPositive,\n IconStatusPositiveWhite,\n IconSuccess,\n IconSuccessInverse,\n IconUnexpected,\n IconUnspecified,\n IconWarning,\n} from 'terra-icon';\n\nconst cellStyle = { padding: '0.5rem' };\nconst IconAll = () => (\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
SVGConceptCode
abnormal\n \n import { IconAbnormal } from 'terra-icon';\n \n
alert\n \n import { IconAlert } from 'terra-icon';\n \n
available\n \n import { IconAvailable } from 'terra-icon';\n \n
bedAssigned\n \n import { IconBedAssigned } from 'terra-icon';\n \n
complete\n \n import { IconComplete } from 'terra-icon';\n \n
critical\n \n import { IconCritical } from 'terra-icon';\n \n
critical_inverse\n \n import { IconCriticalInverse } from 'terra-icon';\n \n
deviceAlert\n \n import { IconDeviceAlert } from 'terra-icon';\n \n
deviceCheck\n \n import { IconDeviceCheck } from 'terra-icon';\n \n
diamond\n \n import { IconDiamond } from 'terra-icon';\n \n
dischargeComingDue\n \n import { IconDischargeComingDue } from 'terra-icon';\n \n
dischargeComplete\n \n import { IconDischargeComplete } from 'terra-icon';\n \n
dischargeOverDue\n \n import { IconDischargeOverDue } from 'terra-icon';\n \n
doNotDisturb\n \n import { IconDoNotDisturb } from 'terra-icon';\n \n
drugDrug\n \n import { IconDrugDrug } from 'terra-icon';\n \n
dueSoon\n \n import { IconDueSoon } from 'terra-icon';\n \n
error\n \n import { IconError } from 'terra-icon';\n \n
error_dark\n \n import { IconErrorDark } from 'terra-icon';\n \n
featuredOutlineYellow\n \n import { IconFeaturedOutlineYellow } from 'terra-icon';\n \n
hazardLow\n \n import { IconHazardLow } from 'terra-icon';\n \n
help\n \n import { IconHelp } from 'terra-icon';\n \n
help_inverse\n \n import { IconHelpInverse } from 'terra-icon';\n \n
help_static\n \n import { IconHelpStatic } from 'terra-icon';\n \n
hide\n \n import { IconHide } from 'terra-icon';\n \n
high\n \n import { IconHigh } from 'terra-icon';\n \n
high_inverse\n \n import { IconHighInverse } from 'terra-icon';\n \n
highPriority\n \n import { IconHighPriority } from 'terra-icon';\n \n
incomplete_inverse\n \n import { IconIncompleteInverse } from 'terra-icon';\n \n
information\n \n import { IconInformation } from 'terra-icon';\n \n
information_inverse\n \n import { IconInformationInverse } from 'terra-icon';\n \n
information_static\n \n import { IconInformationStatic } from 'terra-icon';\n \n
low\n \n import { IconLow } from 'terra-icon';\n \n
lowRisk\n \n import { IconLowRisk } from 'terra-icon';\n \n
max\n \n import { IconMax } from 'terra-icon';\n \n
min\n \n import { IconMin } from 'terra-icon';\n \n
moderate\n \n import { IconModerate } from 'terra-icon';\n \n
noRisk\n \n import { IconNoRisk } from 'terra-icon';\n \n
outOfNetwork\n \n import { IconOutOfNetwork } from 'terra-icon';\n \n
overDue\n \n import { IconOverDue } from 'terra-icon';\n \n
pharmacyReject\n \n import { IconPharmacyReject } from 'terra-icon';\n \n
rollup\n \n import { IconRollup } from 'terra-icon';\n \n
scheduled\n \n import { IconScheduled } from 'terra-icon';\n \n
statusPositive\n \n import { IconStatusPositive } from 'terra-icon';\n \n
statusPositiveWhite\n \n import { IconStatusPositiveWhite } from 'terra-icon';\n \n
success\n \n import { IconSuccess } from 'terra-icon';\n \n
success_inverse\n \n import { IconSuccessInverse } from 'terra-icon';\n \n
unexpected\n \n import { IconUnexpected } from 'terra-icon';\n \n
unspecified\n \n import { IconUnspecified } from 'terra-icon';\n \n
warning\n \n import { IconWarning } from 'terra-icon';\n \n
\n
);\n\nexport default IconAll;\n\n")))}E.isMDXComponent=!0;var u=l(201),s=function(e){var t=e.title,l=e.description,r=e.isExpanded;return n.createElement(u.A,{title:t||"Icon Static",description:l,example:n.createElement(o.A,null),exampleSrc:n.createElement(E,null),isExpanded:r})},f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var h={},p="wrapper";function I(e){var t=e.components,l=g(e,f);return(0,r.mdx)(p,y({},h,l,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-icon---static"},"Terra Icon - Static"),(0,r.mdx)("p",null,"The following are examples of static icons within the terra-icon package."),(0,r.mdx)("p",null,"Note: All icons that were previously exported as 'low light' icons have been deprecated and removed from our examples in favor of using the lowlight theme."),(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,{mdxType:"IconStatic"}))}I.isMDXComponent=!0},97441:function(e,t,l){l.d(t,{E:function(){return d}});var n=l(96540),r=l(55713),d=function(e){var t=e.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-icon",name:"terra-icon",version:"3.61.0",url:t})}},493:function(e,t,l){t.A=void 0;var n,r=(n=l(96540))&&n.__esModule?n:{default:n},d=l(78513);var o={padding:"0.5rem"};t.A=function(){return r.default.createElement("div",null," ",r.default.createElement("table",null,r.default.createElement("thead",null,r.default.createElement("tr",null,r.default.createElement("th",{style:o,key:"svg"},"SVG"),r.default.createElement("th",{style:o,key:"concept"},"Concept"),r.default.createElement("th",{style:o,key:"code"},"Code"))),r.default.createElement("tbody",null,r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconAbnormal,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"abnormal"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconAbnormal," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconAlert,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"alert"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconAlert," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconAvailable,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"available"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconAvailable," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconBedAssigned,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"bedAssigned"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconBedAssigned," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconComplete,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"complete"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconComplete," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconCritical,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"critical"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconCritical," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconCriticalInverse,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"critical_inverse"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconCriticalInverse," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDeviceAlert,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"deviceAlert"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDeviceAlert," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDeviceCheck,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"deviceCheck"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDeviceCheck," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDiamond,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"diamond"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDiamond," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDischargeComingDue,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"dischargeComingDue"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDischargeComingDue," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDischargeComplete,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"dischargeComplete"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDischargeComplete," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDischargeOverDue,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"dischargeOverDue"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDischargeOverDue," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDoNotDisturb,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"doNotDisturb"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDoNotDisturb," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDrugDrug,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"drugDrug"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDrugDrug," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconDueSoon,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"dueSoon"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconDueSoon," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconError,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"error"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconError," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconErrorDark,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"error_dark"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconErrorDark," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconFeaturedOutlineYellow,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"featuredOutlineYellow"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconFeaturedOutlineYellow," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHazardLow,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"hazardLow"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHazardLow," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHelp,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"help"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHelp," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHelpInverse,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"help_inverse"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHelpInverse," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHelpStatic,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"help_static"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHelpStatic," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHide,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"hide"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHide," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHigh,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"high"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHigh," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHighInverse,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"high_inverse"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHighInverse," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconHighPriority,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"highPriority"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconHighPriority," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconIncompleteInverse,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"incomplete_inverse"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconIncompleteInverse," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconInformation,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"information"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconInformation," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconInformationInverse,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"information_inverse"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconInformationInverse," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconInformationStatic,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"information_static"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconInformationStatic," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconLow,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"low"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconLow," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconLowRisk,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"lowRisk"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconLowRisk," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconMax,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"max"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconMax," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconMin,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"min"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconMin," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconModerate,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"moderate"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconModerate," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconNoRisk,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"noRisk"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconNoRisk," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconOutOfNetwork,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"outOfNetwork"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconOutOfNetwork," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconOverDue,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"overDue"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconOverDue," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconPharmacyReject,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"pharmacyReject"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconPharmacyReject," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconRollup,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"rollup"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconRollup," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconScheduled,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"scheduled"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconScheduled," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconStatusPositive,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"statusPositive"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconStatusPositive," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconStatusPositiveWhite,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"statusPositiveWhite"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconStatusPositiveWhite," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconSuccess,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"success"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconSuccess," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconSuccessInverse,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"success_inverse"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconSuccessInverse," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconUnexpected,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"unexpected"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconUnexpected," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconUnspecified,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"unspecified"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconUnspecified," from 'terra-icon';"))),r.default.createElement("tr",{style:{backgroundColor:"#EEEEEE"}},r.default.createElement("td",{style:o},r.default.createElement(d.IconWarning,{height:"2em",width:"2em"})),r.default.createElement("td",{style:o},"warning"),r.default.createElement("td",{style:{fontWeight:"bold",padding:"0.5rem"}},r.default.createElement("code",null,"import ",d.IconWarning," from 'terra-icon';"))))))}},25642:function(e,t,l){l.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}}}]); \ No newline at end of file diff --git a/pull/4102/30475-4f76da06bf5b191bb359.css b/pull/4102/30475-4f76da06bf5b191bb359.css new file mode 100644 index 00000000000..ce6f17a5d68 --- /dev/null +++ b/pull/4102/30475-4f76da06bf5b191bb359.css @@ -0,0 +1,2 @@ +.Arrange-module__arrange___tayob{display:flex}.Arrange-module__fill___JGXgw{flex:1 1 auto;min-width:0}.Arrange-module__fit___BodSy{align-self:flex-start;flex:0 0 auto}.Arrange-module__center___lVVfc{align-self:center;max-height:100%}.Arrange-module__bottom___TiTgB{align-self:flex-end;max-height:100%}.Arrange-module__stretch___BFg42{align-self:stretch}.Arrange-module__default___6XJU-{align-self:flex-start} +.examplesetuptest__arrange-wrapper___EK8Ya{width:100%}[dir] .examplesetuptest__arrange-wrapper___EK8Ya{background-color:#dedede;border:1px solid #000;margin-bottom:10px}[dir] .examplesetuptest__icon-wrapper___Wr5Av{background-color:#ff5722} diff --git a/pull/4102/30475-4f76da06bf5b191bb359.js b/pull/4102/30475-4f76da06bf5b191bb359.js new file mode 100644 index 00000000000..8496b95946e --- /dev/null +++ b/pull/4102/30475-4f76da06bf5b191bb359.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30475],{74224:function(e,t,r){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 n=f(r(96540)),a=f(r(5556)),i=f(r(67967)),o=f(r(71097)),u=["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)continue;r[l]=e[l]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var b=i.default.bind(o.default),g={fitStart:a.default.element,fill:a.default.element.isRequired,fitEnd:a.default.element,align:a.default.oneOf(["center","bottom","stretch"]),alignFitStart:a.default.oneOf(["center","bottom","stretch"]),alignFitEnd:a.default.oneOf(["center","bottom","stretch"]),alignFill:a.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:a.default.object,fillAttributes:a.default.object,fitEndAttributes:a.default.object},_=function(e){var t=e.fitStart,r=e.fill,l=e.fitEnd,a=e.align,i=e.alignFitStart,o=e.alignFill,f=e.alignFitEnd,d=e.fitStartAttributes,s=e.fillAttributes,g=e.fitEndAttributes,_=m(e,u),y=p({},d),E=p({},s),v=p({},g);return n.default.createElement("span",c({},_,{className:b("arrange",_.className)}),n.default.createElement("span",c({},y,{className:b("fit",a||i,y.className,"fit-block")}),t),n.default.createElement("span",c({},E,{className:b("fill",a||o,E.className,"fill-block")}),r),n.default.createElement("span",c({},v,{className:b("fit",a||f,v.className)}),l))};_.propTypes=g;t.default=_},30475:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=i(r(96540)),n=i(r(74224)),a=r(82273);function i(e){return e&&e.__esModule?e:{default:e}}t.default=function(){return l.default.createElement("div",null,l.default.createElement(a.ArrangeWrapper,null,l.default.createElement(n.default,{id:"default",fitStart:l.default.createElement(a.IconWrapper,null),fill:a.simpleText,fitEnd:l.default.createElement(a.IconWrapper,null)})),l.default.createElement(a.ArrangeWrapper,null,l.default.createElement(n.default,{id:"center",alignFill:"center",fitStart:l.default.createElement(a.IconWrapper,null),fill:a.simpleText,fitEnd:l.default.createElement(a.IconWrapper,null)})),l.default.createElement(a.ArrangeWrapper,null,l.default.createElement(n.default,{id:"bottom",alignFill:"bottom",fitStart:l.default.createElement(a.IconWrapper,null),fill:a.simpleText,fitEnd:l.default.createElement(a.IconWrapper,null)})),l.default.createElement(a.ArrangeWrapper,null,l.default.createElement(n.default,{id:"stretch",alignFill:"stretch",fitStart:l.default.createElement(a.IconWrapper,null),fill:a.simpleText,fitEnd:l.default.createElement(a.IconWrapper,null)})))}},82273:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.simpleText=t.longWordText=t.longText=t.icon=t.IconWrapper=t.ArrangeWrapper=void 0;var l=u(r(96540)),n=u(r(67967)),a=u(r(5556)),i=r(78513),o=u(r(31156));function u(e){return e&&e.__esModule?e:{default:e}}var f=n.default.bind(o.default),c=(t.icon=l.default.createElement(i.IconAlert,{width:"4em",height:"4em"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.");t.simpleText=l.default.createElement("div",null,c),t.longText=l.default.createElement("div",null,c," ",c," ",c," ",c),t.longWordText=l.default.createElement("div",null,"Thisisareallyreallylongwordthathasnospacesthatwillneedtobebrokeninordertohavethetextwrapandnotoverlowintothenextelement");(t.ArrangeWrapper=function(e){return l.default.createElement("div",{className:f("arrange-wrapper")},e.children)}).propTypes={children:a.default.element};t.IconWrapper=function(){return l.default.createElement("div",{className:f("icon-wrapper")},l.default.createElement("svg",{className:"terra-Icon",height:"4em",width:"4em",viewBox:"0 0 48 48"},l.default.createElement("path",{d:"M24 0h-.1C10.7 0 0 10.8 0 24c0 13.3 10.7 24 24 24s24-10.7 24-24S37.3 0 24 0zm-4 36.4L6.7 23.1l3.6-3.6 9.7 9.9 17.7-17.9 3.6 3.6L20 36.4z",fill:"#FFF"})))}},71097:function(e,t,r){r.r(t),t.default={arrange:"Arrange-module__arrange___tayob",fill:"Arrange-module__fill___JGXgw",fit:"Arrange-module__fit___BodSy",center:"Arrange-module__center___lVVfc",bottom:"Arrange-module__bottom___TiTgB",stretch:"Arrange-module__stretch___BFg42",default:"Arrange-module__default___6XJU-"}},31156:function(e,t,r){r.r(t),t.default={"arrange-wrapper":"examplesetuptest__arrange-wrapper___EK8Ya","icon-wrapper":"examplesetuptest__icon-wrapper___Wr5Av"}}}]); \ No newline at end of file diff --git a/pull/4102/30653-c70bcd50fec3c4eeb4f9.css b/pull/4102/30653-c70bcd50fec3c4eeb4f9.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/30653-c70bcd50fec3c4eeb4f9.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/4102/30653-c70bcd50fec3c4eeb4f9.js b/pull/4102/30653-c70bcd50fec3c4eeb4f9.js new file mode 100644 index 00000000000..7ad4191e328 --- /dev/null +++ b/pull/4102/30653-c70bcd50fec3c4eeb4f9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30653],{55713:function(e,a,r){var n=r(24994);a.A=void 0;var t=n(r(96540)),o=n(r(5556)),c=n(r(67967)),s=n(r(25642)),d=c.default.bind(s.default),i={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var a=e.src,r=e.name,n=e.url,o=e.version,c=t.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},t.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:d("badge-version")},"v".concat(o))),s=a?t.default.createElement("a",{className:d("badge"),href:a},t.default.createElement("span",{className:d("badge-name")},"github"),t.default.createElement("span",{className:d("badge-version")},"source")):void 0;return t.default.createElement("div",{className:d("badge-container")},c,s)};u.propTypes=i;a.A=u},30653:function(e,a,r){r.r(a),r.d(a,{default:function(){return u}});r(96540);var n=r(36665),t=r(97441),o=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;r[n]=e[n]}return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var d={},i="wrapper";function u(e){var a=e.components,r=s(e,o);return(0,n.mdx)(i,c({},d,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-icon-upgrade-guide"},"Terra Icon Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}u.isMDXComponent=!0},97441:function(e,a,r){r.d(a,{E:function(){return o}});var n=r(96540),t=r(55713),o=function(e){var a=e.url;return n.createElement(t.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-icon",name:"terra-icon",version:"3.61.0",url:a})}},25642:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/pull/4102/30696-0b81b960925667fceb34.js b/pull/4102/30696-0b81b960925667fceb34.js new file mode 100644 index 00000000000..76df0faccd5 --- /dev/null +++ b/pull/4102/30696-0b81b960925667fceb34.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30696],{84811:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=b(t);if(n&&n.has(e))return n.get(e);var o={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=u?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(o,l,i):o[l]=e[l]}return o.default=e,n&&n.set(e,o),o}(n(96540)),u=y(n(5556)),l=y(n(97742)),i=n(8604),a=n(68414),f=y(n(67967)),c=y(n(52103)),s=y(n(36472)),d=y(n(10720)),p=["buttonAlign","buttonText","children","onChange","preview","intl","isOpen","focusRef"];function y(e){return e&&e.__esModule?e:{default:e}}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 h(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,l,i=[],a=!0,f=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=u.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){f=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(f)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return _(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var v=f.default.bind(s.default),O={children:u.default.node.isRequired,intl:u.default.shape({formatMessage:u.default.func}).isRequired,onChange:u.default.func.isRequired,buttonAlign:u.default.string,buttonText:u.default.string,isOpen:u.default.bool,focusRef:u.default.shape({current:u.default.instanceOf(Element)}),preview:u.default.node},w=function(e){var t=e.buttonAlign,n=e.buttonText,r=e.children,u=e.onChange,i=e.preview,f=e.intl,s=e.isOpen,y=e.focusRef,b=m(e,p),_=(0,o.useContext)(c.default),O=(0,o.useRef)(null),w=h((0,o.useState)(!1),2),g=w[0],j=w[1];(0,o.useEffect)((function(){s&&(null!=y&&y.current?null==y||y.current.focus():null!=O&&O.current&&j(!0))}),[s,y,O]),(0,o.useEffect)((function(){var e;g&&s&&null!=O&&O.current&&(null==O||null===(e=O.current)||void 0===e||e.focus())}),[g,s]);var S=(0,a.v4)(),P="show-hide-content-".concat(S),E=v(["show-hide","button",t,b.className]),x="";n||(x=s?f.formatMessage({id:"Terra.showhide.hide"}):f.formatMessage({id:"Terra.showhide.showmore"}));return o.default.createElement("div",b,!s&&i,o.default.createElement("div",{id:P,className:v(["show-hide-content",_.className]),ref:O,tabIndex:g?"-1":null,role:g?"group":null,onBlur:function(){g&&j(!1)}},o.default.createElement(l.default,{isOpen:s},r)),o.default.createElement("div",{className:v("show-hide")},o.default.createElement(d.default,{"aria-controls":P,"aria-expanded":s,text:n||x,onClick:u,className:E})))};w.propTypes=O,w.defaultProps={buttonAlign:"start",isOpen:!1,preview:null,focusRef:null};t.default=(0,i.injectIntl)(w)},96315:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var o={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=u?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(o,l,i):o[l]=e[l]}return o.default=e,n&&n.set(e,o),o}(n(96540)),u=f(n(5556)),l=f(n(67967)),i=n(68414),a=f(n(36472));function f(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,l,i=[],a=!0,f=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=u.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){f=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(f)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function h(e,t){for(var n=0;n=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d=u.default.bind(i.default),p={children:o.default.node.isRequired,isAnimated:o.default.bool,isOpen:o.default.bool},y=function(e){var t,n=e.isAnimated,o=e.isOpen,u=e.children,i=s(e,a),f=o?"auto":0;return t=n?r.default.createElement(l.default,{duration:250,height:f,easing:"ease-out"},u):o&&u,r.default.createElement("div",c({},i,{className:d("toggle",i.className),"aria-hidden":!o}),t)};y.propTypes=p,y.defaultProps={isAnimated:!1,isOpen:!1};t.default=y},36472:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ShowHide-module__clinical-lowlight-theme___7CiAB","orion-fusion-theme":"ShowHide-module__orion-fusion-theme___XI7ji","show-hide":"ShowHide-module__show-hide___G4rte",start:"ShowHide-module__start___IHwLs",center:"ShowHide-module__center___GIUyr",end:"ShowHide-module__end___SHdls","show-hide-content":"ShowHide-module__show-hide-content___k8win","text-divider":"ShowHide-module__text-divider___zYZcp"}},59713:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_ShowHideButton-module__clinical-lowlight-theme___QEEGB","orion-fusion-theme":"_ShowHideButton-module__orion-fusion-theme___OcNPq",button:"_ShowHideButton-module__button___kPLEF",icon:"_ShowHideButton-module__icon___DRoLz","is-focused":"_ShowHideButton-module__is-focused___WfGrO","is-hovered":"_ShowHideButton-module__is-hovered___Yx44Y",inner:"_ShowHideButton-module__inner___d3lcs",text:"_ShowHideButton-module__text___+rL6u","icon-holder":"_ShowHideButton-module__icon-holder___VvBuP"}},76835:function(e,t,n){n.r(t),t.default={toggle:"Toggle-module__toggle___7fo88"}}}]); \ No newline at end of file diff --git a/pull/4102/3081-a9294c4c448962a239c1.css b/pull/4102/3081-a9294c4c448962a239c1.css new file mode 100644 index 00000000000..aba74b9d2bf --- /dev/null +++ b/pull/4102/3081-a9294c4c448962a239c1.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Card-module__clinical-lowlight-theme___mGqg1{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___pKdAk{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__redwood-theme___q3rY8{--terra-card-background-color: var(--card-background-color);--terra-card-border-radius: var(--card-border-radius);--terra-card-border: var(--card-border);--terra-card-color: inherit;--terra-card-raised-box-shadow: var(--card-box-shadow)}.Card-module__card___065D-{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___065D-{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___2cIRO{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___3pYfF{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___K00C6{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___k2Ldr{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}.CardBody-module__redwood-theme___VMcf6{--terra-card-padding-bottom: var(--card-padding-bottom);--terra-card-padding-left: var(--card-padding-left);--terra-card-padding-right: var(--card-padding-right);--terra-card-padding-top: var(--card-padding-top)}[dir] .CardBody-module__vertical-padding___UHG80{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___OqvV2{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___OqvV2{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___kMmT\+{text-align:center} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:flex;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-{align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.CardPaddingHR__horizontal-rule___yK6xC{box-sizing:border-box;height:1px}[dir] .CardPaddingHR__horizontal-rule___yK6xC{border:0 none;border-top:1px solid #c8cacb;margin:0} +.Table-module__clinical-lowlight-theme___FXYdn{--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___NK3-x{--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___fuc\+4{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___fuc\+4{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___fuc\+4 caption{padding-bottom:.5em}.Table-module__table___fuc\+4 tr{display:table-row}[dir] .Table-module__table___fuc\+4 tr{margin-bottom:0}.Table-module__table___fuc\+4 td,.Table-module__table___fuc\+4 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___fuc\+4 td, [dir] .Table-module__table___fuc\+4 th{border:0}[dir=ltr] .Table-module__table___fuc\+4 td, [dir=ltr] .Table-module__table___fuc\+4 th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___fuc\+4 td, [dir=rtl] .Table-module__table___fuc\+4 th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___fuc\+4 td:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 td:last-child, [dir=rtl] .Table-module__table___fuc\+4 th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___fuc\+4 thead th,.Table-module__table___fuc\+4 thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___fuc\+4 thead th, [dir] .Table-module__table___fuc\+4 thead td{border:0}[dir=ltr] .Table-module__table___fuc\+4 thead th, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:first-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=ltr] .Table-module__table___fuc\+4 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___fuc\+4 thead th:last-child, [dir=rtl] .Table-module__table___fuc\+4 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___fuc\+4 thead{display:table-header-group}[dir] .Table-module__table___fuc\+4 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___fuc\+4 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___fuc\+4 thead th,.Table-module__table___fuc\+4 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___fuc\+4 tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___fuc\+4 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___fuc\+4 tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___fuc\+4 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___nzltF 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___nzltF 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___nzltF 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___4dUEL 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___4dUEL 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___4dUEL 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___xsLKz 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___fuc\+4 thead{display:table-header-group}.Table-module__table___fuc\+4 tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/pull/4102/3081-a9294c4c448962a239c1.js b/pull/4102/3081-a9294c4c448962a239c1.js new file mode 100644 index 00000000000..43c2d62aa55 --- /dev/null +++ b/pull/4102/3081-a9294c4c448962a239c1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[3081],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),o=r(n(67967)),d=r(n(25642)),i=o.default.bind(d.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(l))),d=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},o,d)};c.propTypes=u;t.A=c},201:function(e,t,n){var r=n(24994),a=n(73738);t.A=void 0;var l=r(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),d=r(n(5556)),i=r(n(67967)),u=n(92912),c=r(n(27166)),p=r(n(62441)),s=n(25966),m=r(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var y=i.default.bind(m.default),x={example:d.default.element,exampleSrc:d.default.element,exampleCssSrc:d.default.element,title:d.default.string,description:d.default.node,isExpanded:d.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,d=e.description,i=e.isExpanded,m=(0,o.useState)(i),f=(0,l.default)(m,2),x=f[0],g=f[1],_=(0,o.useState)(!1),h=(0,l.default)(_,2),O=h[0],C=h[1],j=o.default.useContext(u.ThemeContext),P=void 0!==r,E=function(){C(!O),x&&g(!x)},w=function(){g(!x),O&&C(!O)},T=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",j.className)},o.default.createElement("div",{className:y("header")},a&&o.default.createElement("h2",{className:y("title")},a)),o.default.createElement("div",{className:y("content")},d&&o.default.createElement("div",{className:y("description")},d),t),o.default.createElement("div",{className:y("footer")},n?o.default.createElement("div",{className:y("button-container")},P&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:E,onKeyDown:function(e){return T(e,E)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":x}),onClick:w,onKeyDown:function(e){return T(e,w)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:y("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:y("css")},r),x&&o.default.createElement("div",{className:y("code")},n))))};g.propTypes=x,g.defaultProps={isExpanded:!1};t.A=g},12883:function(e,t,n){var r=n(24994),a=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return u.Row}}),t.Ay=t.$d=void 0;var l=s(n(96540)),o=r(n(5556)),d=r(n(67967)),i=n(92912),u=s(n(17568)),c=r(n(89744));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var m=d.default.bind(c.default),f={children:o.default.node},y={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=y,(t.NZ=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)}).propTypes=f;var x=function(e){var t=e.children,n=(0,l.useContext)(i.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(u.Header,{className:m("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};x.propTypes=f;t.Ay=x},3081:function(e,t,n){n.r(t),n.d(t,{default:function(){return He}});var r=n(96540),a=n(36665),l=n(24560),o=n(14468),d=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={};function p(e){var t=e.components,n=u(e,d);return(0,a.mdx)("wrapper",i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardDefault = () => (\n
\n Hello World!!\n
\n);\n\nexport default CardDefault;\n\n")))}p.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Default",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=n(42481),y=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var b={};function g(e){var t=e.components,n=v(e,y);return(0,a.mdx)("wrapper",x({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardDefault = () => (\n
\n Hello World!!\n
\n);\n\nexport default CardDefault;\n\n")))}g.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Raised",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(g,null),isExpanded:a})},h=n(78712),O=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var P={};function E(e){var t=e.components,n=j(e,O);return(0,a.mdx)("wrapper",C({},P,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardPadding = () => (\n
\n \n Hello World!!\n \n
\n);\n\nexport default CardPadding;\n\n")))}E.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding",description:n,example:r.createElement(h.A,null),exampleSrc:r.createElement(E,null),isExpanded:a})},T=n(7542),N=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var H={};function D(e){var t=e.components,n=M(e,N);return(0,a.mdx)("wrapper",S({},H,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardPaddingVertical = () => (\n
\n \n Hello World!!\n \n
\n);\n\nexport default CardPaddingVertical;\n\n")))}D.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding Vertical",description:n,example:r.createElement(T.A,null),exampleSrc:r.createElement(D,null),isExpanded:a})},A=n(43272),B=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var W={};function q(e){var t=e.components,n=I(e,B);return(0,a.mdx)("wrapper",k({},W,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardPaddingHorizontal = () => (\n
\n \n Hello World!!\n \n
\n);\n\nexport default CardPaddingHorizontal;\n\n")))}q.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding Horizontal",description:n,example:r.createElement(A.A,null),exampleSrc:r.createElement(q,null),isExpanded:a})},V=n(83330),X=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Y={};function K(e){var t=e.components,n=Z(e,X);return(0,a.mdx)("wrapper",L({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport Card from 'terra-card/lib/Card';\nimport styles from './CardPaddingHR.scss';\n\nconst cx = classNames.bind(styles);\n\nconst CardPaddingHR = () => (\n
\n \n Hello World Above The Line!!\n
\n Hello World Below The Line!!\n \n
\n);\n\nexport default CardPaddingHR;\n\n")))}K.isMDXComponent=!0;var $=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var U={};function J(e){var t=e.components,n=G(e,$);return(0,a.mdx)("wrapper",F({},U,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .horizontal-rule {\n border: 0 none;\n border-top: 1px solid #c8cacb;\n box-sizing: border-box;\n height: 1px;\n margin: 0;\n }\n}\n\n")))}J.isMDXComponent=!0;var Q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding HR",description:n,example:r.createElement(V.A,null),exampleCssSrc:r.createElement(J,null),exampleSrc:r.createElement(K,null),isExpanded:a})},ee=n(29924),te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ae={};function le(e){var t=e.components,n=re(e,te);return(0,a.mdx)("wrapper",ne({},ae,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardContentCentered = () => (\n \n \n Content is centered\n \n \n);\n\nexport default CardContentCentered;\n\n")))}le.isMDXComponent=!0;var oe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Content Centered",description:n,example:r.createElement(ee.A,null),exampleSrc:r.createElement(le,null),isExpanded:a})},de=n(6509),ie=["components"];function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var pe={};function se(e){var t=e.components,n=ce(e,ie);return(0,a.mdx)("wrapper",ue({},pe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardVisuallyHiddenText = () => (\n
\n Hello World!!\n
\n);\n\nexport default CardVisuallyHiddenText;\n\n")))}se.isMDXComponent=!0;var me=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Visually Hidden Text",description:n,example:r.createElement(de.A,null),exampleSrc:r.createElement(se,null),isExpanded:a})},fe=n(12883),ye=["components"];function xe(){return xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var be={},ge="wrapper";function _e(e){var t=e.components,n=ve(e,ye);return(0,a.mdx)(ge,xe({},be,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(fe.Ay,{mdxType:"PropsTable"},(0,a.mdx)(fe.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child Nodes"))),(0,a.mdx)(fe.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'raised'\n],\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the card variant to change the style for different use cases. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"raised"),"."))),(0,a.mdx)(fe.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"visuallyHiddenText"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text that describes the badge to a screen reader. Use this\nif more information is needed to accurately describe\nthis card to screen reader users.")))))}_e.isMDXComponent=!0;var he=["components"];function Oe(){return Oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var je={},Pe="wrapper";function Ee(e){var t=e.components,n=Ce(e,he);return(0,a.mdx)(Pe,Oe({},je,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(fe.Ay,{mdxType:"PropsTable"},(0,a.mdx)(fe.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child Nodes"))),(0,a.mdx)(fe.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"hasPaddingVertical"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Provides themeable padding vertical"))),(0,a.mdx)(fe.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"hasPaddingHorizontal"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Provides themeable padding horizontal"))),(0,a.mdx)(fe.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"isContentCentered"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the content of the card to be centered")))))}Ee.isMDXComponent=!0;var we=["components"];function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Se={},Me="wrapper";function He(e){var t=e.components,n=Ne(e,we);return(0,a.mdx)(Me,Te({},Se,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-card"},"Terra Card"),(0,a.mdx)("p",null,"Card is a basic container with some base styling to help separate elements with different content"),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-card"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Card from 'terra-card';\n")),(0,a.mdx)("h2",{id:"expected-use"},"Expected Use"),(0,a.mdx)("p",null,"The expected use for a card would be to keep elements separated from each other with different content, for example one card could contain a graph while another could have text. Another use would be to help make some elements stand out on the screen with the use of the base styling."),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{title:"Card basic example",mdxType:"CardDefault"}),(0,a.mdx)(_,{title:"Card basic raised example",mdxType:"CardRaised"}),(0,a.mdx)(w,{title:"Card plus Card Body with default padding",mdxType:"CardPadding"}),(0,a.mdx)(R,{title:"Card plus Card Body with only vertical padding",mdxType:"CardPaddingVertical"}),(0,a.mdx)(z,{title:"Card plus Card Body with only horizontal padding",mdxType:"CardPaddingHorizontal"}),(0,a.mdx)(Q,{title:"Card plus padded and non-padded children",mdxType:"CardPaddingHR"}),(0,a.mdx)(oe,{title:"Centered content inside card",mdxType:"CardContentCentered"}),(0,a.mdx)(me,{title:"Card with Visually Hidden Text",mdxType:"CardVisuallyHiddenText"}),(0,a.mdx)("h2",{id:"card-props"},"Card Props"),(0,a.mdx)(_e,{mdxType:"CardPropsTable"}),(0,a.mdx)("h2",{id:"card-body-props"},"Card Body Props"),(0,a.mdx)(Ee,{mdxType:"CardBodyPropsTable"}))}He.isMDXComponent=!0},24560:function(e,t,n){n.d(t,{E:function(){return l}});var r=n(96540),a=n(55713),l=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-card",name:"terra-card",version:"3.48.0",url:t})}},18290:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=s(n(96540)),a=s(n(5556)),l=s(n(46942)),o=s(n(67967)),d=s(n(56500)),i=s(n(52103)),u=s(n(74887)),c=s(n(90498)),p=["children","variant","visuallyHiddenText"];function s(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var y=o.default.bind(u.default),x={children:a.default.node,variant:a.default.oneOf(["default","raised"]),visuallyHiddenText:a.default.string},v={variant:"default"},b=function(e){var t=e.children,n=e.variant,a=e.visuallyHiddenText,o=f(e,p),u=r.default.useContext(i.default),c=(0,l.default)(y(["card",n,u.className]),o.className),s=a?r.default.createElement(d.default,{text:a}):null;return r.default.createElement("article",m({},o,{className:c}),s,t)};b.propTypes=x,b.defaultProps=v,b.Body=c.default;t.default=b},90498:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),l=c(n(46942)),o=c(n(67967)),d=c(n(52103)),i=c(n(58647)),u=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(i.default),f={children:a.default.node,hasPaddingVertical:a.default.bool,hasPaddingHorizontal:a.default.bool,isContentCentered:a.default.bool},y=function(e){var t=e.children,n=e.hasPaddingVertical,a=e.hasPaddingHorizontal,o=e.isContentCentered,i=s(e,u),c=r.default.useContext(d.default),f=(0,l.default)(m([{"vertical-padding":n},{"horizontal-padding":a},{"center-content":o},c.className]),i.className);return r.default.createElement("div",p({},i,{className:f}),t)};y.propTypes=f,y.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=y},29924:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(18290));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{isContentCentered:!0},"Content is centered"))}},14468:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(18290));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,"Hello World!!"))}},78712:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(18290));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,null,"Hello World!!")))}},83330:function(e,t,n){t.A=void 0;var r=d(n(96540)),a=d(n(67967)),l=d(n(18290)),o=d(n(10715));function d(e){return e&&e.__esModule?e:{default:e}}var i=a.default.bind(o.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement(l.default,null,r.default.createElement(l.default.Body,null,"Hello World Above The Line!!"),r.default.createElement("hr",{className:i("horizontal-rule")}),r.default.createElement(l.default.Body,null,"Hello World Below The Line!!")))}},43272:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(18290));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{hasPaddingVertical:!1},"Hello World!!")))}},7542:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(18290));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{hasPaddingHorizontal:!1},"Hello World!!")))}},42481:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(18290));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{variant:"raised"},"Hello World!!"))}},6509:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(18290));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{visuallyHiddenText:"This is a Hello World Card Introduction"},"Hello World!!"))}},17212:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),l=c(n(46942)),o=c(n(67967)),d=c(n(52103)),i=c(n(19677)),u=["children","disableStripes","paddingStyle"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(i.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=s(e,u),i=r.default.useContext(d.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},i.className),o.className);return r.default.createElement("table",p({},o,{className:c}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},15460:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={children:a.default.node},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("tbody",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},59584:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={children:a.default.node},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("td",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},14281:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=d(n(93623)),o=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={children:a.default.node},c=function(e){var t=e.children,n=i(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=u,c.defaultProps={children:[]};t.default=c},93401:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={children:a.default.node},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("th",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},96646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),l=u(n(67967)),o=u(n(19677)),d=u(n(93623)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=l.default.bind(o.default),m={children:a.default.node},f=function(e){var t=e.children,n=p(e,i),a=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),d.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},93623:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=u(n(17212)),a=u(n(15460)),l=u(n(96646)),o=u(n(59584)),d=u(n(14281)),i=u(n(93401));function u(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},27166:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(56445));function l(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=Object.assign({},e);return r.default.createElement(a.default,t,r.default.createElement("path",{d:"M10.3 24 33.8 0l3.9 3.8L18 24l19.7 20.2-3.9 3.8z"}))};o.displayName="IconChevronLeft",o.defaultProps={viewBox:"0 0 48 48","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg"};t.default=o},25642:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},74887:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___mGqg1","orion-fusion-theme":"Card-module__orion-fusion-theme___pKdAk","redwood-theme":"Card-module__redwood-theme___q3rY8",card:"Card-module__card___065D-",default:"Card-module__default___2cIRO",raised:"Card-module__raised___3pYfF"}},58647:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___K00C6","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___k2Ldr","redwood-theme":"CardBody-module__redwood-theme___VMcf6","vertical-padding":"CardBody-module__vertical-padding___UHG80","horizontal-padding":"CardBody-module__horizontal-padding___OqvV2","center-content":"CardBody-module__center-content___kMmT+"}},10715:function(e,t,n){n.r(t),t.default={"horizontal-rule":"CardPaddingHR__horizontal-rule___yK6xC"}},19677:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___FXYdn","orion-fusion-theme":"Table-module__orion-fusion-theme___NK3-x",table:"Table-module__table___fuc+4","padding-standard":"Table-module__padding-standard___nzltF","padding-compact":"Table-module__padding-compact___4dUEL",striped:"Table-module__striped___xsLKz"}}}]); \ No newline at end of file diff --git a/pull/4102/30912-b3aeef05797a8384b5e3.css b/pull/4102/30912-b3aeef05797a8384b5e3.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/pull/4102/30912-b3aeef05797a8384b5e3.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/4102/30912-b3aeef05797a8384b5e3.js b/pull/4102/30912-b3aeef05797a8384b5e3.js new file mode 100644 index 00000000000..5e30cb6e92f --- /dev/null +++ b/pull/4102/30912-b3aeef05797a8384b5e3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30912],{55713:function(e,a,l){var m=l(24994);a.A=void 0;var d=m(l(96540)),n=m(l(5556)),r=m(l(67967)),i=m(l(25642)),t=r.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,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:t("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:t("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=a?d.default.createElement("a",{className:t("badge"),href:a},d.default.createElement("span",{className:t("badge-name")},"github"),d.default.createElement("span",{className:t("badge-version")},"source")):void 0;return d.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;a.A=p},30912:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(96540);var m=l(36665),d=l(3959),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0)continue;l[m]=e[m]}return l}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,m.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"4330---may-8-2024"},"4.33.0 - (May 8, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"4320---march-15-2024"},"4.32.0 - (March 15, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added named export for ",(0,m.mdx)("inlineCode",{parentName:"li"},"InputField"),". It can now be imported as ",(0,m.mdx)("inlineCode",{parentName:"li"},"import { InputField } from 'terra-form-input';"),".")))),(0,m.mdx)("h2",{id:"4310---february-15-2024"},"4.31.0 - (February 15, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"4300---december-11-2023"},"4.30.0 - (December 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4290---november-13-2023"},"4.29.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4280---october-16-2023"},"4.28.0 - (October 16, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4270---september-21-2023"},"4.27.0 - (September 21, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4260---september-19-2023"},"4.26.0 - (September 19, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4250---august-23-2023"},"4.25.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4240---august-1-2023"},"4.24.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4230---june-14-2023"},"4.23.0 - (June 14, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Enabled placeholder support for ",(0,m.mdx)("inlineCode",{parentName:"li"},"fusion-textbox"),".")))),(0,m.mdx)("h2",{id:"4220---april-27-2023"},"4.22.0 - (April 27, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4210---february-15-2023"},"4.21.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"4200---february-7-2023"},"4.20.0 - (February 7, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4191---january-31-2023"},"4.19.1 - (January 31, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-icon"))))),(0,m.mdx)("h2",{id:"4190---january-9-2023"},"4.19.0 - (January 9, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon and terra-form-field")))),(0,m.mdx)("h2",{id:"4180---december-7-2022"},"4.18.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Set the hideRequired prop to be private"),(0,m.mdx)("li",{parentName:"ul"},"Set the isLabelHidden prop to be private"),(0,m.mdx)("li",{parentName:"ul"},"Set the ariaLabel prop to be private")))),(0,m.mdx)("h2",{id:"4175---july-5-2022"},"4.17.5 - (July 5, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4174---may-3-2022"},"4.17.4 - (May 3, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4173---april-29-2022"},"4.17.3 - (April 29, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4172---january-4-2022"},"4.17.2 - (January 4, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4171---december-14-2021"},"4.17.1 - (December 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate doc to terra-core-docs.")))),(0,m.mdx)("h2",{id:"4170---september-21-2021"},"4.17.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"4160---august-25-2021"},"4.16.0 - (August 25, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"4150---june-22-2021"},"4.15.0 - (June 22, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4140---april-27-2021"},"4.14.0 - (April 27, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update input to fallback to native defaults when the type is date, datetime-local, month, time, week, color, file, range, checkbox, radio, button, reset, or submit as they were never tested or originally intended to be supported.")))),(0,m.mdx)("h2",{id:"4130---april-13-2021"},"4.13.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4120---april-6-2021"},"4.12.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"4110---february-2-2021"},"4.11.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"4100---january-5-2021"},"4.10.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"490---december-8-2020"},"4.9.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"480---november-17-2020"},"4.8.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"470---november-10-2020"},"4.7.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"460---october-27-2020"},"4.6.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"450---september-29-2020"},"4.5.0 - (September 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"440---september-16-2020"},"4.4.0 - (September 16, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Prop ",(0,m.mdx)("inlineCode",{parentName:"li"},"onInput")," - Callback for when user inputs a value.")))),(0,m.mdx)("h2",{id:"430---september-1-2020"},"4.3.0 - (September 1, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed the use of ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-form-field")," from doc site examples.")))),(0,m.mdx)("h2",{id:"420---august-6-2020"},"4.2.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"410---august-4-2020"},"4.1.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"400---july-29-2020"},"4.0.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated tests and examples to not use ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed theme variables - see UPGRADEGUIDE.md"),(0,m.mdx)("li",{parentName:"ul"},"Removed tests and examples specifically for ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," prop")))),(0,m.mdx)("h2",{id:"370---july-7-2020"},"3.7.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,m.mdx)("h2",{id:"360---june-11-2020"},"3.6.0 - (June 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Disabled wdio axe color-contrast testing on placeholder examples for IE testing. This will be re-enabled when ",(0,m.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2992"},"https://github.com/cerner/terra-core/issues/2992")," is resolved."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"renamed orion-fusion-theme/Input.module.scss.scss to orion-fusion-theme/Input.module.scss")))),(0,m.mdx)("h2",{id:"350---june-9-2020"},"3.5.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changes",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,m.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"340---may-19-2020"},"3.4.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to move cursor to fix inconsistent hover styles in internal themes")))),(0,m.mdx)("h2",{id:"330---may-12-2020"},"3.3.0 - (May 12, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Set placeholders opacity to 1 to make firefox color-contrast consistent with other browsers")))),(0,m.mdx)("h2",{id:"320---april-28-2020"},"3.2.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"310---april-22-2020"},"3.1.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,m.mdx)("h2",{id:"300---march-31-2020"},"3.0.0 - (March 31, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")))),(0,m.mdx)("h2",{id:"2360---march-10-2020"},"2.36.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2350---february-18-2020"},"2.35.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"2340---january-28-2020"},"2.34.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2330---january-7-2020"},"2.33.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---december-3-2019"},"2.32.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"2310---october-30-2019"},"2.31.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Duplicate IDs in example changed.")))),(0,m.mdx)("h2",{id:"2300---october-15-2019"},"2.30.0 - (October 15, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---october-14-2019"},"2.29.0 - (October 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"File input to show selection in edge."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"File input example added."),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"isIncomplete")," prop to show incomplete stylings.")))),(0,m.mdx)("h2",{id:"2280---october-3-2019"},"2.28.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"placeholder")," as a first class property to ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," and ",(0,m.mdx)("inlineCode",{parentName:"li"},""))))),(0,m.mdx)("h2",{id:"2270---september-26-2019"},"2.27.0 - (September 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---september-19-2019"},"2.26.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"2250---september-6-2019"},"2.25.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated examples to import from the expected package instead of relative paths")))),(0,m.mdx)("h2",{id:"2240---september-3-2019"},"2.24.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed issue where using aria-label as a custom prop the ",(0,m.mdx)("inlineCode",{parentName:"li"},"