diff --git a/10165-7aae52cc7264a414944d.css b/10165-7aae52cc7264a414944d.css new file mode 100644 index 00000000000..7520efc5bfa --- /dev/null +++ b/10165-7aae52cc7264a414944d.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/10165-7aae52cc7264a414944d.js b/10165-7aae52cc7264a414944d.js new file mode 100644 index 00000000000..1bc422db1d8 --- /dev/null +++ b/10165-7aae52cc7264a414944d.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.97.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.80.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/10804-4ec24de01346d237688c.css b/10804-4ec24de01346d237688c.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/10804-4ec24de01346d237688c.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/10804-4ec24de01346d237688c.js b/10804-4ec24de01346d237688c.js new file mode 100644 index 00000000000..9790ba16fa5 --- /dev/null +++ b/10804-4ec24de01346d237688c.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.92.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/11000-431ac4fd134514b205de.css b/11000-431ac4fd134514b205de.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/11000-431ac4fd134514b205de.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/11000-431ac4fd134514b205de.js b/11000-431ac4fd134514b205de.js new file mode 100644 index 00000000000..1997863c910 --- /dev/null +++ b/11000-431ac4fd134514b205de.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[11e3],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var n=d(l(96540)),m=d(l(5556)),r=d(l(67967)),i=d(l(25642)),u=r.default.bind(i.default),t={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,m=e.version,r=n.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(m)},n.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(m))),i=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;a.A=p},11e3:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(96540);var d=l(36665),n=l(5018),m=["components"];function r(){return r=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 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:"4550---may-24-2024"},"4.55.0 - (May 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:"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.55.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/12499-d09c3322992f5016a7dd.css b/12499-d09c3322992f5016a7dd.css new file mode 100644 index 00000000000..7bb6fcdc9ee --- /dev/null +++ b/12499-d09c3322992f5016a7dd.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} +.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} diff --git a/12499-d09c3322992f5016a7dd.js b/12499-d09c3322992f5016a7dd.js new file mode 100644 index 00000000000..da7147494ed --- /dev/null +++ b/12499-d09c3322992f5016a7dd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[12499],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),o=r(n(5556)),l=r(n(67967)),i=r(n(25642)),d=l.default.bind(i.default),s={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var t=e.src,n=e.name,r=e.url,o=e.version,l=a.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},a.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:d("badge-version")},"v".concat(o))),i=t?a.default.createElement("a",{className:d("badge"),href:t},a.default.createElement("span",{className:d("badge-name")},"github"),a.default.createElement("span",{className:d("badge-version")},"source")):void 0;return a.default.createElement("div",{className:d("badge-container")},l,i)};u.propTypes=s;t.A=u},12499:function(e,t,n){n.r(t),n.d(t,{default:function(){return p}});n(96540);var r=n(36665),a=n(68523),o=n(97958),l=n(19448),i=n(12420),d=["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 m={},c="wrapper";function p(e){var t=e.components,n=u(e,d);return(0,r.mdx)(c,s({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-dropdown-accessibility-guide"},"Terra Dropdown Accessibility Guide"),(0,r.mdx)("h2",{id:"why-the-accessibility-of-dropdown-is-important"},"Why the accessibility of Dropdown is important"),(0,r.mdx)("p",null,"Dropdowns are one of the most used menu controls to gather data within an interface. Because they are so ubiquitous, users need to understand their purpose and be able to interact with them predictably. However, if Dropdowns are not implemented following best practices, users may fail to understand what the button is for, or worse, they may not be able to interact with the Dropdown menu. It is critical to users that Dropdowns must be accessible to understand and interact with the menu effectively."),(0,r.mdx)("p",null,"There are many ways a poorly implemented Dropdown can make unusable to users:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"All users rely on the Dropdown label to accurately describe the purpose of the menu."),(0,r.mdx)("li",{parentName:"ul"},"All users rely upon good error messaging to help the user understand when a button is invalid and what they must do to succeed in completing a form."),(0,r.mdx)("li",{parentName:"ul"},"Blind users need the label to be programmatically associated with the Dropdown menu for the screen reader to read the label; otherwise, they will not understand the purpose of the menu."),(0,r.mdx)("li",{parentName:"ul"},"Speech input device users will not be able to activate a dropdown button if the button label is not unique or programmatically associated with the button."),(0,r.mdx)("li",{parentName:"ul"},"If the Dropdown does not provide meaningful helper text or is not programmatically marked as required, the user may not understand how to meet the button requirements.")),(0,r.mdx)(l.A,{mdxType:"Whitespace"}),(0,r.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,r.mdx)(a.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,r.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Ensure each Dropdown has a descriptive label that accurately describes its purpose.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure each Dropdown label is unique to the page.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The best practice is to never use the same label for multiple dropdowns that ask for different data on the same page."))),(0,r.mdx)("li",{parentName:"ul"},"If there is any specific requirement for the user to make a dropdown menu valid, that requirement must be presented visibly either in the button label or within the helper text.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"If a Dropdown is required, it must be set as required, have the required red asterisk, and its parent form should have instructions that any item marked with the asterisk is required."))),(0,r.mdx)("li",{parentName:"ul"},"When creating error messaging, ensure the message provides enough context so the user can understand the problem and how to fix it. Use clear and concise messaging."),(0,r.mdx)("li",{parentName:"ul"},"If any icons are used to convey meaning in conjunction with a Dropdown, the icon must have an accessible name (alternate content). For example, a help icon next to the dropdown menu.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents."),(0,r.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product and accurately reflect the purpose of the icon."),(0,r.mdx)("li",{parentName:"ul"},"The icons must be used to consistently represent the same function (do not use multiple icons for the same functionality)."),(0,r.mdx)("li",{parentName:"ul"},"The icon must have alternate content that reflects the Dropdown it is related to, or it must be programmatically associated with the button. Work with engineers to add a programmatic association of icons to the button."))),(0,r.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does not convey ANY meaning) must be marked as decorative."),(0,r.mdx)("li",{parentName:"ul"},"Consider how a dropdown menu resizes and reflows at different breakpoints and form factors.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Convey to engineers how content should resize and reflow."))),(0,r.mdx)("li",{parentName:"ul"},"Do not override default Dropdown colors.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"If colors are changed, all Dropdown content (visible label, required asterisk, helper text, instructions, menu options, and the button itself) must meet color contrast requirements against their respective backgrounds."))))),(0,r.mdx)("li",{parentName:"ul"},"Ensure the engineer understands the logical reading order of the page so they may code the dropdown in to reflect the user’s expectations."),(0,r.mdx)("li",{parentName:"ul"},"After coded:",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or selection of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"Ensure all Dropdowns can receive keyboard focus, have a visible keyboard focus indication when in focus, and can be interacted with and acted upon using only the keyboard."),(0,r.mdx)("li",{parentName:"ul"},"Ensure all Dropdowns receive focus in the user’s logical reading order and that the focus order does not affect the meaning of the content.")))),(0,r.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Do not override the implicit or explicit role of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"Ensure the code order of the Dropdown matches the user’s logical reading order.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure that the Dropdown can receive keyboard focus."),(0,r.mdx)("li",{parentName:"ul"},"Do not override the default keyboard focus indicator unless to reverse out of a dark background for perceivability."),(0,r.mdx)("li",{parentName:"ul"},"Do not implement a TABINDEX value of anything greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on select of a Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},"Work with Content Creators to understand how content should resize and reflow at different breakpoints and form factors to ensure content is not artificially constrained or cut off at smaller viewports."),(0,r.mdx)("li",{parentName:"ul"},"Ensure that Dropdown is implemented correctly to ensure that programmatic association is made with all related content (e.g., visible label, helper text, error messaging).")),(0,r.mdx)(i.A,{mdxType:"AccessibilityDropdown"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const AccessibilityDropdown = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n \n \n \n setMessage('Clicked Cat allergies')} />\n setMessage('Clicked Dogs allergies')} />\n setMessage('Clicked Dust allergies')} />\n setMessage('Clicked Mold allergies')} />\n setMessage('Clicked Latex allergies')} />\n \n

{message}

\n \n \n \n );\n};\n\n")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Ensure the visible dropdown Label matches any artificially applied programmatic label."),(0,r.mdx)("li",{parentName:"ul"},"Do not change the placement of any related content to other areas around the button. For example, do not move the dropdown label creating large gaps between the button and the label."))),(0,r.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,r.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The dropdown should be able to receive focus and have an item selected through multiple modalities (e.g., mouse, keyboard, assistive technologies, mobile, and mobile using a screen reader).")),(0,r.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand the purpose of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand the state (Expand or collapse) of Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand any requirements of the Dropdown. For example, is it required, etc.")),(0,r.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Key/Sequence"),(0,r.mdx)("th",{parentName:"tr",align:null},"Expectation"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Tab")),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves forward or backward to any interactive element including Dropdown")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Space")),(0,r.mdx)("td",{parentName:"tr",align:null},"When Dropdown is focused, will open, or close the Dropdown menu depending upon its current state.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Up/Down")),(0,r.mdx)("td",{parentName:"tr",align:null},"With Dropdown in focus and dropdown menu closed, will open the dropdown. Moves focus up/down the Dropdown list of options.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Enter")),(0,r.mdx)("td",{parentName:"tr",align:null},"When the Dropdown is open, Enter selects a dropdown menu option.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Escape")),(0,r.mdx)("td",{parentName:"tr",align:null},"When the Dropdown is open, Escape will close the dropdown.")))),(0,r.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,r.mdx)("h3",{id:"how-does-terra-action-header-support-compliance"},"How does Terra Action Header support compliance?"),(0,r.mdx)("p",null,"Terra is committed to ensuring its components provide the maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible."),(0,r.mdx)("p",null,"The final responsibility lies with the consumers of Terra components — ensuring proper usage, any programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,r.mdx)("h3",{id:"primary-accessibility-criteria-for-action-header"},"Primary accessibility criteria for Action Header"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships"},"1.3.1 Info and Relationships")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to associate the label, error messaging, and helper text with the dropdown menu."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure the label, helper text, and error messaging are correctly hooked up to the Dropdown. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must convey any visible relationships of content to the Dropdown to the engineer. "))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence"},"1.3.2 Meaningful Sequence")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown supports having content read in a meaningful order. "),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure that content is coded in the user’s logical order. Engineers must not use a TABINDEX value greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Creators must ensure the keyboard focus order meets the users expected order and does not affect the meaning of the content."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum"},"1.4.3 Contrast (Minimum)")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown labels and text meet the required contrast ratios based on the default text and color backgrounds."),(0,r.mdx)("li",{parentName:"ul"},"If colors are changed, engineers and content creators must ensure text colors meet the appropriate contrast ratio based on their font size and the color they appear against. See 1.4.3 Contrast (Minimum) for more information."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard"},"2.1.1 Keyboard")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra ensures keyboard accessibility is built into the component."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure all Dropdown menus can be accessed and acted upon using only the keyboard after implementing within the code."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order"},"2.4.3 Focus Order")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown can be coded in the user’s logical read order."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must code the dropdown elements to match the user’s logical reading order."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must not add a TABINDEX greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure the Dropdown receives focus in the user’s logical reading order."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels"},"2.4.6 Headings and Labels")," – Partially Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to create unique and descriptive headings and labels."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must implement a meaningful label provided by content creators."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide development a label that accurately describes the purpose of the Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible"},"2.4.7 Focus Visible")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown ensures a visible keyboard focus is built into the component."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure all dropdowns have a visible keyboard focus after being implemented within the code."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/label-in-name"},"2.5.3 Label in Name")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the consuming team to have a visible label and a programmatic label."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic name matches that of the visible Dropdown label."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus"},"3.2.1 On Focus")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown does not initiate a change of context on its own."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure nothing unexpected happens on focus of the Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-input"},"3.2.2 On Input")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown does not initiate a change of context on the selection of the menu or its options."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must not initiate any change of context on focus of the Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/error-identification"},"3.3.1 Error Identification")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to validate a dropdown menu and provide error notifications on the field with error messaging."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure validation is hooked up correctly and the error messaging is appropriately associated with the errant button."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with error messaging for any potential validation error of the button."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions"},"3.3.2 Labels or Instructions")," – Partially Supports ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides a label and the ability to have helper text for instructions."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure dropdown menus are coded correctly for helper text or other instructions to be properly associated with the menu. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with text string for the label and any helper text instructions for users to understand the purpose and requirements of the button clearly."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/error-suggestion"},"3.3.3 Error Suggestion")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to include error suggestions when forms are validated."),(0,r.mdx)("li",{parentName:"ul"},"When the cause of the error can be known to the system, engineers must ensure validation is hooked up correctly and can provide the appropriate error messaging to the user."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with appropriate error messaging to account for a known invalid entry. If possible, the error messaging must provide guidance to the user on how to correct the issue."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value"},"4.1.2 Name, Role, Value")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown ensures that the proper role is applied and allows consuming teams to set the appropriate label for the button."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must not overwrite the default role of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide development an appropriate label for the Dropdown.")))),(0,r.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-dropdown-menus"},"Related accessibility criteria that apply when adding content to dropdown menus."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow"},"1.4.10 Reflow")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown can reflow with content by default."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure their dropdown layouts can reflow without loss of functionality or scrolling in two directions at up to 400% except when used within tables."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/text-spacing"},"1.4.12 Text Spacing")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown meets this criterion by default."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure support for this criterion."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/resize-text"},"1.4.4 Resize text")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown resizes natively."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure their dropdown layouts allow users to resize text up to 200% without the loss of content or functionality."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/parsing"},"4.1.1 Parsing")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown creates valid HTML code."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure their code is valid.")))),(0,r.mdx)("h2",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,r.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,r.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) "),(0,r.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,r.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology")),(0,r.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,r.mdx)("h2",{id:"references"},"References:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/forms/"},"WebAim.org: Creating More Accessible Forms"))))}p.isMDXComponent=!0},97958:function(e,t,n){n.d(t,{E:function(){return o}});var r=n(96540),a=n(55713),o=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-dropdown-button",name:"terra-dropdown-button",version:"1.43.0",url:t})}},18290:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),o=c(n(46942)),l=c(n(67967)),i=c(n(56500)),d=c(n(52103)),s=c(n(74887)),u=c(n(90498)),m=["children","variant","visuallyHiddenText"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)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 h=l.default.bind(s.default),g={children:a.default.node,variant:a.default.oneOf(["default","raised"]),visuallyHiddenText:a.default.string},w={variant:"default"},b=function(e){var t=e.children,n=e.variant,a=e.visuallyHiddenText,l=f(e,m),s=r.default.useContext(d.default),u=(0,o.default)(h(["card",n,s.className]),l.className),c=a?r.default.createElement(i.default,{text:a}):null;return r.default.createElement("article",p({},l,{className:u}),c,t)};b.propTypes=g,b.defaultProps=w,b.Body=u.default;t.default=b},90498:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),o=u(n(46942)),l=u(n(67967)),i=u(n(52103)),d=u(n(58647)),s=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)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 p=l.default.bind(d.default),f={children:a.default.node,hasPaddingVertical:a.default.bool,hasPaddingHorizontal:a.default.bool,isContentCentered:a.default.bool},h=function(e){var t=e.children,n=e.hasPaddingVertical,a=e.hasPaddingHorizontal,l=e.isContentCentered,d=c(e,s),u=r.default.useContext(i.default),f=(0,o.default)(p([{"vertical-padding":n},{"horizontal-padding":a},{"center-content":l},u.className]),d.className);return r.default.createElement("div",m({},d,{className: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 r=s(n(96540)),a=s(n(5556)),o=s(n(46942)),l=s(n(67967)),i=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[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=l.default.bind(i.default),p={newline:a.default.oneOf([1,2,3,4,5,6,7,8])},f=function(e){var t=e.newline,n=m(e,d),a=(0,o.default)(c("whitespace","newline-".concat(t)),n.className);return r.default.createElement("div",u({},n,{className:a,"aria-hidden":"true"}))};f.propTypes=p,f.defaultProps={newline:1};t.A=f},12420:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a,o=s(n(96540)),l=s(n(37123)),i=(a=n(18290))&&a.__esModule?a:{default:a};function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],d=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);d=!0);}catch(e){s=!0,a=e}finally{try{if(!d&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0)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),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:a.default.string},g=function(e){var t=e.children,n=m(e,d),a=r.default.useContext(l.default),i=(0,o.default)(c(["button",a.className]),n.className);return r.default.createElement("button",u({},n,{type:"button",className:i,onBlur:p,onMouseDown: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 r=d(n(96540)),a=d(n(5556)),o=d(n(67967)),l=d(n(52103)),i=d(n(38616));function d(e){return e&&e.__esModule?e:{default:e}}var s=o.default.bind(i.default),u={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},m=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,o=r.default.useContext(l.default);return r.default.createElement("div",{className:s("notice",n,o.className)},r.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:s("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};m.propTypes=u,m.defaultProps={ariaLevel:"2",variant:"important"};t.default=m},60934:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),o=u(n(46942)),l=u(n(67967)),i=u(n(52103)),d=u(n(27683)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)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 p=l.default.bind(d.default),f={title:a.default.string},h=function(e){var t=e.title,n=c(e,s),a=r.default.useContext(i.default),l=(0,o.default)(p(["placeholder",a.className]),n.className),d=p(["inner"]);return r.default.createElement("div",m({},n,{className:l}),r.default.createElement("div",{className:d},r.default.createElement("p",{className:p("title")},t)))};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 r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=l(n(18875)),a=l(n(60934)),o=l(n(91563));function l(e){return e&&e.__esModule?e:{default:e}}},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"}},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"}}}]); \ No newline at end of file diff --git a/12957-603be05c86996063a0a3.css b/12957-603be05c86996063a0a3.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/12957-603be05c86996063a0a3.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/12957-603be05c86996063a0a3.js b/12957-603be05c86996063a0a3.js new file mode 100644 index 00000000000..aa739171aec --- /dev/null +++ b/12957-603be05c86996063a0a3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[12957],{55713:function(e,a,r){var t=r(24994);a.A=void 0;var n=t(r(96540)),o=t(r(5556)),d=t(r(67967)),c=t(r(25642)),s=d.default.bind(c.default),u={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,d=n.default.createElement("a",{className:s("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/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))),c=a?n.default.createElement("a",{className:s("badge"),href:a},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,c)};i.propTypes=u;a.A=i},12957:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(96540);var t=r(36665),n=r(24560),o=["components"];function d(){return d=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 o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var s={},u="wrapper";function i(e){var a=e.components,r=c(e,o);return(0,t.mdx)(u,d({},s,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-card-upgrade-guide"},"Terra Card 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},24560: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-card",name:"terra-card",version:"3.49.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/13047-f9ba73534d15d6a09fbc.css b/13047-f9ba73534d15d6a09fbc.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/13047-f9ba73534d15d6a09fbc.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/13047-f9ba73534d15d6a09fbc.js b/13047-f9ba73534d15d6a09fbc.js new file mode 100644 index 00000000000..7076f5c9f16 --- /dev/null +++ b/13047-f9ba73534d15d6a09fbc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[13047],{55713:function(e,l,a){var m=a(24994);l.A=void 0;var n=m(a(96540)),d=m(a(5556)),r=m(a(67967)),u=m(a(25642)),i=r.default.bind(u.default),t={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var l=e.src,a=e.name,m=e.url,d=e.version,r=n.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(a,"/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=l?n.default.createElement("a",{className:i("badge"),href:l},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;l.A=p},13047:function(e,l,a){a.r(l),a.d(l,{default:function(){return h}});a(96540);var m=a(36665),n=a(61903),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;a[m]=e[m]}return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var i={},t="wrapper";function p(e){var l=e.components,a=u(e,d);return(0,m.mdx)(t,r({},i,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3430---may-24-2024"},"3.43.0 - (May 24, 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:"3420---february-27-2024"},"3.42.0 - (February 27, 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:"3410---february-15-2024"},"3.41.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:"3400---november-13-2023"},"3.40.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:"3391---july-13-2023"},"3.39.1 - (July 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed issue of focus outline when ",(0,m.mdx)("inlineCode",{parentName:"li"},"setFocusOnContainer")," is not set.")))),(0,m.mdx)("h2",{id:"3390---june-28-2023"},"3.39.0 - (June 28, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"setFocusOnContainer")," prop to provide scroll capability for keyboard only users. (Requires Jest Snapshot updates)"),(0,m.mdx)("li",{parentName:"ul"},"Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"borderColor")," prop for allowing consumers to change the border color to dark or white depending upon the color of the content container ")))),(0,m.mdx)("h2",{id:"3380---february-15-2023"},"3.38.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:"3370---december-7-2022"},"3.37.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:"3361---january-4-2022"},"3.36.1 - (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:"3360---november-2-2021"},"3.36.0 - (November 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"},"Migrate docs to terra-core-docs.")))),(0,m.mdx)("h2",{id:"3350---september-21-2021"},"3.35.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:"3340---april-6-2021"},"3.34.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"},"Updated to terra-functional-testing"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"3330---january-5-2021"},"3.33.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:"3320---december-8-2020"},"3.32.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3310---november-17-2020"},"3.31.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3300---august-4-2020"},"3.30.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:"3290---july-29-2020"},"3.29.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:"3280---june-9-2020"},"3.28.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"},"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:"3270---april-28-2020"},"3.27.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:"3260---april-22-2020"},"3.26.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)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,m.mdx)("h2",{id:"3250---march-3-2020"},"3.25.0 - (March 3, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3240---february-18-2020"},"3.24.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:"3230---february-4-2020"},"3.23.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"3220---january-7-2020"},"3.22.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:"3210---december-3-2019"},"3.21.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,m.mdx)("h2",{id:"3200---october-30-2019"},"3.20.0 - (October 30, 2019)"),(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 lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"3190---october-3-2019"},"3.19.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:"3180---september-19-2019"},"3.18.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:"3170---september-6-2019"},"3.17.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3160---august-21-2019"},"3.16.0 - (August 21, 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"},"Props table markdown file import added to doc site page"),(0,m.mdx)("li",{parentName:"ul"},"Added an example and documentation around usage of scrollRefCallback 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"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3150---august-14-2019"},"3.15.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:"3140---july-30-2019"},"3.14.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:"3130---july-24-2019"},"3.13.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:"3120---july-16-2019"},"3.12.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:"3100----july-11-2019"},"3.10.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"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,m.mdx)("h2",{id:"390---june-28-2019"},"3.9.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"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"380---june-11-2019"},"3.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:"370---may-1-2019"},"3.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:"360---april-16-2019"},"3.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:"350---march-26-2019"},"3.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:"340---march-21-2019"},"3.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:"330---february-26-2019"},"3.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)("li",{parentName:"ul"},"Removed dependency on terra-heading used in examples")))),(0,m.mdx)("h2",{id:"320---february-12-2019"},"3.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:"310---february-5-2019"},"3.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:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2330---january-22-2019"},"2.33.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:"2320---january-8-2019"},"2.32.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:"2310---january-2-2019"},"2.31.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:"2301---november-20-2018"},"2.30.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2300---november-19-2018"},"2.30.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:"2290---november-13-2018"},"2.29.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:"2280---november-9-2018"},"2.28.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:"2270---october-24-2018"},"2.27.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:"2260---october-16-2018"},"2.26.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:"2250---october-8-2018"},"2.25.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:"2240---october-2-2018"},"2.24.0 - (October 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:"2230---september-25-2018"},"2.23.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:"2221---september-6-2018"},"2.22.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:"2220---september-5-2018"},"2.22.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:"2210---september-4-2018"},"2.21.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:"2200---august-29-2018"},"2.20.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:"2190---august-1-2018"},"2.19.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:"2180---july-19-2018"},"2.18.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:"2170---july-17-2018"},"2.17.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:"2160---july-10-2018"},"2.16.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:"2150---july-3-2018"},"2.15.0 - (July 3, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"IE10 bug using static styles with no sized parent. No longer using 'initial'.")))),(0,m.mdx)("h2",{id:"2140---june-28-2018"},"2.14.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2130---june-22-2018"},"2.13.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:"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)("li",{parentName:"ul"},"Updated to implement the new terra-scroll component.")))),(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"},"Replaced nightwatch tests with wdio tests")))),(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"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Footer to allow sticky bottom-aligned content")))),(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"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"190---september-19-2017"},"1.9.0 - (September 19, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"150---august-31-2017"},"1.5.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor 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"},"Converted component to use CSS modules")))),(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 l=1;l=0)continue;a[m]=e[m]}return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var s={},c="wrapper";function h(e){var l=e.components,a=N(e,x);return(0,m.mdx)(c,o({},s,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)(n.E,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},61903:function(e,l,a){a.d(l,{E:function(){return d}});var m=a(96540),n=a(55713),d=function(e){var l=e.url;return m.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-content-container",name:"terra-content-container",version:"3.43.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/13463-526169b6d370abff8a8b.css b/13463-526169b6d370abff8a8b.css new file mode 100644 index 00000000000..75d08505cb5 --- /dev/null +++ b/13463-526169b6d370abff8a8b.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} +.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} diff --git a/13463-526169b6d370abff8a8b.js b/13463-526169b6d370abff8a8b.js new file mode 100644 index 00000000000..43abe1e345c --- /dev/null +++ b/13463-526169b6d370abff8a8b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[13463],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(96540)),i=a(n(5556)),l=a(n(67967)),o=a(n(25642)),s=l.default.bind(o.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,l=r.default.createElement("a",{className:s("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:s("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:s("badge-version")},"v".concat(i))),o=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")},l,o)};u.propTypes=d;t.A=u},13463:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(96540);var a=n(36665),r=n(17996),i=n(68523),l=n(19448),o=["components"];function s(){return s=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 i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},c="wrapper";function m(e){var t=e.components,n=d(e,o);return(0,a.mdx)(c,s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra-hyperlink"},"Accessibility Guide for Terra Hyperlink"),(0,a.mdx)(i.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},"For each use of Terra Hyperlink, special care needs to be taken to ensure ",(0,a.mdx)("strong",{parentName:"li"},"the link text alone should convey the function and purpose of the link"),"."),(0,a.mdx)("li",{parentName:"ol"},"Hyperlinks ",(0,a.mdx)("strong",{parentName:"li"},"must have a non-empty href")," in order to be considered true links and to be accessible to keyboard users. "))),(0,a.mdx)(l.A,{mdxType:"Whitespace"}),(0,a.mdx)("h3",{id:"why-is-this-important"},"Why is this important?"),(0,a.mdx)("p",null,"Hyperlinks are one of HTML's foundational elements, so making links accessible is essential. Hyperlinks are a vital tool for creating an intuitive user experience. However, because links are so fundamental to the functionality of web content, inaccessible or improperly implemented links can be a severe barrier to overall accessibility. "),(0,a.mdx)("p",null,"Accessible hyperlinks are critical to ensure all users can effectively understand and use them. For example:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Blind screen reader users")," do not necessarily interact with pages in a linear fashion and can use hyperlinks out of context. They need the words within the link to be descriptive of purpose."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"People using speech input software")," require unique links to effectively activate the link they would like to follow."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Keyboard only users")," navigate the page using only a keyboard. A visible keyboard focus is crucial to see where they are on the page."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"People unable to perceive colors")," need links to be perceivably distinct from the surrounding text. The use of underlines or other non-colored indicators will help users who may not see color.")),(0,a.mdx)(l.A,{newline:2,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations:"),(0,a.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,a.mdx)("p",null,"Terra Hyperlink can be used as: ",(0,a.mdx)("em",{parentName:"p"},"Hyperlink")," and ",(0,a.mdx)("em",{parentName:"p"},"Hyperlink Button"),". The table below explains the difference between the two."),(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},"Variant"),(0,a.mdx)("th",{parentName:"tr",align:null},"Purpose"),(0,a.mdx)("th",{parentName:"tr",align:null},"Example import"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Hyperlink"),(0,a.mdx)("td",{parentName:"tr",align:null},"Represents a basic HTML hyperlink (a hypertext anchor) labeled by its contents. This variant must have an ",(0,a.mdx)("inlineCode",{parentName:"td"},"href")," prop."),(0,a.mdx)("td",{parentName:"tr",align:null})),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"Hyperlink Button"),(0,a.mdx)("td",{parentName:"tr",align:null},"Represents a basic HTML button that triggers hyperlink navigation via the required ",(0,a.mdx)("inlineCode",{parentName:"td"},"onClick")," event handler prop."),(0,a.mdx)("td",{parentName:"tr",align:null})))),(0,a.mdx)("h4",{id:"developers-must-ensure-the-following-code-considerations"},"Developers must ensure the following code considerations:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Do not override ",(0,a.mdx)("inlineCode",{parentName:"li"},"role=link"),".",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Use the component variant that best matches the intended usage."))),(0,a.mdx)("li",{parentName:"ul"},"If non-unique link text must be used, e.g. ",(0,a.mdx)("inlineCode",{parentName:"li"},"Learn more"),", ensure the link is programmatically associated with other content that describes its purpose."),(0,a.mdx)("li",{parentName:"ul"},"Ensure that action is not taken on a hyperlink when it receives focus or when the focus leaves a hyperlink."),(0,a.mdx)("li",{parentName:"ul"},"Action on a hyperlink always occurs on the ",(0,a.mdx)("inlineCode",{parentName:"li"},"onmouseup")," or ",(0,a.mdx)("inlineCode",{parentName:"li"},"onkeyup")," event."),(0,a.mdx)("li",{parentName:"ul"},"Links must have a non-empty ",(0,a.mdx)("inlineCode",{parentName:"li"},"href")," to be considered proper links and accessible to keyboard users."),(0,a.mdx)("li",{parentName:"ul"},"Link Buttons must have an callback provided for ",(0,a.mdx)("inlineCode",{parentName:"li"},"onClick")," and must ignore ",(0,a.mdx)("inlineCode",{parentName:"li"},"href")," to be considered proper link buttons and accessible to keyboard users."),(0,a.mdx)("li",{parentName:"ul"},"Ensure that links with icons follow meaningful or decorative use guidelines.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Meaningful icons must have appropriate alternative text in the ",(0,a.mdx)("inlineCode",{parentName:"li"},"alt")," attribute."),(0,a.mdx)("li",{parentName:"ul"},"Decorative icons must be marked as decorative.")))),(0,a.mdx)(l.A,{mdxType:"Whitespace"}),(0,a.mdx)("h3",{id:"content-considerations"},"Content Considerations:"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"It is most important for link text to make sense without the surrounding sentences or content. The link text alone should convey the function and purpose of the link. Link text should also be unique and easy to speak out loud."),(0,a.mdx)("p",{parentName:"blockquote"},"Consider these guidelines when writing link text:"),(0,a.mdx)("ul",{parentName:"blockquote"},(0,a.mdx)("li",{parentName:"ul"},"Use text that is unique and descriptive of the link's purpose."),(0,a.mdx)("li",{parentName:"ul"},"Avoid link text like “Click Here,” “More,” and “Read More.” These kinds of links can be confusing when a screen reader reads them out of context. These types of non-unique links prevent speech input users may from accurately activating them."),(0,a.mdx)("li",{parentName:"ul"},"It is OK to link a full sentence, but avoid longer."),(0,a.mdx)("li",{parentName:"ul"},"Use judgment when linking full URLs. When linking a URL, consider screen reader users that must listen to their device announcing the linked URL.")),(0,a.mdx)("p",{parentName:"blockquote"},(0,a.mdx)("em",{parentName:"p"}," "," ","—"," excerpt from ",(0,a.mdx)("a",{parentName:"em",href:"https://usability.yale.edu/web-accessibility/articles/links"},'"Usability & Web Accessibility Articles: Links"')),(0,a.mdx)("a",{parentName:"p",href:"/terra-core/components/cerner-terra-core-docs/hyperlink/accessibility-guide"},(0,a.mdx)("sup",null,"[1]")))),(0,a.mdx)(l.A,{newline:4,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,a.mdx)("p",null,"Users expect links to open a new page, take them somewhere on the page, or to download a file."),(0,a.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,a.mdx)("p",null,"Mouse users expect the cursor to change to a hand with pointing finger when the link is hovered. Keyboard only users expect to see a visible keyboard focus indicator when the link is in focus."),(0,a.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,a.mdx)("p",null,"Hyperlinks have the following 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)("strong",{parentName:"td"},"Tab")),(0,a.mdx)("td",{parentName:"tr",align:null},"Puts Focus on the hyperlink.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"Enter")),(0,a.mdx)("td",{parentName:"tr",align:null},"Executes the link and moves focus to the link target.")))),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,a.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,a.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,a.mdx)("h3",{id:"wcag-resources"},"WCAG Resources"),(0,a.mdx)("h4",{id:"success-criteria"},"Success Criteria"),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"Terra Hyperlink ",(0,a.mdx)("strong",{parentName:"em"},"must")," meet the following success criteria:")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/quickref/#non-text-content"},(0,a.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,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},(0,a.mdx)("strong",{parentName:"a"},"1.3.1 Info and Relationships"))," - The intent of this Success Criterion is to ensure that information and relationships that are implied by visual or auditory formatting are preserved when the presentation format changes. For example, the presentation format changes when the content is read by a screen reader."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html"},(0,a.mdx)("strong",{parentName:"a"},"2.4.4 Link Purpose"))," - The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html"},(0,a.mdx)("strong",{parentName:"a"},"2.5.3 Label in Name"))," — For user interface components with labels that include text or images of text, the name contains the text that is presented visually."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification.html"},(0,a.mdx)("strong",{parentName:"a"},"3.2.4 Consistent Identification"))," — Content creators must ensure icons used within hyperlinks are used consistently for the same function.")),(0,a.mdx)("h3",{id:"supported-features--technology"},"Supported Features & Technology"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"NVDA Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)"),(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)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"None identified"),(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 ",(0,a.mdx)("strong",{parentName:"a"},"GitHub")))),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"For more information about Accessibility Support with Terra — go to ",(0,a.mdx)("a",{parentName:"em",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#accessibility-a11y"},"Component Standards: Accessibility (A11y)"),".")),(0,a.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,a.mdx)("ol",null,(0,a.mdx)("li",{parentName:"ol"},"Yale staff (2022) ",(0,a.mdx)("a",{parentName:"li",href:"https://usability.yale.edu/web-accessibility/articles/links"},'"Usability & Web Accessibility Articles: Links"'),". Yale. Retrieved 21 April 2022.")))}m.isMDXComponent=!0},17996:function(e,t,n){n.d(t,{E:function(){return i}});var a=n(96540),r=n(55713),i=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-hyperlink",name:"terra-hyperlink",version:"2.70.1",url:t})}},19448:function(e,t,n){t.A=void 0;var a=d(n(96540)),r=d(n(5556)),i=d(n(46942)),l=d(n(67967)),o=d(n(71969)),s=["newline"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(o.default),p={newline:r.default.oneOf([1,2,3,4,5,6,7,8])},h=function(e){var t=e.newline,n=c(e,s),r=(0,i.default)(m("whitespace","newline-".concat(t)),n.className);return a.default.createElement("div",u({},n,{className:r,"aria-hidden":"true"}))};h.propTypes=p,h.defaultProps={newline:1};t.A=h},91563:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),i=d(n(67967)),l=d(n(52103)),o=d(n(43840)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=i.default.bind(o.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},x=function(e){var t=e.children,n=c(e,s),r=a.default.useContext(l.default),o=(0,i.default)(m(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:o,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};x.propTypes=f;t.default=x},18875:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(96540)),r=s(n(5556)),i=s(n(67967)),l=s(n(52103)),o=s(n(38616));function s(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(o.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(l.default);return a.default.createElement("div",{className:d("notice",n,i.className)},a.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:d("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:d("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:d("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)),i=u(n(46942)),l=u(n(67967)),o=u(n(52103)),s=u(n(27683)),d=["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 i=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=m(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["placeholder",r.className]),n.className),s=p(["inner"]);return a.default.createElement("div",c({},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 i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=l(n(18875)),r=l(n(60934)),i=l(n(91563));function l(e){return e&&e.__esModule?e:{default:e}}},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"}},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"}}}]); \ No newline at end of file diff --git a/13774-9fbc0e7250f789a06411.css b/13774-9fbc0e7250f789a06411.css new file mode 100644 index 00000000000..6ce4a6ac493 --- /dev/null +++ b/13774-9fbc0e7250f789a06411.css @@ -0,0 +1,8 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Text-module__clinical-lowlight-theme___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} +.colors-module__clinical-lowlight-theme___AuKhj{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif';--terra-text-attention-color: #fb4c4c;--terra-text-default-color: #6f7477;--terra-text-info-color: #5a81ff;--terra-text-success-color: #28dae0}.colors-module__orion-fusion-theme___19il2{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif';--terra-text-attention-color: #c00;--terra-text-default-color: #1c1f21;--terra-text-info-color: #0065a3;--terra-text-success-color: #78c346}:root{--terra-text-attention-color: rgb(220, 20, 60);--terra-text-success-color: rgb(46, 125, 50);--terra-text-info-color: #304ffe;--terra-text-default-color: #333}.colors-module__default___boTN-{color:#333;color:var(--terra-text-default-color, #333)}.colors-module__attention___Onu3b{color:rgb(220, 20, 60);color:var(--terra-text-attention-color, rgb(220, 20, 60))}.colors-module__success___8biGQ{color:rgb(46, 125, 50);color:var(--terra-text-success-color, rgb(46, 125, 50))}.colors-module__info___4lHUj{color:#304ffe;color:var(--terra-text-info-color, #304ffe)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display: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)} +.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} +[dir=ltr] .TextDocCommon-module__content-wrapper___rNNmc{margin-left:10px;margin-right:10px}[dir=rtl] .TextDocCommon-module__content-wrapper___rNNmc{margin-right:10px;margin-left:10px}.TextDocCommon-module__text-wrapper___HomXI{width:150px}[dir] .TextDocCommon-module__text-wrapper___HomXI{border:1px solid} +.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/13774-9fbc0e7250f789a06411.js b/13774-9fbc0e7250f789a06411.js new file mode 100644 index 00000000000..75b38b0c140 --- /dev/null +++ b/13774-9fbc0e7250f789a06411.js @@ -0,0 +1 @@ +(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[13774],{38959:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return qe}});var r=n(96540),a=n(36665),l=n(57831),o=n(43103),i=["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 d={};function c(e){var t=e.components,n=u(e,i);return(0,a.mdx)("wrapper",s({},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 Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextColors = () => (\n
\n {'Font Color: \\'default\\' class'}\n
\n {'Font Color: \\'attention\\' class'}\n
\n {'Font Color: \\'success\\' class'}\n
\n {'Font Color: \\'info\\' class'}\n
\n);\n\nexport default TextColors;\n\n")))}c.isMDXComponent=!0;var f=n(201),m=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)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 y(e){var t=e.components,n=x(e,m);return(0,a.mdx)("wrapper",p({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"/*stylelint-disable terra/custom-property-namespace*/\n@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-text-attention-color: rgb(220, 20, 60);\n --terra-text-success-color: rgb(46, 125, 50);\n --terra-text-info-color: #304ffe;\n --terra-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--terra-text-default-color, #333);\n }\n\n .attention {\n color: var(--terra-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--terra-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--terra-text-info-color, #304ffe);\n }\n}\n\n")))}y.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Colors",description:n,example:r.createElement(o.A,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(c,null),isExpanded:a})},g=n(66832),v=["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)&&(a[n]=e[n])}return a}var O={};function w(e){var t=e.components,n=j(e,v);return(0,a.mdx)("wrapper",T({},O,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-text/lib/Text.module.scss';\nimport styles2 from './colors.module.scss';\nimport styles3 from './TextDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\nconst cx2 = classNames.bind(styles2);\nconst cx3 = classNames.bind(styles3);\n\nconst TextDisplays = () => (\n
\n

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

\n
\n
\n

Font Weight: 300

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

Font Style: Italic Font Weight: 300

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

Font Weight: 400

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

Font Style: Italic

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

Font Weight: 700

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

Font Style: Italic Font Weight: 700

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

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

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

Date format using Semantic Element:

\n \n\n

Date format using custom labels:

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

Date format using date as a string:

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

Time format using Semantic Element:

\n \n\n

Time format using custom labels:

\n {/* to make screen readers to announce value as time */}\n \n \n \n \n \n);\n\nexport default TextTime;\n\n')))}Ne.isMDXComponent=!0;var Pe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Time",description:n,example:r.createElement(we.A,null),exampleSrc:r.createElement(Ne,null),isExpanded:a})},Ce=n(12883),De=["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 Me={},ke="wrapper";function Fe(e){var t=e.components,n=Ie(e,De);return(0,a.mdx)(ke,Ae({},Me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Ce.Ay,{mdxType:"PropsTable"},(0,a.mdx)(Ce.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child nodes"))),(0,a.mdx)(Ce.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"isItalic"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to display in italics."))),(0,a.mdx)(Ce.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"isVisuallyHidden"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to appear visually hidden. The text will still be available to screen readers."))),(0,a.mdx)(Ce.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"isWordWrapped"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if word wrapping styles should be applied."))),(0,a.mdx)(Ce.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"fontSize"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 10\n 12\n 14\n 16\n 18\n 20\n 24\n 32\n 36\n 46\n 50\n 56\n 64\n 72\n 92\n 100\n],\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text size. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"10"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"12"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"14"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"16"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"18"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"20"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"24"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"32"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"36"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"46"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"50"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"56"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"64"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"72"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"92"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"100"),"."))),(0,a.mdx)(Ce.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"weight"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 200\n 300\n 400\n 700\n],\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The prop can be used to specify the weight or boldness of the Text component. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"200"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"300"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"400"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"700"),"."))),(0,a.mdx)(Ce.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"colorClass"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets an author defined class, to control the colors of the text and override the base color styles."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,a.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,a.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}Fe.isMDXComponent=!0;var We=["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 Ve,Xe=(Ve="Link",function(e){return console.warn("Component "+Ve+" was not imported, exported, or provided by MDXProvider as global scope"),(0,a.mdx)("div",e)}),Ye={},Le="wrapper";function qe(e){var t=e.components,n=He(e,We);return(0,a.mdx)(Le,Re({},Ye,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-text"},"Terra Text"),(0,a.mdx)("p",null,"The font size, font weight, font family, and font color in terra components are set to defaults in terra-base which is then inherited into all components.\nComponents can override these base styles as needed in their specific component CSS. In some cases, you may need text that differs from the base font styles,\nthough, the text doesn't belong to a specific component."),(0,a.mdx)("p",null,"In these cases, the text component may be helpful. Using terra-text, you can create text that differs from the base text styles by changing the font size,\nfont weight, and color."),(0,a.mdx)("h1",{id:"decorative-text-attributes"},"Decorative text attributes"),(0,a.mdx)("p",null,"Decorative text attributes are attributes that do not add meaning to the content of a page. If the attribute is just decorative and does not convey any meaning, the text should not communicate anything else."),(0,a.mdx)("h1",{id:"supportive-text-attributes"},"Supportive Text Attributes"),(0,a.mdx)("p",null,'The text attribute is "Supportive" when the text attribute is paired with other text or imagery on the page that conveys the same information. Supportive text attributes should be considered the same as decorative, and no extra meaning should be applied.'),(0,a.mdx)("h1",{id:"meaningful-text-attributes"},"Meaningful Text Attributes"),(0,a.mdx)("p",null,"Meaningful text attributes are attributes that convey meaning and is not paired with other text or imagery on the page that conveys the meaning. When text attributes are meaningful there should be a way for the screen readers to convey so as to understand WHAT the text attribute means."),(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"Note:")," Large font sizes should be used only for decorative text and not for headers. For text to be understood as a heading, the text must be programmatically set to a heading level in the code."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-text"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Text from 'terra-text';\n")),(0,a.mdx)("h3",{id:"color-class"},"Color Class"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},":root {\n --my-app-text-attention-color: rgb(220, 20, 60);\n --my-app-text-success-color: rgb(46, 125, 50);\n --my-app-text-info-color: #304ffe;\n --my-app-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--my-app-text-default-color, #333);\n }\n\n .attention {\n color: var(--my-app-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--my-app-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--my-app-text-info-color, #304ffe);\n }\n}\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(P,{title:"Displays",mdxType:"TextDisplays"}),(0,a.mdx)(F,{title:"Font Sizes",description:"The font-size values represent the pixel values of our UX defined font-scale. Then the `Text` component will render these font-sizes with rem units.",mdxType:"TextFontSizes"}),(0,a.mdx)(h,{title:"Colors",description:"By passing in a className, authors can manually set the text color of any '' component.",mdxType:"TextColors"}),(0,a.mdx)(ae,{title:"Weight",mdxType:"TextWeights"}),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"isVisuallyHidden")," prop can be used to hide the content visually, yet provide the content to screen readers.\nMore info on this approach can be found here: ",(0,a.mdx)(Xe,{to:"http://a11yproject.com/posts/how-to-hide-content/",mdxType:"Link"},(0,a.mdx)("a",{parentName:"p",href:"http://a11yproject.com/posts/how-to-hide-content/"},"http://a11yproject.com/posts/how-to-hide-content/"))),(0,a.mdx)(J,{title:"Visually Hidden",mdxType:"TextVisuallyHidden"}),(0,a.mdx)(L,{title:"Variations",description:"You can mix and match props on the `` component to create various text styles.",mdxType:"TextVariations"}),(0,a.mdx)(be,{title:"Word Wrapped",description:"The `isWordWrapped` prop can be used to apply cross-browser word-wrapping styles.",mdxType:"TextWordWrapped"}),(0,a.mdx)(Oe,{title:"Date Format",description:"You can use `Terra-Text` for date formatting.",mdxType:"TextDate"}),(0,a.mdx)(Pe,{title:"Time Format",description:"You can use `Terra-Text` for time formatting.",mdxType:"TextTime"}),(0,a.mdx)("h2",{id:"text-props"},"Text Props"),(0,a.mdx)(Fe,{mdxType:"TextPropsTable"}))}qe.isMDXComponent=!0},57831:function(e,t,n){"use strict";n.d(t,{E:function(){return l}});var r=n(96540),a=n(55713),l=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-text",name:"terra-text",version:"4.60.0",url:t})}},74224:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var a=u(n(96540)),l=u(n(5556)),o=u(n(67967)),i=u(n(71097)),s=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];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[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}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=o.default.bind(i.default),b={fitStart:l.default.element,fill:l.default.element.isRequired,fitEnd:l.default.element,align:l.default.oneOf(["center","bottom","stretch"]),alignFitStart:l.default.oneOf(["center","bottom","stretch"]),alignFitEnd:l.default.oneOf(["center","bottom","stretch"]),alignFill:l.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:l.default.object,fillAttributes:l.default.object,fitEndAttributes:l.default.object},y=function(e){var t=e.fitStart,n=e.fill,r=e.fitEnd,l=e.align,o=e.alignFitStart,i=e.alignFill,u=e.alignFitEnd,c=e.fitStartAttributes,m=e.fillAttributes,b=e.fitEndAttributes,y=p(e,s),h=f({},c),g=f({},m),v=f({},b);return a.default.createElement("span",d({},y,{className:x("arrange",y.className)}),a.default.createElement("span",d({},h,{className:x("fit",l||o,h.className,"fit-block")}),t),a.default.createElement("span",d({},g,{className:x("fill",l||i,g.className,"fill-block")}),n),a.default.createElement("span",d({},v,{className:x("fit",l||u,v.className)}),r))};y.propTypes=b;t.default=y},43103:function(e,t,n){"use strict";t.A=void 0;var r=i(n(96540)),a=i(n(9324)),l=i(n(67967)),o=i(n(25609));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18},"Font Color: 'default' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["attention"])},"Font Color: 'attention' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["success"])},"Font Color: 'success' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["info"])},"Font Color: 'info' class"))}},73351:function(e,t,n){"use strict";t.A=void 0;var r=i(n(96540)),a=i(n(9324)),l=i(n(95093)),o=i(n(56500));function i(e){return e&&e.__esModule?e:{default:e}}var s=(0,l.default)("01-06-2022","MM-DD-YYYY").format("MM-DD-YYYY");t.A=function(){return r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Date format using Semantic Element:"),r.default.createElement(a.default,{id:"dateTest"},r.default.createElement("time",{dateTime:s},s)),r.default.createElement("p",null,"Date format using custom labels:"),r.default.createElement(a.default,{id:"text"},r.default.createElement(o.default,{text:"June, 01, 2017"}),r.default.createElement("span",{"aria-hidden":"true"},"2017-06-01")),r.default.createElement("p",null,"Date format using date as a string:"),r.default.createElement(a.default,{id:"text"},"2017/06/01"))}},66832:function(e,t,n){"use strict";t.A=void 0;var r=d(n(96540)),a=d(n(74224)),l=d(n(9324)),o=d(n(67967)),i=d(n(14341)),s=d(n(25609)),u=d(n(16761));function d(e){return e&&e.__esModule?e:{default:e}}var c=o.default.bind(i.default),f=o.default.bind(s.default),m=o.default.bind(u.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement("h2",null,"Fonts",r.default.createElement("br",null),r.default.createElement(l.default,{weight:400},"Font Stack:",r.default.createElement("span",{className:c(["font-stack"])}))),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 300"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{weight:300,className:f(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:m("content-wrapper")},r.default.createElement(l.default,{weight:300,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:300,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:300,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic Font Weight: 300"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,weight:300,className:f(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:m("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 400"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{className:f(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:m("content-wrapper")},r.default.createElement(l.default,{fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,className:f(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:m("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 700"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{weight:700,className:f(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:m("content-wrapper")},r.default.createElement(l.default,{weight:700,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:700,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:700,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic Font Weight: 700"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,weight:700,className:f(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:m("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}))}},14754:function(e,t,n){"use strict";t.A=void 0;var r=l(n(96540)),a=l(n(9324));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:100},"100px (7.143rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:92},"92px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:72},"72px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:64},"64px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:56},"56px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:50},"50px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:46},"46px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:36},"36px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:32},"32px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:24},"24px (1.714rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:20},"20px (1.429rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18},"18px (1.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:16},"16px (1.143rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:14},"14px (1rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:12},"12px (0.8571rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:10},"10px (0.7143rem)"))}},81118:function(e,t,n){"use strict";t.A=void 0;var r=o(n(96540)),a=o(n(9324)),l=o(n(56500));function o(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Time format using Semantic Element:"),r.default.createElement(a.default,{id:"timeTest"},r.default.createElement("time",{dateTime:"10:22:30"},"10:22:30")),r.default.createElement("p",null,"Time format using custom labels:"),r.default.createElement(a.default,{id:"text"},r.default.createElement(l.default,{text:"10 Hours 22 Minutes 30 Seconds"}),r.default.createElement("span",{"aria-hidden":"true"},"10:22:30")))}},49761:function(e,t,n){"use strict";t.A=void 0;var r=i(n(96540)),a=i(n(9324)),l=i(n(67967)),o=i(n(25609));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18,colorClass:s(["success"]),isItalic:!0},"Text with color set to",r.default.createElement("code",null,"'success' class")," ","and",r.default.createElement("code",null,"isItalic")),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:24,weight:200},"Text with font-size set to",r.default.createElement("code",null,"24")," ","and weight set to",r.default.createElement("code",null,"200")))}},25436:function(e,t,n){"use strict";t.A=void 0;var r=l(n(96540)),a=l(n(9324));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement("p",null,"The example below includes a",r.default.createElement("code",null," ")," ","component using the",r.default.createElement("code",null," isVisuallyHidden")," ","prop."),r.default.createElement(a.default,{isVisuallyHidden:!0},"This text is not visible, however it is accessible to screen readers."))}},51598:function(e,t,n){"use strict";t.A=void 0;var r=l(n(96540)),a=l(n(9324));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18,weight:200},"Font Weight: 200"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:300},"Font Weight: 300"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:400},"Font Weight: 400"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:700},"Font Weight: 700"))}},38426:function(e,t,n){"use strict";t.A=void 0;var r=i(n(96540)),a=i(n(9324)),l=i(n(67967)),o=i(n(16761));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.A=function(){return r.default.createElement("div",{className:s("text-wrapper")},r.default.createElement(a.default,{id:"text",isWordWrapped:!0},"https://engineering.cerner.com/terra-ui/#/components/terra-text/text/text"))}},17212:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=d(n(46942)),o=d(n(67967)),i=d(n(52103)),s=d(n(19677)),u=["children","disableStripes","paddingStyle"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)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(s.default),p={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=f(e,u),s=r.default.useContext(i.default),d=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},s.className),o.className);return r.default.createElement("table",c({},o,{className:d}),t)};x.propTypes=p,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},15460:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};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 s={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};u.propTypes=s,u.defaultProps={children:[]};t.default=u},59584:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};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 s={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};u.propTypes=s,u.defaultProps={children:[]};t.default=u},14281:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(93623)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};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=s(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};d.propTypes=u,d.defaultProps={children:[]};t.default=d},93401:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};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 s={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};u.propTypes=s,u.defaultProps={children:[]};t.default=u},96646:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),l=u(n(67967)),o=u(n(19677)),i=u(n(93623)),s=["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[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=l.default.bind(o.default),m={children:a.default.node},p=function(e){var t=e.children,n=c(e,s),a=f(["row"]);return r.default.createElement("tr",d({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};p.propTypes=m,p.defaultProps={children:[]};t.default=p},93623:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},17568:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=u(n(17212)),a=u(n(15460)),l=u(n(96646)),o=u(n(59584)),i=u(n(14281)),s=u(n(93401));function u(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},27166:function(e,t,n){"use strict";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},9324:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.TextWeight=t.TextFontSize=void 0;var a=c(n(96540)),l=c(n(5556)),o=c(n(46942)),i=c(n(67967)),s=c(n(52103)),u=c(n(14341)),d=["children","isVisuallyHidden","isItalic","fontSize","weight","isWordWrapped","colorClass"];function c(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)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=i.default.bind(u.default),y=(t.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},t.TextWeight={200:200,300:300,400:400,700:700},{children:l.default.node.isRequired,isItalic:l.default.bool,isVisuallyHidden:l.default.bool,isWordWrapped:l.default.bool,fontSize:l.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:l.default.oneOf([200,300,400,700]),colorClass:l.default.string}),h=function(e){var t=e.children,n=e.isVisuallyHidden,r=e.isItalic,l=e.fontSize,i=e.weight,u=e.isWordWrapped,c=e.colorClass,y=x(e,d),h=a.default.useContext(s.default),g=function(e){for(var t=1;t=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:"4350---may-24-2024"},"4.35.0 - (May 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:"4340---may-8-2024"},"4.34.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:"4330---february-15-2024"},"4.33.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:"4320---december-11-2023"},"4.32.0 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"aria-invalid")," for invalid entry.")))),(0,d.mdx)("h2",{id:"4310---november-13-2023"},"4.31.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:"4300---october-16-2023"},"4.30.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:"4290---september-21-2023"},"4.29.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:"4280---september-19-2023"},"4.28.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:"4270---august-23-2023"},"4.27.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:"4260---august-1-2023"},"4.26.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:"4250---april-27-2023"},"4.25.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:"4240---february-15-2023"},"4.24.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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4230---february-7-2023"},"4.23.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:"4221---january-31-2023"},"4.22.1 - (January 31, 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"},"Updated wdio screenshots due to functional-testing upgrade."))),(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"},"Jest snapshots updated due to decorative / informative icon changes in terra-icon.")))),(0,d.mdx)("h2",{id:"4220---january-9-2023"},"4.22.0 - (January 9, 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 terra-icon")))),(0,d.mdx)("h2",{id:"4210---december-7-2022"},"4.21.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"},"Set the hideRequired prop to be private"),(0,d.mdx)("li",{parentName:"ul"},"Set the isLabelHidden prop to be private"),(0,d.mdx)("li",{parentName:"ul"},"Set an asterisk denoting required field to be aria-hidden"))),(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 aria-live attribute from error message.")))),(0,d.mdx)("h2",{id:"4205---july-5-2022"},"4.20.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:"4204---may-3-2022"},"4.20.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:"4203---april-29-2022"},"4.20.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:"4202---january-4-2022"},"4.20.2 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4201---december-14-2021"},"4.20.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"},"No longer assign tabIndex -1 to the error and help divs."),(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4200---september-21-2021"},"4.20.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 styles to wrap long words."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4190---august-25-2021"},"4.19.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:"4180---june-22-2021"},"4.18.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:"4170---april-13-2021"},"4.17.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:"4160---april-6-2021"},"4.16.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:"4150---february-2-2021"},"4.15.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:"4140---january-5-2021"},"4.14.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:"4130---december-8-2020"},"4.13.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)("h2",{id:"4120---november-17-2020"},"4.12.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:"4110---november-10-2020"},"4.11.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:"4100---october-27-2020"},"4.10.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:"490---september-29-2020"},"4.9.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed voiceover issues in label-group.")))),(0,d.mdx)("h2",{id:"480---august-6-2020"},"4.8.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:"470---august-4-2020"},"4.7.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:"460---july-29-2020"},"4.6.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"},"Updated jest tests due to icon changes"),(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"450---july-7-2020"},"4.5.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:"440---june-9-2020"},"4.4.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"},"Updated jest due to icon theme context."),(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:"430---may-19-2020"},"4.3.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:"420---april-28-2020"},"4.2.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:"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"},"label")," prop's type changed from node to string.")))),(0,d.mdx)("h2",{id:"3340---march-10-2020"},"3.34.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:"3330---february-18-2020"},"3.33.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:"3320---january-28-2020"},"3.32.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:"3310---january-7-2020"},"3.31.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:"3300---december-3-2019"},"3.30.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:"3290---october-30-2019"},"3.29.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:"3280---october-15-2019"},"3.28.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:"3270---october-14-2019"},"3.27.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:"3260---october-3-2019"},"3.26.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:"3250---september-26-2019"},"3.25.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},'aria-live="assertive"')," added to announce dynamic error messages")))),(0,d.mdx)("h2",{id:"3240---september-19-2019"},"3.24.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:"3230---september-6-2019"},"3.23.0 - (September 6, 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"},"Props table markdown file import added to doc site page"))),(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 ",(0,d.mdx)("inlineCode",{parentName:"li"},"outline: 0")," to prevent focus outline when clicking on help or error text")))),(0,d.mdx)("h2",{id:"3220---september-3-2019"},"3.22.0 - (September 3, 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 'label hidden' accessibility error by using 'visually-hidden text styles' instead of 'display:none'.")))),(0,d.mdx)("h2",{id:"3210---august-21-2019"},"3.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:"3200---august-14-2019"},"3.20.0 - (August 14, 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"},"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)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Pass down ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalid")," to children of Field")))),(0,d.mdx)("h2",{id:"3190---july-30-2019"},"3.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:"3180---july-24-2019"},"3.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:"3170---july-17-2019"},"3.17.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:"3160---july-17-2019"},"3.16.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:"3150---july-16-2019"},"3.15.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:"3140----july-11-2019"},"3.14.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:"3130---june-28-2019"},"3.13.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:"3120---june-18-2019"},"3.12.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"},"Added functionality to pass required prop on form-field down to terra-form-input, terra-form-select, or terra-form-textarea when rendered as children in terra-form-field.")))),(0,d.mdx)("h2",{id:"3110---june-11-2019"},"3.11.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:"3100---may-1-2019"},"3.10.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:"390---april-16-2019"},"3.9.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)("li",{parentName:"ul"},"Updated missing htmlFor prop warning text to clarify what prop is causing the warning")))),(0,d.mdx)("h2",{id:"380---april-9-2019"},"3.8.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:"370---april-2-2019"},"3.7.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:"360---march-26-2019"},"3.6.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:"350---march-21-2019"},"3.5.0 - (March 21, 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 logic to allow accessible mapping of error and help text messages when htmlFor prop is provided"))),(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)("h2",{id:"340---february-26-2019"},"3.4.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 en-AU translations")))),(0,d.mdx)("h2",{id:"330---february-12-2019"},"3.3.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:"320---february-5-2019"},"3.2.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:"310---january-26-2019"},"3.1.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:"300---january-22-2019"},"3.0.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"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2340---january-22-2019"},"2.34.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues"))),(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"},"Added 'style' to prop-types validation")))),(0,d.mdx)("h2",{id:"2330---january-8-2019"},"2.33.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"},"Minor dependency version bump")))),(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"},(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"},"maxWidth prop added to Field component")))),(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---september-25-2018"},"2.25.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:"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:"2251---september-6-2018"},"2.25.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:"2250---september-5-2018"},"2.25.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:"2240---september-4-2018"},"2.24.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:"2230---august-29-2018"},"2.23.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:"2220---august-8-2018"},"2.22.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2210---august-1-2018"},"2.21.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:"2200---july-25-2018"},"2.20.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"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)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(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"},"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:"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"},"Changed nightwatch to webdriverIO tests"),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,d.mdx)("h2",{id:"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"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated doc for error prop type")))),(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)("h2",{id:"140---february-1-2018"},"1.4.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:"130---january-18-2018"},"1.3.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---january-5-2018"},"1.2.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:"110---november-28-2017"},"1.1.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:"100---november-16-2017"},"1.0.0 - (November 16, 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={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,d.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},79003: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-form-field",name:"terra-form-field",version:"4.35.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/14713-20c9f79cd55a86f0c178.css b/14713-20c9f79cd55a86f0c178.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/14713-20c9f79cd55a86f0c178.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/14713-20c9f79cd55a86f0c178.js b/14713-20c9f79cd55a86f0c178.js new file mode 100644 index 00000000000..77e203d08f8 --- /dev/null +++ b/14713-20c9f79cd55a86f0c178.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[14713],{55713:function(e,a,r){var t=r(24994);a.A=void 0;var n=t(r(96540)),o=t(r(5556)),s=t(r(67967)),d=t(r(25642)),i=s.default.bind(d.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,s=n.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(o))),d=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},s,d)};u.propTypes=c;a.A=u},14713:function(e,a,r){r.r(a),r.d(a,{default:function(){return u}});r(96540);var t=r(36665),n=r(5686),o=["components"];function s(){return s=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 o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var i={},c="wrapper";function u(e){var a=e.components,r=d(e,o);return(0,t.mdx)(c,s({},i,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-show-hide-upgrade-guide"},"Terra Show Hide Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive 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},5686: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-show-hide",name:"terra-show-hide",version:"2.70.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/15772-3a00faf899e18914c71a.css b/15772-3a00faf899e18914c71a.css new file mode 100644 index 00000000000..2da2bf482db --- /dev/null +++ b/15772-3a00faf899e18914c71a.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/15772-3a00faf899e18914c71a.js b/15772-3a00faf899e18914c71a.js new file mode 100644 index 00000000000..413170daf29 --- /dev/null +++ b/15772-3a00faf899e18914c71a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[15772],{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},p=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)};p.propTypes=u;t.A=p},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),p=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=i.default.bind(s.default),b={example:d.default.element,exampleSrc:d.default.element,exampleCssSrc:d.default.element,title:d.default.string,description:d.default.node,isExpanded:d.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,d=e.description,i=e.isExpanded,s=(0,o.useState)(i),f=(0,l.default)(s,2),b=f[0],h=f[1],g=(0,o.useState)(!1),O=(0,l.default)(g,2),T=O[0],_=O[1],N=o.default.useContext(u.ThemeContext),j=void 0!==r,w=function(){_(!T),b&&h(!b)},E=function(){h(!b),T&&_(!T)},C=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",N.className)},o.default.createElement("div",{className:x("header")},a&&o.default.createElement("h2",{className:x("title")},a)),o.default.createElement("div",{className:x("content")},d&&o.default.createElement("div",{className:x("description")},d),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},j&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":T}),onClick:w,onKeyDown:function(e){return C(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(m.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":b}),onClick:E,onKeyDown:function(e){return C(e,E)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(p.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(m.default,{className:x("chevron")}))):null,o.default.createElement("div",null,T&&o.default.createElement("div",{className:x("css")},r),b&&o.default.createElement("div",{className:x("code")},n))))};h.propTypes=b,h.defaultProps={isExpanded:!1};t.A=h},12883:function(e,t,n){var r=n(24994),a=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return u.Row}}),t.Ay=t.$d=void 0;var l=c(n(96540)),o=r(n(5556)),d=r(n(67967)),i=n(92912),u=c(n(17568)),p=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"!=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 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 s=d.default.bind(p.default),f={children:o.default.node},x={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)}).propTypes=f;var b=function(e){var t=e.children,n=(0,l.useContext)(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))};b.propTypes=f;t.Ay=b},15772:function(e,t,n){n.r(t),n.d(t,{default:function(){return fe}});var r=n(96540),a=n(36665),l=n(5018),o=n(67203),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 p={};function m(e){var t=e.components,n=u(e,d);return(0,a.mdx)("wrapper",i({},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 Radio from \'terra-form-radio\';\n\nconst defaultRadioExample = () => ();\n\nexport default defaultRadioExample;\n\n')))}m.isMDXComponent=!0;var c=n(201),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.A,{title:t||"Default Radio Example",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(m,null),isExpanded:a})},f=n(23118),x=["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=y(e,x);return(0,a.mdx)("wrapper",b({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Radio from \'terra-form-radio\';\n\nconst disabledRadioExample = () => (\n
\n \n \n
\n);\n\nexport default disabledRadioExample;\n\n')))}h.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.A,{title:t||"Disabled Radio Example",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(h,null),isExpanded:a})},O=n(33064),T=["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 j={};function w(e){var t=e.components,n=N(e,T);return(0,a.mdx)("wrapper",_({},j,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Radio from 'terra-form-radio';\n\nconst hiddenLabelRadioExample = () => (\n
\n

\n Note: \n Radio button should always have label to ensures that people with visual or cognitive disabilities will recognize radio buttons and understand what information to provide to fill in the fields.\n
\n For example: When we have radio fields for selection of account types, authors may feel that just providing programmatically determined names of the fields will be sufficient to identify them. However, even if all the fields have programmatically determined names, a text label must also identify the set of fields as a account type.\n

\n \n
\n);\n\nexport default hiddenLabelRadioExample;\n\n")))}w.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.A,{title:t||"Hidden Label Radio Example",description:n,example:r.createElement(O.A,null),exampleSrc:r.createElement(w,null),isExpanded:a})},C=n(53287),R=["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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={};function M(e){var t=e.components,n=D(e,R);return(0,a.mdx)("wrapper",P({},S,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Radio from \'terra-form-radio\';\n\nconst hiddenLabelRadioExample = () => (\n \n);\n\nexport default hiddenLabelRadioExample;\n\n')))}M.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.A,{title:t||"Long Text Radio Example",description:n,example:r.createElement(C.A,null),exampleSrc:r.createElement(M,null),isExpanded:a})},I=n(70328),A=["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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Z={};function W(e){var t=e.components,n=H(e,A);return(0,a.mdx)("wrapper",q({},Z,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Radio from \'terra-form-radio\';\n\nconst inlineRadiosExample = () => (\n
\n \n \n \n
\n);\n\nexport default inlineRadiosExample;\n\n')))}W.isMDXComponent=!0;var B=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.A,{title:t||"Inline Radios Example",description:n,example:r.createElement(I.A,null),exampleSrc:r.createElement(W,null),isExpanded:a})},L=n(99627),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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var V={};function $(e){var t=e.components,n=F(e,X);return(0,a.mdx)("wrapper",Y({},V,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Radio from \'terra-form-radio\';\n\nconst multipleRadiosExample = () => (\n
\n \n \n \n
\n);\n\nexport default multipleRadiosExample;\n\n')))}$.isMDXComponent=!0;var U=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.A,{title:t||"Multiple Radios Example",description:n,example:r.createElement(L.A,null),exampleSrc:r.createElement($,null),isExpanded:a})},z=n(84807),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 from 'react';\nimport PropTypes from 'prop-types';\nimport Button from 'terra-button';\n\nconst propTypes = { onChange: PropTypes.func };\nconst defaultProps = { onChange: undefined };\n\nclass MobileButton extends React.Component {\n constructor(props) {\n super(props);\n this.onChange = this.onChange.bind(this);\n }\n\n onChange() {\n this.props.onChange();\n }\n\n render() {\n const { onChange } = this.props;\n\n return (\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.35.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/21548-6a7cc1395c46a2efd7dd.css b/21548-6a7cc1395c46a2efd7dd.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/21548-6a7cc1395c46a2efd7dd.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/21548-6a7cc1395c46a2efd7dd.js b/21548-6a7cc1395c46a2efd7dd.js new file mode 100644 index 00000000000..625fde95dd8 --- /dev/null +++ b/21548-6a7cc1395c46a2efd7dd.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),m={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},o=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)};o.propTypes=m;n.A=o},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={},m="wrapper";function o(e){var n=e.components,a=u(e,l);return(0,r.mdx)(m,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:"080---may-24-2024"},"0.8.0 - (May 24, 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:"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"))}o.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)(o,{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.8.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/22357-d309f6b3d5d2c92594e4.css b/22357-d309f6b3d5d2c92594e4.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/22357-d309f6b3d5d2c92594e4.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/22357-d309f6b3d5d2c92594e4.js b/22357-d309f6b3d5d2c92594e4.js new file mode 100644 index 00000000000..e4b9563bd93 --- /dev/null +++ b/22357-d309f6b3d5d2c92594e4.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.93.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/22628-b99cedc1fe11056da91f.css b/22628-b99cedc1fe11056da91f.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/22628-b99cedc1fe11056da91f.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/22628-b99cedc1fe11056da91f.js b/22628-b99cedc1fe11056da91f.js new file mode 100644 index 00000000000..a7c3a007857 --- /dev/null +++ b/22628-b99cedc1fe11056da91f.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.80.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/2280-8d5d2828ab31ac164b88.css b/2280-8d5d2828ab31ac164b88.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/2280-8d5d2828ab31ac164b88.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/2280-8d5d2828ab31ac164b88.js b/2280-8d5d2828ab31ac164b88.js new file mode 100644 index 00000000000..546cd36cfdb --- /dev/null +++ b/2280-8d5d2828ab31ac164b88.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[2280],{55713:function(e,a,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),r=d(l(67967)),i=d(l(25642)),u=r.default.bind(i.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;a.A=p},2280:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(96540);var d=l(36665),m=l(50695),n=["components"];function r(){return r=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 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:"2710---may-24-2024"},"2.71.0 - (May 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:"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.71.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/22873-aae0de48298707e4e83d.css b/22873-aae0de48298707e4e83d.css new file mode 100644 index 00000000000..2da2bf482db --- /dev/null +++ b/22873-aae0de48298707e4e83d.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/22873-aae0de48298707e4e83d.js b/22873-aae0de48298707e4e83d.js new file mode 100644 index 00000000000..3d8e3335a82 --- /dev/null +++ b/22873-aae0de48298707e4e83d.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.75.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/230-78f396b7f18d9e60f204.css b/230-78f396b7f18d9e60f204.css new file mode 100644 index 00000000000..d9f059c3e41 --- /dev/null +++ b/230-78f396b7f18d9e60f204.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/230-78f396b7f18d9e60f204.js b/230-78f396b7f18d9e60f204.js new file mode 100644 index 00000000000..1ff937a2159 --- /dev/null +++ b/230-78f396b7f18d9e60f204.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.2",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/23511-8f4bd481c8740c7a754e.css b/23511-8f4bd481c8740c7a754e.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/23511-8f4bd481c8740c7a754e.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/23511-8f4bd481c8740c7a754e.js b/23511-8f4bd481c8740c7a754e.js new file mode 100644 index 00000000000..a9f65a4793d --- /dev/null +++ b/23511-8f4bd481c8740c7a754e.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.59.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/2376-75f7cf907bd07a2cc2b9.css b/2376-75f7cf907bd07a2cc2b9.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/2376-75f7cf907bd07a2cc2b9.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/2376-75f7cf907bd07a2cc2b9.js b/2376-75f7cf907bd07a2cc2b9.js new file mode 100644 index 00000000000..6dcf199b128 --- /dev/null +++ b/2376-75f7cf907bd07a2cc2b9.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.42.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/23992-106a2e30cb535fa3ca1c.css b/23992-106a2e30cb535fa3ca1c.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/23992-106a2e30cb535fa3ca1c.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/23992-106a2e30cb535fa3ca1c.js b/23992-106a2e30cb535fa3ca1c.js new file mode 100644 index 00000000000..419013fc708 --- /dev/null +++ b/23992-106a2e30cb535fa3ca1c.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.38.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/24684-7438ba875e97d3077465.css b/24684-7438ba875e97d3077465.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/24684-7438ba875e97d3077465.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/24684-7438ba875e97d3077465.js b/24684-7438ba875e97d3077465.js new file mode 100644 index 00000000000..43becd32c9b --- /dev/null +++ b/24684-7438ba875e97d3077465.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:"5420---may-24-2024"},"5.42.0 - (May 24, 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:"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.42.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/25270-4a6bfcfb3e4bae0e7521.css b/25270-4a6bfcfb3e4bae0e7521.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/25270-4a6bfcfb3e4bae0e7521.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/25270-4a6bfcfb3e4bae0e7521.js b/25270-4a6bfcfb3e4bae0e7521.js new file mode 100644 index 00000000000..b177ca80541 --- /dev/null +++ b/25270-4a6bfcfb3e4bae0e7521.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.55.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/25376-0a0270ae7f071905d010.css b/25376-0a0270ae7f071905d010.css new file mode 100644 index 00000000000..f8e357ebb67 --- /dev/null +++ b/25376-0a0270ae7f071905d010.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/25376-0a0270ae7f071905d010.js b/25376-0a0270ae7f071905d010.js new file mode 100644 index 00000000000..e378cf4d806 --- /dev/null +++ b/25376-0a0270ae7f071905d010.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/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/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.42.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=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.42.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/25893-89d50212088be1f5272e.css b/25893-89d50212088be1f5272e.css new file mode 100644 index 00000000000..24ed10c5ccb --- /dev/null +++ b/25893-89d50212088be1f5272e.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/25893-89d50212088be1f5272e.js b/25893-89d50212088be1f5272e.js new file mode 100644 index 00000000000..ca2a73d0ddb --- /dev/null +++ b/25893-89d50212088be1f5272e.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.34.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/25999-a596e4a044dd96f9ca38.css b/25999-a596e4a044dd96f9ca38.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/25999-a596e4a044dd96f9ca38.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/25999-a596e4a044dd96f9ca38.js b/25999-a596e4a044dd96f9ca38.js new file mode 100644 index 00000000000..1408d3f69f0 --- /dev/null +++ b/25999-a596e4a044dd96f9ca38.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[25999],{55713:function(e,a,r){var t=r(24994);a.A=void 0;var n=t(r(96540)),o=t(r(5556)),s=t(r(67967)),c=t(r(25642)),d=s.default.bind(c.default),u={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,s=n.default.createElement("a",{className:d("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:d("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(o))),c=a?n.default.createElement("a",{className:d("badge"),href:a},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},s,c)};i.propTypes=u;a.A=i},25999:function(e,a,r){r.r(a),r.d(a,{default:function(){return i}});r(96540);var t=r(36665),n=r(36598),o=["components"];function s(){return s=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 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.64.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/26457-849c07c7515c821a1bc8.css b/26457-849c07c7515c821a1bc8.css new file mode 100644 index 00000000000..2da2bf482db --- /dev/null +++ b/26457-849c07c7515c821a1bc8.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/26457-849c07c7515c821a1bc8.js b/26457-849c07c7515c821a1bc8.js new file mode 100644 index 00000000000..a2f38ec6748 --- /dev/null +++ b/26457-849c07c7515c821a1bc8.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.54.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/26692-a8a4b7862e4a1c46b1e3.css b/26692-a8a4b7862e4a1c46b1e3.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/26692-a8a4b7862e4a1c46b1e3.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/26692-a8a4b7862e4a1c46b1e3.js b/26692-a8a4b7862e4a1c46b1e3.js new file mode 100644 index 00000000000..4f2301ebf9f --- /dev/null +++ b/26692-a8a4b7862e4a1c46b1e3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[26692],{55713:function(e,l,a){var m=a(24994);l.A=void 0;var n=m(a(96540)),d=m(a(5556)),r=m(a(67967)),i=m(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,m=e.url,d=e.version,r=n.default.createElement("a",{className:u("badge"),href:m||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},n.default.createElement("span",{className:u("badge-name")},m?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(d))),i=l?n.default.createElement("a",{className:u("badge"),href:l},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},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 m=a(36665),n=a(7148),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0)continue;a[m]=e[m]}return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var u={},t="wrapper";function p(e){var l=e.components,a=i(e,d);return(0,m.mdx)(t,r({},u,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3800---may-24-2024"},"3.80.0 - (May 24, 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:"3790---april-4-2024"},"3.79.0 - (April 4, 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:"3780---march-20-2024"},"3.78.0 - (March 20, 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:"3770---february-27-2024"},"3.77.0 - (February 27, 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:"3760---february-15-2024"},"3.76.0 - (February 15, 2024)"),(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 tabbing issue for button-group without initial focus.")))),(0,m.mdx)("h2",{id:"3750---january-9-2024"},"3.75.0 - (January 9, 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 border styles to buttons within the 'terra-button-group'.")))),(0,m.mdx)("h2",{id:"3740---december-11-2023"},"3.74.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:"3730---november-13-2023"},"3.73.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:"3720---november-2-2023"},"3.72.0 - (November 2, 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:"3710---october-23-2023"},"3.71.0 - (October 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:"3700---october-3-2023"},"3.70.0 - (October 3, 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:"3691---september-21-2023"},"3.69.1 - (September 21, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Arrow keys selection for Single Select examples.")))),(0,m.mdx)("h2",{id:"3690---august-25-2023"},"3.69.0 - (August 25, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3680---august-23-2023"},"3.68.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed visual focus when using screenreaders."))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added cyclic behavior when navigating through buttons with a keyboard.")))),(0,m.mdx)("h2",{id:"3670---august-11-2023"},"3.67.0 - (August 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:"3660---august-11-2023"},"3.66.0 - (August 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:"3650---august-8-2023"},"3.65.0 - (August 8, 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:"3640---march-1-2023"},"3.64.0 - (March 1, 2023)"),(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 support for decoratove icons and multi-selection."))),(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 keyboard navigation feature and fixes to convey selection states.")))),(0,m.mdx)("h2",{id:"3630---february-16-2023"},"3.63.0 - (February 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:"3620---february-15-2023"},"3.62.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)("li",{parentName:"ul"},"Updated jest snapshots for icon button changes.")))),(0,m.mdx)("h2",{id:"3610---december-7-2022"},"3.61.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:"3602---february-15-2022"},"3.60.2 - (February 15, 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:"3601---december-14-2021"},"3.60.1 - (December 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Active and unselected children button render as toggle buttons (aria-pressed=false);")))),(0,m.mdx)("h2",{id:"3600---november-2-2021"},"3.60.0 - (November 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"},"Migrate doc to terra-core-docs.")))),(0,m.mdx)("h2",{id:"3590---september-21-2021"},"3.59.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:"3580---august-25-2021"},"3.58.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3570---june-22-2021"},"3.57.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:"3560---june-8-2021"},"3.56.0 - (June 8, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,m.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,m.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,m.mdx)("h2",{id:"3550---april-13-2021"},"3.55.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:"3540---april-6-2021"},"3.54.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:"3530---february-2-2021"},"3.53.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:"3520---january-5-2021"},"3.52.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:"3510---december-8-2020"},"3.51.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3500---november-17-2020"},"3.50.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3490---november-10-2020"},"3.49.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:"3480---october-27-2020"},"3.48.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:"3470---august-18-2020"},"3.47.0 - (August 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3460---august-6-2020"},"3.46.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:"3450---august-4-2020"},"3.45.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:"3440---july-29-2020"},"3.44.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:"3430---july-7-2020"},"3.43.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3420---june-11-2020"},"3.42.0 - (June 11, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,m.mdx)("h2",{id:"3410---june-9-2020"},"3.41.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:"3400---june-2-2020"},"3.40.0 - (June 2, 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 ",(0,m.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," not losing ",(0,m.mdx)("inlineCode",{parentName:"li"},"focus")," styles when made disabled via user interaction"),(0,m.mdx)("li",{parentName:"ul"},"Fixed ",(0,m.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," not losing ",(0,m.mdx)("inlineCode",{parentName:"li"},"is-selected")," styles when made disabled via user interaction")))),(0,m.mdx)("h2",{id:"3390---may-19-2020"},"3.39.0 - (May 19, 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"},"Apply themes by context and directly include packaged themes."))),(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 button losing focus when switching window")))),(0,m.mdx)("h2",{id:"3380---may-5-2020"},"3.38.0 - (May 5, 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 an interaction media query to apply ",(0,m.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices.")))),(0,m.mdx)("h2",{id:"3370---april-28-2020"},"3.37.0 - (April 28, 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"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(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 wdio screenshots")))),(0,m.mdx)("h2",{id:"3360---april-22-2020"},"3.36.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3350---april-22-2020"},"3.35.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated docs for documentation link and usage section"),(0,m.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,m.mdx)("h2",{id:"3340---march-31-2020"},"3.34.0 - (March 31, 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:"3330---march-10-2020"},"3.33.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:"3320---february-18-2020"},"3.32.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"3310---february-4-2020"},"3.31.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,m.mdx)("h2",{id:"3300---january-28-2020"},"3.30.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:"3290---january-7-2020"},"3.29.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:"3280---december-10-2019"},"3.28.0 - (December 10, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3270---december-3-2019"},"3.27.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:"3260---october-30-2019"},"3.26.0 - (October 30, 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"},"Inline SVG aligned for IE and wdio screenshots Updated."))),(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 lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"3250---october-3-2019"},"3.25.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:"3240---september-19-2019"},"3.24.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:"3230---september-6-2019"},"3.23.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"3220---september-3-2019"},"3.22.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,m.mdx)("h2",{id:"3210---august-21-2019"},"3.21.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3200---august-14-2019"},"3.20.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:"3190---july-30-2019"},"3.19.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:"3180---july-24-2019"},"3.18.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:"3170---july-16-2019"},"3.17.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:"3160----july-11-2019"},"3.16.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"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,m.mdx)("h2",{id:"3150---june-28-2019"},"3.15.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3140---june-18-2019"},"3.14.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"3131---june-12-2019"},"3.13.1 - (June 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"},"Reverted change to updates to wdio test screenshot")))),(0,m.mdx)("h2",{id:"3130---june-11-2019"},"3.13.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)("li",{parentName:"ul"},"Updates wdio test screenshot")))),(0,m.mdx)("h2",{id:"3120---may-1-2019"},"3.12.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:"3110---april-16-2019"},"3.11.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:"3100---april-9-2019"},"3.10.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"390---april-2-2019"},"3.9.0 - (April 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"380---march-26-2019"},"3.8.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:"370---march-21-2019"},"3.7.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"},"Replaced local keyCode values with keycode-js npm package")))),(0,m.mdx)("h2",{id:"360---february-26-2019"},"3.6.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)("li",{parentName:"ul"},"Improved screen reader clarity on non-selectable button group buttons")))),(0,m.mdx)("h2",{id:"350---february-12-2019"},"3.5.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:"340---february-5-2019"},"3.4.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:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---january-22-2019"},"3.2.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-22-2019"},"3.1.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-8-2019"},"3.0.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"},"Updated theme variables"),(0,m.mdx)("li",{parentName:"ul"},"Refactor isActive css class to isSelected"),(0,m.mdx)("li",{parentName:"ul"},"Add isSelected (pressed) styles")))),(0,m.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added isBlock prop to button group component")))),(0,m.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---august-21-2018"},"2.20.0 - (August 21, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---august-1-2018"},"2.19.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:"2180---july-19-2018"},"2.18.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:"2170---july-17-2018"},"2.17.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:"2160---july-10-2018"},"2.16.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:"2150---june-28-2018"},"2.15.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"},"Removed CSS modules composes call"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2140---june-22-2018"},"2.14.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:"2130---june-12-2018"},"2.13.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:"2120---may-30-2018"},"2.12.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:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"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"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,m.mdx)("li",{parentName:"ul"},"Changed to a controlled component"),(0,m.mdx)("li",{parentName:"ul"},"The ",(0,m.mdx)("inlineCode",{parentName:"li"},"text")," prop is now required to help improve accessibility"))),(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"},"The ",(0,m.mdx)("inlineCode",{parentName:"li"},"selectedKeys")," prop has been added to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"ButtonGroup")," component"),(0,m.mdx)("li",{parentName:"ul"},"The following props have been added to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," component: ",(0,m.mdx)("inlineCode",{parentName:"li"},"isDisabled"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"onBlur"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"onFocus"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"onKeyDown"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"onKeyUp")))),(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"},"The following props have been removed from the ",(0,m.mdx)("inlineCode",{parentName:"li"},"ButtonGroup")," component: ",(0,m.mdx)("inlineCode",{parentName:"li"},"buttons"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"isCompact"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"isSelectable"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"size"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"variant")),(0,m.mdx)("li",{parentName:"ul"},"The following props have been removed from the ",(0,m.mdx)("inlineCode",{parentName:"li"},"ButtonGroup.Button")," component: ",(0,m.mdx)("inlineCode",{parentName:"li"},"children"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"isReversed"),", ",(0,m.mdx)("inlineCode",{parentName:"li"},"isSelected"))))),(0,m.mdx)("h2",{id:"1180---february-1-2018"},"1.18.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:"1170---january-18-2018"},"1.17.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:"1160---january-5-2018"},"1.16.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"},"aria-selected attribute to aria-pressed")))),(0,m.mdx)("h2",{id:"1150---november-28-2017"},"1.15.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:"1140---november-16-2017"},"1.14.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:"1130---october-31-2017"},"1.13.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"1100---september-19-2017"},"1.10.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:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Updated spacing around react-docgen comments")))),(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"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add preventDefault to ButtonGroup"))),(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 l=1;l=0)continue;a[m]=e[m]}return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var s={},c="wrapper";function h(e){var l=e.components,a=N(e,x);return(0,m.mdx)(c,o({},s,a,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)(n.E,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},7148:function(e,l,a){a.d(l,{E:function(){return d}});var m=a(96540),n=a(55713),d=function(e){var l=e.url;return m.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-button-group",name:"terra-button-group",version:"3.80.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/27073-dd1ebb79e4e953a121e7.css b/27073-dd1ebb79e4e953a121e7.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/27073-dd1ebb79e4e953a121e7.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/27073-dd1ebb79e4e953a121e7.js b/27073-dd1ebb79e4e953a121e7.js new file mode 100644 index 00000000000..af4e99293f8 --- /dev/null +++ b/27073-dd1ebb79e4e953a121e7.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:"3620---may-24-2024"},"3.62.0 - (May 24, 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:"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.62.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/27159-6a2ebbcd2b2a9be467d0.css b/27159-6a2ebbcd2b2a9be467d0.css new file mode 100644 index 00000000000..6ca27b0f610 --- /dev/null +++ b/27159-6a2ebbcd2b2a9be467d0.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/27159-6a2ebbcd2b2a9be467d0.js b/27159-6a2ebbcd2b2a9be467d0.js new file mode 100644 index 00000000000..84b42f65d75 --- /dev/null +++ b/27159-6a2ebbcd2b2a9be467d0.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.64.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/27484-db163cea9a542ba705c5.css b/27484-db163cea9a542ba705c5.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/27484-db163cea9a542ba705c5.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/27484-db163cea9a542ba705c5.js b/27484-db163cea9a542ba705c5.js new file mode 100644 index 00000000000..a6327267f32 --- /dev/null +++ b/27484-db163cea9a542ba705c5.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.42.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/27937-6576e2126825316e8436.css b/27937-6576e2126825316e8436.css new file mode 100644 index 00000000000..cb293e87679 --- /dev/null +++ b/27937-6576e2126825316e8436.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display: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)} +.ImageFitTypes__image-container___O5Wbc{height:150px;width:150px}.ImageFitTypes__image___GvW8r{height:100%;width:100%} +.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/27937-6576e2126825316e8436.js b/27937-6576e2126825316e8436.js new file mode 100644 index 00000000000..c78a72c3081 --- /dev/null +++ b/27937-6576e2126825316e8436.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[27937],{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)),i=a(n(25642)),d=o.default.bind(i.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,i)};c.propTypes=u;t.A=c},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 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)),i=a(n(5556)),d=a(n(67967)),u=n(92912),c=a(n(27166)),p=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 y=d.default.bind(s.default),g={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,s=(0,o.useState)(d),f=(0,l.default)(s,2),g=f[0],v=f[1],h=(0,o.useState)(!1),_=(0,l.default)(h,2),O=_[0],T=_[1],E=o.default.useContext(u.ThemeContext),w=void 0!==a,j=function(){T(!O),g&&v(!g)},N=function(){v(!g),O&&T(!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:y("template",E.className)},o.default.createElement("div",{className:y("header")},r&&o.default.createElement("h2",{className:y("title")},r)),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")},w&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return P(e,j)},onBlur:x,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":g}),onClick:N,onKeyDown:function(e){return P(e,N)},onBlur:x,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")},a),g&&o.default.createElement("div",{className:y("code")},n))))};v.propTypes=g,v.defaultProps={isExpanded:!1};t.A=v},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)),i=a(n(67967)),d=n(92912),u=m(n(17568)),c=a(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 m(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},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}var s=i.default.bind(c.default),f={children:o.default.node},y={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(u.Cell,{className: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=y,(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 g=function(e){var t=e.children,n=(0,l.useContext)(d.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:s("table",n.className)},l.default.createElement(u.Header,{className:s("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};g.propTypes=f;t.Ay=g},27937:function(e,t,n){n.r(t),n.d(t,{default:function(){return J}});var a=n(96540),r=n(36665),l=n(56213),o=n(8148),i=["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 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.42.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/27965-1fee613c661bb4cb4b04.css b/27965-1fee613c661bb4cb4b04.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/27965-1fee613c661bb4cb4b04.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/27965-1fee613c661bb4cb4b04.js b/27965-1fee613c661bb4cb4b04.js new file mode 100644 index 00000000000..c94688ee9ea --- /dev/null +++ b/27965-1fee613c661bb4cb4b04.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:"4750---may-24-2024"},"4.75.0 - (May 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:"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.75.0",url:a})}},25642:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/28989-fe437c29b1ca8b0cfb9a.css b/28989-fe437c29b1ca8b0cfb9a.css new file mode 100644 index 00000000000..a7a354d1888 --- /dev/null +++ b/28989-fe437c29b1ca8b0cfb9a.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} +.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} +.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} +.SectionHeader-module__clinical-lowlight-theme___ruoy4{--terra-section-header-padding-end: 0.7142857143rem;--terra-section-header-padding-start: 0.7142857143rem;--terra-section-header-background: #141719;--terra-section-header-border-bottom: 1px solid #08090a;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #b2b5b6;--terra-section-header-min-height: 2.5rem;--terra-section-header-padding-bottom: 0.5rem;--terra-section-header-padding-top: 0.5rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: bold;--terra-section-header-line-height: 1.4285714286;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.42857rem;--terra-section-header-accordion-padding-start: 0.5rem;--terra-section-header-active-background: #000;--terra-section-header-active-border-bottom: 1px solid #08090a;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #b2b5b6;--terra-section-header-focus-background: #08090a;--terra-section-header-focus-color: #b2b5b6;--terra-section-header-focus-within-outline: 3px dashed #fff;--terra-section-header-focus-within-outline-offset: -2px;--terra-section-header-hover-background: #08090a;--terra-section-header-hover-border-bottom: 1px solid #08090a;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #b2b5b6;--terra-section-header-transparent-active-background: #191d20;--terra-section-header-transparent-active-border-bottom: 1px solid #08090a;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #b2b5b6;--terra-section-header-transparent-focus-background: #222a2e;--terra-section-header-transparent-hover-background: #1e272b;--terra-section-header-transparent-hover-border-bottom: 1px solid #08090a;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #9b9b9b;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.38rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.38rem;--terra-section-header-accordion-icon-height: 0.83593rem;--terra-section-header-accordion-icon-width: 0.83593rem;--terra-section-header-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}.SectionHeader-module__orion-fusion-theme___s79DW{--terra-section-header-padding-end: 0.83333rem;--terra-section-header-padding-start: 0.83333rem;--terra-section-header-background: #dedfe0;--terra-section-header-border-bottom: 1px solid #9b9fa1;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #1c1f21;--terra-section-header-min-height: 2.25rem;--terra-section-header-padding-bottom: 0.25rem;--terra-section-header-padding-top: 0.25rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: normal;--terra-section-header-line-height: 1.41666667;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.16667rem;--terra-section-header-accordion-padding-start: 0.83333rem;--terra-section-header-active-background: #c8cacb;--terra-section-header-active-border-bottom: 1px solid #9b9fa1;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #1c1f21;--terra-section-header-focus-background: #dedfe0;--terra-section-header-focus-color: #1c1f21;--terra-section-header-focus-within-outline: none;--terra-section-header-focus-within-outline-offset: 0;--terra-section-header-hover-background: #c8cacb;--terra-section-header-hover-border-bottom: 1px solid #9b9fa1;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #1c1f21;--terra-section-header-transparent-active-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-active-border-bottom: 0 none;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #1c1f21;--terra-section-header-transparent-focus-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-border-bottom: 0 none;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #1c1f21;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.41667rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.33333rem;--terra-section-header-accordion-icon-height: 0.66667rem;--terra-section-header-accordion-icon-width: 0.66667rem;--terra-section-header-font-family: Tahoma, "Geneva", Verdana, "Trebuchet MS", sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}[dir] .SectionHeader-module__orion-fusion-theme___s79DW:focus-within{border-bottom:1px solid #c8cacb;box-shadow:0 0 1px 3px rgba(76,178,233,.5),0 0 7px 4px rgba(76,178,233,.35)}.SectionHeader-module__section-header___U9vry{align-items:center;color:#1c1f21;color:var(--terra-section-header-color, #1c1f21);display:flex;min-height:2.5rem;min-height:var(--terra-section-header-min-height, 2.5rem);width:100%}[dir] .SectionHeader-module__section-header___U9vry{background:#e8e9ea;background:var(--terra-section-header-background, #e8e9ea);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-box-shadow, none);margin:0;padding-bottom:0.5rem;padding-bottom:var(--terra-section-header-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-section-header-padding-top, 0.5rem)}[dir=ltr] .SectionHeader-module__section-header___U9vry{padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-end, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-start, 0.7142857143rem);border-left:0 none;border-left:var(--terra-section-header-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___U9vry{padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-end, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-start, 0.7142857143rem);border-right:0 none;border-right:var(--terra-section-header-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-border-right, 0 none)}.SectionHeader-module__section-header___U9vry:focus-within{color:#1c1f21;color:var(--terra-section-header-focus-color, #1c1f21);outline:3px dashed #000;outline:var(--terra-section-header-focus-within-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-section-header-focus-within-outline-offset, -2px)}[dir] .SectionHeader-module__section-header___U9vry:focus-within{background:#e8e9ea;background:var(--terra-section-header-focus-background, #e8e9ea)}[dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-transparent___U9MV7:focus-within{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-focus-background, rgba(0, 0, 0, 0.07))}[dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE{cursor:pointer}[dir=ltr] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE{padding-left:0.5rem;padding-left:var(--terra-section-header-accordion-padding-start, 0.5rem)}[dir=rtl] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE{padding-right:0.5rem;padding-right:var(--terra-section-header-accordion-padding-start, 0.5rem)}.SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:hover{color:#1c1f21;color:var(--terra-section-header-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:hover{background:#d7d8d9;background:var(--terra-section-header-hover-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-hover-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:hover{border-left:var(--terra-section-header-hover-border-left),0 none;border-right:0 none;border-right:var(--terra-section-header-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:hover{border-right:var(--terra-section-header-hover-border-left),0 none;border-left:0 none;border-left:var(--terra-section-header-hover-border-right, 0 none)}.SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:active,.SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-active___wsczU{color:#1c1f21;color:var(--terra-section-header-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:active, [dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-active___wsczU{background:#d7d8d9;background:var(--terra-section-header-active-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-active-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:active, [dir=ltr] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-active___wsczU{border-left:0 none;border-left:var(--terra-section-header-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE:active, [dir=rtl] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-active___wsczU{border-right:0 none;border-right:var(--terra-section-header-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-active-border-right, 0 none)}.SectionHeader-module__section-header___U9vry.SectionHeader-module__is-transparent___U9MV7{min-height:2.42857rem;min-height:var(--terra-section-header-transparent-min-height, 2.42857rem)}[dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-transparent___U9MV7{background:rgba(0,0,0,0);border-bottom:0}.SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:hover{color:#1c1f21;color:var(--terra-section-header-transparent-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:hover{background:rgba(0, 0, 0, 0);background:var(--terra-section-header-transparent-hover-background, rgba(0, 0, 0, 0));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-hover-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:hover{border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:hover{border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-right, 0 none)}.SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:active,.SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7.SectionHeader-module__is-active___wsczU{color:#1c1f21;color:var(--terra-section-header-transparent-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:active, [dir] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7.SectionHeader-module__is-active___wsczU{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-active-background, rgba(0, 0, 0, 0.07));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-active-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:active, [dir=ltr] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7.SectionHeader-module__is-active___wsczU{border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7:active, [dir=rtl] .SectionHeader-module__section-header___U9vry.SectionHeader-module__is-interactable___FroiE.SectionHeader-module__is-transparent___U9MV7.SectionHeader-module__is-active___wsczU{border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-right, 0 none)}.SectionHeader-module__section-header___U9vry button{color:inherit;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--terra-section-header-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif)}[dir] .SectionHeader-module__section-header___U9vry button{background:none;border:0;cursor:pointer;padding:0}[dir=ltr] .SectionHeader-module__section-header___U9vry button{text-align:left}[dir=rtl] .SectionHeader-module__section-header___U9vry button{text-align:right}.SectionHeader-module__title-arrange___AOFl6{flex:0 1 auto}.SectionHeader-module__title___onFdR{display:block;font-size:1rem;font-size:var(--terra-section-header-font-size, 1rem);font-weight:bold;font-weight:var(--terra-section-header-font-weight, bold);line-height:1.4285714286;line-height:var(--terra-section-header-line-height, 1.4285714286);text-transform:none;text-transform:var(--terra-section-header-text-transform, none)}[dir] .SectionHeader-module__title___onFdR{margin:0}.SectionHeader-module__accordion-icon-wrapper___BJ1y7{display:inline-flex}[dir] .SectionHeader-module__accordion-icon-wrapper___BJ1y7{padding-bottom:0;padding-bottom:var(--terra-section-header-accordion-icon-padding-bottom, 0);padding-top:0.38rem;padding-top:var(--terra-section-header-accordion-icon-padding-top, 0.38rem)}[dir=ltr] .SectionHeader-module__accordion-icon-wrapper___BJ1y7{margin-left:0;margin-left:var(--terra-section-header-accordion-icon-margin-start, 0);margin-right:0.38rem;margin-right:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-start, 0);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-end, 0)}[dir=rtl] .SectionHeader-module__accordion-icon-wrapper___BJ1y7{margin-right:0;margin-right:var(--terra-section-header-accordion-icon-margin-start, 0);margin-left:0.38rem;margin-left:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-start, 0);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-end, 0)}.SectionHeader-module__accordion-icon___9Va6A{display:inline-block;height:0.83593rem;height:var(--terra-section-header-accordion-icon-height, 0.83593rem);vertical-align:middle;width:0.83593rem;width:var(--terra-section-header-accordion-icon-width, 0.83593rem)}[dir] .SectionHeader-module__accordion-icon___9Va6A{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-section-header-accordion-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain;transform:rotate(0deg)}[dir=rtl] .SectionHeader-module__accordion-icon___9Va6A{transform:scaleX(-1)}[dir] .SectionHeader-module__accordion-icon___9Va6A.SectionHeader-module__is-open___sINTA{transform:rotate(90deg)}.SectionHeader-module__arrange-wrapper___VhIOV{width:100%}[dir] .SectionHeader-module__arrange-wrapper___VhIOV{margin:0}.SectionHeader-module__arrange-wrapper___VhIOV:focus{outline:none}.SectionHeader-module__arrange-wrapper___VhIOV.SectionHeader-module__title-fixed___SHanL{position:absolute}.SectionHeader-module__arrange-wrapper___VhIOV.SectionHeader-module__title-sticky___aN5Xc{position:-webkit-sticky;position:sticky}[dir=ltr] .SectionHeader-module__arrange-wrapper___VhIOV.SectionHeader-module__title-sticky___aN5Xc{left:12px}[dir=rtl] .SectionHeader-module__arrange-wrapper___VhIOV.SectionHeader-module__title-sticky___aN5Xc{right:12px} +.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} diff --git a/28989-fe437c29b1ca8b0cfb9a.js b/28989-fe437c29b1ca8b0cfb9a.js new file mode 100644 index 00000000000..9fa78960cc6 --- /dev/null +++ b/28989-fe437c29b1ca8b0cfb9a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[28989],{99690:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(96540);var a=n(36665),r=n(50695),o=(n(68523),n(19448)),i=n(73902),l=["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 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.71.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/29092-17fca645ba5cc083fb72.css b/29092-17fca645ba5cc083fb72.css new file mode 100644 index 00000000000..bba0cb98c04 --- /dev/null +++ b/29092-17fca645ba5cc083fb72.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/29092-17fca645ba5cc083fb72.js b/29092-17fca645ba5cc083fb72.js new file mode 100644 index 00000000000..d3711d6c790 --- /dev/null +++ b/29092-17fca645ba5cc083fb72.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/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/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/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/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/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/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/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/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/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.42.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/30066-ef09e3998c0847b3d722.css b/30066-ef09e3998c0847b3d722.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/30066-ef09e3998c0847b3d722.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/30066-ef09e3998c0847b3d722.js b/30066-ef09e3998c0847b3d722.js new file mode 100644 index 00000000000..e9b20a31d45 --- /dev/null +++ b/30066-ef09e3998c0847b3d722.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[30066],{55713:function(e,a,r){var t=r(24994);a.A=void 0;var n=t(r(96540)),o=t(r(5556)),d=t(r(67967)),i=t(r(25642)),s=d.default.bind(i.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,d=n.default.createElement("a",{className:s("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/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=a?n.default.createElement("a",{className:s("badge"),href:a},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)};c.propTypes=l;a.A=c},30066:function(e,a,r){r.r(a),r.d(a,{default:function(){return c}});r(96540);var t=r(36665),n=r(50101),o=["components"];function d(){return d=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 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.54.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/30467-5ee08115f56a496c406e.css b/30467-5ee08115f56a496c406e.css new file mode 100644 index 00000000000..3cd8cf6a900 --- /dev/null +++ b/30467-5ee08115f56a496c406e.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/30467-5ee08115f56a496c406e.js b/30467-5ee08115f56a496c406e.js new file mode 100644 index 00000000000..e5940e587f3 --- /dev/null +++ b/30467-5ee08115f56a496c406e.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.62.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/30653-b4d7002cdc78dd0f6806.css b/30653-b4d7002cdc78dd0f6806.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/30653-b4d7002cdc78dd0f6806.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/30653-b4d7002cdc78dd0f6806.js b/30653-b4d7002cdc78dd0f6806.js new file mode 100644 index 00000000000..033a8c3750b --- /dev/null +++ b/30653-b4d7002cdc78dd0f6806.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.62.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/3081-ad19aed1058ba068cfe3.css b/3081-ad19aed1058ba068cfe3.css new file mode 100644 index 00000000000..aba74b9d2bf --- /dev/null +++ b/3081-ad19aed1058ba068cfe3.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/3081-ad19aed1058ba068cfe3.js b/3081-ad19aed1058ba068cfe3.js new file mode 100644 index 00000000000..e9c02af6e96 --- /dev/null +++ b/3081-ad19aed1058ba068cfe3.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.49.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/30912-173f6a0b54117f5199e0.css b/30912-173f6a0b54117f5199e0.css new file mode 100644 index 00000000000..cba009f74c3 --- /dev/null +++ b/30912-173f6a0b54117f5199e0.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/30912-173f6a0b54117f5199e0.js b/30912-173f6a0b54117f5199e0.js new file mode 100644 index 00000000000..8f7decd86f4 --- /dev/null +++ b/30912-173f6a0b54117f5199e0.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:"4340---may-24-2024"},"4.34.0 - (May 24, 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:"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"},"