diff --git a/pull/3955/063dc27d0a6022ff7002669efc381dc2.jpg b/pull/3955/063dc27d0a6022ff7002669efc381dc2.jpg new file mode 100644 index 00000000000..322764f2399 Binary files /dev/null and b/pull/3955/063dc27d0a6022ff7002669efc381dc2.jpg differ diff --git a/pull/3955/100-485df3762e6ac1621494.js b/pull/3955/100-485df3762e6ac1621494.js new file mode 100644 index 00000000000..af970f7179e --- /dev/null +++ b/pull/3955/100-485df3762e6ac1621494.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[100,63238,65059,70489,153,63635,64695],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=a(n(45697)),r=a(n(47166)),c=a(n(17422)),u=r.default.bind(c.default),i={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,o=e.version,r=l.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:u("badge-version")},"v".concat(o))),c=t?l.default.createElement("a",{className:u("badge"),href:t},l.default.createElement("span",{className:u("badge-name")},"github"),l.default.createElement("span",{className:u("badge-version")},"source")):void 0;return l.default.createElement("div",{className:u("badge-container")},r,c)};s.propTypes=i;var d=s;t.Z=d},49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var o=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var c=o?Object.getOwnPropertyDescriptor(e,r):null;c&&(c.get||c.set)?Object.defineProperty(a,r,c):a[r]=e[r]}a.default=e,n&&n.set(e,a);return a}(n(67294)),c=a(n(45697)),u=a(n(47166)),i=n(21538),s=a(n(13810)),d=a(n(40931)),p=n(51051),m=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var _=u.default.bind(m.default),v={example:c.default.element,exampleSrc:c.default.element,exampleCssSrc:c.default.element,title:c.default.string,description:c.default.node,isExpanded:c.default.bool},h=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,a=e.exampleCssSrc,l=e.title,c=e.description,u=e.isExpanded,m=(0,r.useState)(u),f=(0,o.default)(m,2),v=f[0],g=f[1],E=(0,r.useState)(!1),y=(0,o.default)(E,2),N=y[0],T=y[1],P=r.default.useContext(i.ThemeContext),S=void 0!==a,w=function(){T(!N),v&&g(!v)},x=function(){g(!v),N&&T(!N)},C=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",P.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},c&&r.default.createElement("div",{className:_("description")},c),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},S&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":N}),onClick:w,onKeyDown:function(e){return C(e,w)},onBlur:h,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(d.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":v}),onClick:x,onKeyDown:function(e){return C(e,x)},onBlur:h,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(d.default,{className:_("chevron")}))):null,r.default.createElement("div",null,N&&r.default.createElement("div",{className:_("css")},a),v&&r.default.createElement("div",{className:_("code")},n))))};g.propTypes=v,g.defaultProps={isExpanded:!1};var E=g;t.Z=E},78530:function(e,t,n){var a=n(64836),l=n(18698);t.dS=t.O=t.Ex=t.mW=void 0,Object.defineProperty(t,"X2",{enumerable:!0,get:function(){return i.Row}}),t.ZP=t.Di=void 0;var o=p(n(67294)),r=a(n(45697)),c=a(n(47166)),u=n(21538),i=p(n(37515)),s=a(n(54931));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 p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var c=o?Object.getOwnPropertyDescriptor(e,r):null;c&&(c.get||c.set)?Object.defineProperty(a,r,c):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}var m=c.default.bind(s.default),f={children:r.default.node},_={isRequired:r.default.bool},v=function(e){var t=e.children;return o.default.createElement(i.Cell,{className:m("bold")},t)};t.O=v,v.propTypes=f;var h=function(e){var t=e.children;return o.default.createElement(i.Cell,{className:m("code-block-override")},t)};t.Di=h,h.propTypes=f;var b=function(e){var t=e.isRequired;return o.default.createElement(i.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")};t.dS=b,b.propTypes=_;var g=function(e){var t=e.children;return o.default.createElement(i.Cell,{className:m("code-block-override")},t)};t.mW=g,g.propTypes=f;var E=function(e){var t=e.children;return o.default.createElement(i.Cell,null,t)};t.Ex=E,E.propTypes=f;var y=function(e){var t=e.children,n=(0,o.useContext)(u.ThemeContext);return o.default.createElement(i.default,{paddingStyle:"compact",className:m("table",n.className)},o.default.createElement(i.Header,{className:m("header")},o.default.createElement(i.HeaderCell,null,"Prop"),o.default.createElement(i.HeaderCell,null,"Type"),o.default.createElement(i.HeaderCell,null,"Required"),o.default.createElement(i.HeaderCell,null,"Default"),o.default.createElement(i.HeaderCell,null,"Description")),o.default.createElement(i.Body,null,t))};y.propTypes=f;var N=y;t.ZP=N},17422:function(e,t,n){n.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},54931: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"}},10752:function(e,t){function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function a(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function l(e,t){try{var n=this.props,a=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,a)}finally{this.props=n,this.state=a}}Object.defineProperty(t,"__esModule",{value:!0}),n.__suppressDeprecationWarning=!0,a.__suppressDeprecationWarning=!0,l.__suppressDeprecationWarning=!0,t.polyfill=function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var o=null,r=null,c=null;if("function"==typeof t.componentWillMount?o="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(o="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?r="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(r="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?c="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(c="UNSAFE_componentWillUpdate"),null!==o||null!==r||null!==c){var u=e.displayName||e.name,i="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+u+" uses "+i+" but also contains the following legacy lifecycles:"+(null!==o?"\n "+o:"")+(null!==r?"\n "+r:"")+(null!==c?"\n "+c:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=a),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=l;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var a=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,a)}}return e}}}]); \ No newline at end of file diff --git a/pull/3955/10144-d181e0777329affab320.css b/pull/3955/10144-d181e0777329affab320.css new file mode 100644 index 00000000000..46eafad1bca --- /dev/null +++ b/pull/3955/10144-d181e0777329affab320.css @@ -0,0 +1,3 @@ +.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:-ms-flexbox;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;-ms-touch-action:manipulation;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:-ms-flexbox;display:flex}._ShowHideButton-module__text___\+rL6u{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}._ShowHideButton-module__icon-holder___VvBuP{-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto} diff --git a/pull/3955/10144-d181e0777329affab320.js b/pull/3955/10144-d181e0777329affab320.js new file mode 100644 index 00000000000..20d6326a19d --- /dev/null +++ b/pull/3955/10144-d181e0777329affab320.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10144],{14258:function(t,e,n){function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a,o=(a=n(67294))&&a.__esModule?a:{default:a},r=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=i(t)&&"function"!=typeof t)return{default:t};var n=s(e);if(n&&n.has(t))return n.get(t);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if("default"!==r&&Object.prototype.hasOwnProperty.call(t,r)){var u=o?Object.getOwnPropertyDescriptor(t,r):null;u&&(u.get||u.set)?Object.defineProperty(a,r,u):a[r]=t[r]}return a.default=t,n&&n.set(t,a),a}(n(54728));function s(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(s=function(t){return t?n:e})(t)}function u(t,e){for(var n=0;n1?e-1:0),i=1;it.height),c(v,this.animationStateClasses.animatingToHeightZero,0===O.height),c(v,this.animationStateClasses.animatingToHeightAuto,"auto"===O.height),c(v,this.animationStateClasses.animatingToHeightSpecific,O.height>0),v)),j=this.getStaticStateClasses(O.height);this.setState({animationStateClasses:T,height:S,overflow:"hidden",shouldUseTransitions:!C}),clearTimeout(this.timeoutID),clearTimeout(this.animationClassesTimeoutID),C?(O.shouldUseTransitions=!0,d(this.animationFrameIDs),this.animationFrameIDs=(n=function(){a.setState(O),y(l,{newHeight:O.height})},(i=[])[0]=requestAnimationFrame((function(){i[1]=requestAnimationFrame((function(){n()}))})),i),this.animationClassesTimeoutID=setTimeout((function(){a.setState({animationStateClasses:j,shouldUseTransitions:!1}),a.hideContent(O.height),y(s,{newHeight:O.height})}),w)):(y(l,{newHeight:S}),this.timeoutID=setTimeout((function(){O.animationStateClasses=j,O.shouldUseTransitions=!1,a.setState(O),"auto"!==r&&a.hideContent(S),y(s,{newHeight:S})}),w))}}},{key:"componentWillUnmount",value:function(){d(this.animationFrameIDs),clearTimeout(this.timeoutID),clearTimeout(this.animationClassesTimeoutID),this.timeoutID=null}},{key:"getTimings",value:function(){if(this.prefersReducedMotion)return{delay:0,duration:0};var t=this.props;return{delay:t.delay,duration:t.duration}}},{key:"showContent",value:function(t){0===t&&(this.contentElement.style.display="")}},{key:"hideContent",value:function(t){0===t&&(this.contentElement.style.display="none")}},{key:"getStaticStateClasses",value:function(t){var e;return(0,u.default)((c(e={},this.animationStateClasses.static,!0),c(e,this.animationStateClasses.staticHeightZero,0===t),c(e,this.animationStateClasses.staticHeightSpecific,t>0),c(e,this.animationStateClasses.staticHeightAuto,"auto"===t),e))}},{key:"render",value:function(){var t,e=this,n=this.props,i=n.animateOpacity,o=n.applyInlineTransitions,s=n.children,l=n.className,f=n.contentClassName,d=n.easing,p=n.id,g=n.style,y=this.state,v=y.height,b=y.overflow,w=y.animationStateClasses,S=y.shouldUseTransitions,O=this.getTimings(),C=O.duration,T=O.delay,j=a({},g,{height:v,overflow:b||g.overflow});S&&o&&(j.transition="height "+C+"ms "+d+" "+T+"ms",g.transition&&(j.transition=g.transition+", "+j.transition),j.WebkitTransition=j.transition);var _={};i&&(_.transition="opacity "+C+"ms "+d+" "+T+"ms",_.WebkitTransition=_.transition,0===v&&(_.opacity=0));var E=(0,u.default)((c(t={},w,!0),c(t,l,l),t)),P="undefined"!=typeof this.props["aria-hidden"]?this.props["aria-hidden"]:0===v;return r.default.createElement("div",a({},m.apply(void 0,[this.props].concat(h)),{"aria-hidden":P,className:E,id:p,style:j}),r.default.createElement("div",{className:f,style:_,ref:function(t){return e.contentElement=t}},s))}}]),e}(r.default.Component);v.propTypes={"aria-hidden":s.default.bool,animateOpacity:s.default.bool,animationStateClasses:s.default.object,applyInlineTransitions:s.default.bool,children:s.default.any.isRequired,className:s.default.string,contentClassName:s.default.string,delay:s.default.number,duration:s.default.number,easing:s.default.string,height:function(t,e,n){var a=t[e];return"number"==typeof a&&a>=0||g(a)||"auto"===a?null:new TypeError('value "'+a+'" of type "'+("undefined"==typeof a?"undefined":i(a))+'" is invalid type for '+e+" in "+n+'. It needs to be a positive number, string "auto" or percentage string (e.g. "15%").')},id:s.default.string,onAnimationEnd:s.default.func,onAnimationStart:s.default.func,style:s.default.object},v.defaultProps={animateOpacity:!1,animationStateClasses:f,applyInlineTransitions:!0,duration:250,delay:0,easing:"ease",style:{}},e.default=v}}]); \ No newline at end of file diff --git a/pull/3955/10425-4f9228b43a416b3bcc80.css b/pull/3955/10425-4f9228b43a416b3bcc80.css new file mode 100644 index 00000000000..74a9a8bca44 --- /dev/null +++ b/pull/3955/10425-4f9228b43a416b3bcc80.css @@ -0,0 +1 @@ +.StatusViewTestCommon-module__status-view-wrapper-1___nZtnM{max-width:500px}[dir] .StatusViewTestCommon-module__status-view-wrapper-1___nZtnM{border:1px solid #000}.StatusViewTestCommon-module__status-view-wrapper-2___MTplc{height:500px;width:75px}[dir] .StatusViewTestCommon-module__status-view-wrapper-2___MTplc{border:1px solid #000}.StatusViewTestCommon-module__status-view-wrapper-3___fUWD5{height:100px;width:300px}[dir] .StatusViewTestCommon-module__status-view-wrapper-3___fUWD5{border:1px solid #000} diff --git a/pull/3955/10425-4f9228b43a416b3bcc80.js b/pull/3955/10425-4f9228b43a416b3bcc80.js new file mode 100644 index 00000000000..101de5a2457 --- /dev/null +++ b/pull/3955/10425-4f9228b43a416b3bcc80.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10425],{10425:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(r(67294)),u=n(r(47166)),i=n(r(3741)),s=n(r(10851));function n(e){return e&&e.__esModule?e:{default:e}}var d=u.default.bind(s.default),o="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. AnIncrediblyIncrediblyIncrediblyIncrediblyIncrediblyIncrediblyLongWord.",l=[{text:o,key:1,id:"button1"},{text:o,key:2,id:"button2"}];t.default=function(){return a.default.createElement("div",{className:d("status-view-wrapper-1")},a.default.createElement(i.default,{id:"statusView",variant:"error",title:o,message:o,buttonAttrs:l}))}},10851:function(e,t,r){r.r(t),t.default={"status-view-wrapper-1":"StatusViewTestCommon-module__status-view-wrapper-1___nZtnM","status-view-wrapper-2":"StatusViewTestCommon-module__status-view-wrapper-2___MTplc","status-view-wrapper-3":"StatusViewTestCommon-module__status-view-wrapper-3___fUWD5"}}}]); \ No newline at end of file diff --git a/pull/3955/10482-ac838daa53865070f2ef.css b/pull/3955/10482-ac838daa53865070f2ef.css new file mode 100644 index 00000000000..a72e6663f67 --- /dev/null +++ b/pull/3955/10482-ac838daa53865070f2ef.css @@ -0,0 +1 @@ +[dir] .FormFieldTestCommon-module__field-content___RJsmi, [dir] .FormFieldTestCommon-module__form-field___7Z6l2{border:dashed 1px #d3d3d3}[dir] .FormFieldTestCommon-module__form-field___7Z6l2{padding:10px}.FormFieldTestCommon-module__field-wrapper___l5RNf{width:250px} diff --git a/pull/3955/10482-ac838daa53865070f2ef.js b/pull/3955/10482-ac838daa53865070f2ef.js new file mode 100644 index 00000000000..0a0d39ff98a --- /dev/null +++ b/pull/3955/10482-ac838daa53865070f2ef.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10482],{10482:function(e,l,t){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=r(t(67294)),d=r(t(47166)),o=r(t(65318)),n=r(t(83216));function r(e){return e&&e.__esModule?e:{default:e}}var f=d.default.bind(n.default);l.default=function(){return a.default.createElement("div",null,a.default.createElement("h3",null,"Field - Label + Optional"),a.default.createElement(o.default,{id:"label-optional",className:f("form-field"),label:"Field Label",showOptional:!0},a.default.createElement("div",{className:f("field-content")},"Control Placeholder")))}},83216:function(e,l,t){t.r(l),l.default={"field-content":"FormFieldTestCommon-module__field-content___RJsmi","form-field":"FormFieldTestCommon-module__form-field___7Z6l2","field-wrapper":"FormFieldTestCommon-module__field-wrapper___l5RNf"}}}]); \ No newline at end of file diff --git a/pull/3955/10483-5968fda6a1938743536b.css b/pull/3955/10483-5968fda6a1938743536b.css new file mode 100644 index 00000000000..e3784f9ec93 --- /dev/null +++ b/pull/3955/10483-5968fda6a1938743536b.css @@ -0,0 +1 @@ +[dir] .ButtonTestCommon-module__spacing___s-T6K{padding:20px}[dir] .ButtonTestCommon-module__button-wrapper___6RoZP{padding:5px} diff --git a/pull/3955/10483-5968fda6a1938743536b.js b/pull/3955/10483-5968fda6a1938743536b.js new file mode 100644 index 00000000000..3e9e3b099b2 --- /dev/null +++ b/pull/3955/10483-5968fda6a1938743536b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10483],{10483:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=r(a(67294)),s=r(a(47166)),n=r(a(43868)),i=r(a(6453));function r(e){return e&&e.__esModule?e:{default:e}}var d=s.default.bind(i.default);t.default=function(){return u.default.createElement("div",{id:"emphasis",className:d("button-wrapper")},u.default.createElement(n.default,{id:"emphasisButton",text:"Emphasis",variant:"emphasis"}),u.default.createElement(n.default,{id:"emphasisButtonDisabled",text:"Emphasis Disabled",variant:"emphasis",isDisabled:!0}))}},6453:function(e,t,a){a.r(t),t.default={spacing:"ButtonTestCommon-module__spacing___s-T6K","button-wrapper":"ButtonTestCommon-module__button-wrapper___6RoZP"}}}]); \ No newline at end of file diff --git a/pull/3955/10621-e7da940dd4e54ee3996e.css b/pull/3955/10621-e7da940dd4e54ee3996e.css new file mode 100644 index 00000000000..73aff197af1 --- /dev/null +++ b/pull/3955/10621-e7da940dd4e54ee3996e.css @@ -0,0 +1,2 @@ +.ButtonGroup-module__clinical-lowlight-theme___CrwGV{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___4SRkJ{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___3F6qX{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___yCUOf{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___yCUOf{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-disabled___c0vxN,.ButtonGroup-module__button-group-button___yCUOf:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-focused___04LZh{z-index:1000}[dir] .ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-focused___04LZh{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___yCUOf:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___yCUOf:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___yCUOf:hover.ButtonGroup-module__is-selected___LbKho{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf:hover.ButtonGroup-module__is-selected___LbKho{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-selected___LbKho.ButtonGroup-module__is-focused___04LZh{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-selected___LbKho.ButtonGroup-module__is-focused___04LZh{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))}.ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-selected___LbKho{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf.ButtonGroup-module__is-selected___LbKho{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___yCUOf:active.ButtonGroup-module__is-selected___LbKho,.ButtonGroup-module__button-group-button___yCUOf:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___yCUOf:active.ButtonGroup-module__is-selected___LbKho, [dir] .ButtonGroup-module__button-group-button___yCUOf:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___yCUOf+.ButtonGroup-module__button-group-button___yCUOf{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___yCUOf+.ButtonGroup-module__button-group-button___yCUOf{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___yCUOf:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___yCUOf:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___yCUOf:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___yCUOf:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___aRSre{width:100%}.ButtonGroup-module__is-block___aRSre .ButtonGroup-module__button-group-button___yCUOf{-ms-flex:1 1 auto;flex:1 1 auto} +@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){[dir] .ButtonGroupIcon-test__icon___LwP48{margin-top:0}} diff --git a/pull/3955/10621-e7da940dd4e54ee3996e.js b/pull/3955/10621-e7da940dd4e54ee3996e.js new file mode 100644 index 00000000000..39c3370cb1d --- /dev/null +++ b/pull/3955/10621-e7da940dd4e54ee3996e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10621],{5891:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=o(n(67294)),a=o(n(47166)),c=o(n(44618)),l=o(n(64795));function o(e){return e&&e.__esModule?e:{default:e}}var r=a.default.bind(l.default),d=u.default.createElement("span",{className:r(["test","icon"])},u.default.createElement("svg",{width:"1em",height:"1em"},u.default.createElement("rect",{width:"1em",height:"1em"})));t.default=function(){return u.default.createElement(c.default,{id:"button-group-icon"},u.default.createElement(c.default.Button,{text:"Text1",icon:d,key:"icon1"}),u.default.createElement(c.default.Button,{text:"Text2",icon:d,key:"icon2"}))}},64795:function(e,t,n){n.r(t),t.default={icon:"ButtonGroupIcon-test__icon___LwP48"}}}]); \ No newline at end of file diff --git a/pull/3955/10728-78d43a9e375a34b2ffcb.css b/pull/3955/10728-78d43a9e375a34b2ffcb.css new file mode 100644 index 00000000000..6f948dd18a4 --- /dev/null +++ b/pull/3955/10728-78d43a9e375a34b2ffcb.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___2\+uSg{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___BNJE\+{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___CHQ2i{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___CHQ2i{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___CHQ2i{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___CHQ2i{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___CHQ2i:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___CHQ2i:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___CHQ2i[required]{box-shadow:none}.Input-module__form-input___CHQ2i[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___CHQ2i[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___CHQ2i:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___CHQ2i:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___0OFqM{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___0OFqM:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___0OFqM[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___0OFqM[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___0OFqM[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___0OFqM:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___0OFqM:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___0OFqM:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___W7v5s{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .Input-test-module__content-wrapper___N2IYI{margin:10px}.Input-test-module__content-wrapper___N2IYI>label{display:block}[dir] .Input-test-module__programmatic-button___S\+\+Ze{margin-top:4px} diff --git a/pull/3955/10728-78d43a9e375a34b2ffcb.js b/pull/3955/10728-78d43a9e375a34b2ffcb.js new file mode 100644 index 00000000000..9b3420a86d5 --- /dev/null +++ b/pull/3955/10728-78d43a9e375a34b2ffcb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[10728],{10728:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(r(67294)),o=a(r(47166)),u=a(r(421)),l=a(r(10505));function a(e){return e&&e.__esModule?e:{default:e}}var i=o.default.bind(l.default);t.default=function(){return n.default.createElement("div",{className:i("content-wrapper")},n.default.createElement(u.default,{onFocus:function(){},id:"form-input-onFocus",ariaLabel:"label"}))}},421:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(r(67294)),u=p(r(45697)),l=p(r(94184)),a=p(r(47166)),i=p(r(50026)),f=p(r(95334)),c=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function p(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){for(var r=0;r0,y=(0,m.default)(s,c,f),C=y.messageId,E=y.messageAttributes,M=u&&s?n.default.createElement("div",null,s):n.default.createElement("div",null,t.formatMessage({id:C},E)),T=n.default.createElement(n.default.Fragment,null,M,n.default.createElement("ul",{className:w("progressive-list")},v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.first"}),className:w(["nav-link",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},t.formatMessage({id:"Terra.paginator.first"}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.previous"}),className:w(["nav-link","previous",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(b),onKeyDown:this.handlePageChange(b)},n.default.createElement("span",{className:w("icon")}),t.formatMessage({id:"Terra.paginator.previous"}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===f,ariaLabel:t.formatMessage({id:"Terra.paginator.next"}),className:w(["nav-link","next",c===f?"is-disabled":null]),disabled:c===f,onClick:this.handlePageChange(h),onKeyDown:this.handlePageChange(h)},t.formatMessage({id:"Terra.paginator.next"}),n.default.createElement("span",{className:w("icon")}))),v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===f,ariaLabel:t.formatMessage({id:"Terra.paginator.last"}),className:w(["nav-link",c===f?"is-disabled":null]),disabled:c===f,onClick:this.handlePageChange(f),onKeyDown:this.handlePageChange(f)},t.formatMessage({id:"Terra.paginator.last"}))))),k=n.default.createElement(d.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return n.default.createElement("nav",{className:w("paginator","progressive",e.className),"aria-labelledby":i,"aria-label":i?void 0:P},k,T)}},{key:"reducedProgressivePaginator",value:function(){var e=this.context,a=this.props,t=a.intl,r=a.totalCount,l=a.itemCountPerPage,i=a.ariaLabelledBy,o=a.ariaLabel,s=a.pageLabel,u=a.hidePageCount,f=r?(0,g.calculatePages)(r,l):0,c=this.state.selectedPage,b=1===c?1:c-1,h=c===f?f:c+1,P=o||"pagination",v=r>0,y=(0,m.default)(s,c,f),C=y.messageId,E=y.messageAttributes,M=u&&s?n.default.createElement("div",null,s):n.default.createElement("div",null,t.formatMessage({id:C},E)),T=n.default.createElement(n.default.Fragment,null,M,n.default.createElement("ul",{className:w("progressive-list")},v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.first"}),className:w(["nav-link",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},t.formatMessage({id:"Terra.paginator.first"}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:1===c,ariaLabel:t.formatMessage({id:"Terra.paginator.previous"}),className:w(["nav-link","previous","icon-only",1===c?"is-disabled":null]),disabled:1===c,onClick:this.handlePageChange(b),onKeyDown:this.handlePageChange(b)},n.default.createElement(d.default,{text:t.formatMessage({id:"Terra.paginator.previous"})}),n.default.createElement("span",{className:w("icon")}))),n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===f,ariaLabel:t.formatMessage({id:"Terra.paginator.next"}),className:w(["nav-link","next","icon-only",c===f?"is-disabled":null]),disabled:c===f,onClick:this.handlePageChange(h),onKeyDown:this.handlePageChange(h)},n.default.createElement(d.default,{text:t.formatMessage({id:"Terra.paginator.next"})}),n.default.createElement("span",{className:w("icon")}))),v&&n.default.createElement("li",null,n.default.createElement(p.default,{ariaDisabled:c===f,ariaLabel:t.formatMessage({id:"Terra.paginator.last"}),className:w(["nav-link",c===f?"is-disabled":null]),disabled:c===f,onClick:this.handlePageChange(f),onKeyDown:this.handlePageChange(f)},t.formatMessage({id:"Terra.paginator.last"}))))),k=n.default.createElement(d.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return n.default.createElement("nav",{className:w("paginator","progressive",e.className),"aria-labelledby":i,"aria-label":i?void 0:P},k,T)}},{key:"render",value:function(){return n.default.createElement(u.default,{onChange:this.setPaginator},this.state.showReducedPaginator?this.reducedProgressivePaginator():this.defaultProgressivePaginator())}}])&&P(a.prototype,t),r&&P(a,r),Object.defineProperty(a,"prototype",{writable:!1}),i}(n.default.Component);T.propTypes=M,T.contextType=o.default;a.default=(0,s.injectIntl)(T)}}]); \ No newline at end of file diff --git a/pull/3955/1108-837cacb771918db20d0d.js b/pull/3955/1108-837cacb771918db20d0d.js new file mode 100644 index 00000000000..a30e686d3f5 --- /dev/null +++ b/pull/3955/1108-837cacb771918db20d0d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[1108],{22863:function(e,t,a){var n=a(64836);t.Z=void 0;var r=n(a(67294)),o=n(a(45697)),l=n(a(47166)),i=n(a(17422)),u=l.default.bind(i.default),s={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,a=e.name,n=e.url,o=e.version,l=r.default.createElement("a",{className:u("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},r.default.createElement("span",{className:u("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(o))),i=t?r.default.createElement("a",{className:u("badge"),href:t},r.default.createElement("span",{className:u("badge-name")},"github"),r.default.createElement("span",{className:u("badge-version")},"source")):void 0;return r.default.createElement("div",{className:u("badge-container")},l,i)};c.propTypes=s;var d=c;t.Z=d},49271:function(e,t,a){var n=a(64836),r=a(18698);t.Z=void 0;var o=n(a(27424)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var a=m(t);if(a&&a.has(e))return a.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(n,l,i):n[l]=e[l]}n.default=e,a&&a.set(e,n);return n}(a(67294)),i=n(a(45697)),u=n(a(47166)),s=a(21538),c=n(a(13810)),d=n(a(40931)),f=a(51051),p=n(a(53560));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(m=function(e){return e?a:t})(e)}var g=u.default.bind(p.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,r=e.title,i=e.description,u=e.isExpanded,p=(0,l.useState)(u),m=(0,o.default)(p,2),h=m[0],v=m[1],_=(0,l.useState)(!1),P=(0,o.default)(_,2),E=P[0],C=P[1],x=l.default.useContext(s.ThemeContext),O=void 0!==n,w=function(){C(!E),h&&v(!h)},j=function(){v(!h),E&&C(!E)},N=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:g("template",x.className)},l.default.createElement("div",{className:g("header")},r&&l.default.createElement("h2",{className:g("title")},r)),l.default.createElement("div",{className:g("content")},i&&l.default.createElement("div",{className:g("description")},i),t),l.default.createElement("div",{className:g("footer")},a?l.default.createElement("div",{className:g("button-container")},O&&l.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":E}),onClick:w,onKeyDown:function(e){return N(e,w)},onBlur:b,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:g("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(d.default,{className:g("chevron")})),l.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":h}),onClick:j,onKeyDown:function(e){return N(e,j)},onBlur:b,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:g("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(d.default,{className:g("chevron")}))):null,l.default.createElement("div",null,E&&l.default.createElement("div",{className:g("css")},n),h&&l.default.createElement("div",{className:g("code")},a))))};v.propTypes=h,v.defaultProps={isExpanded:!1};var _=v;t.Z=_},84807:function(e,t,a){a.d(t,{Z:function(){return s}});a(67294);var n=a(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i={},u="wrapper";function s(e){var t=e.components,a=l(e,r);return(0,n.mdx)(u,o({},i,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .paginator-wrapper {\n height: 500px;\n }\n}\n\n")))}s.isMDXComponent=!0},75335:function(e,t,a){a.d(t,{Z:function(){return p}});var n=a(67294),r=a(40144),o=a(81254),l=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var s={};function c(e){var t=e.components,a=u(e,l);return(0,o.mdx)("wrapper",i({},s,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Dialog from 'terra-dialog';\nimport Button from 'terra-button';\nimport ControlledPaginator from 'terra-paginator/lib/ControlledPaginator';\nimport classNames from 'classnames/bind';\nimport styles from './ControlledPaginatorCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst totalCount = 450;\n\nconst buildPage = () => {\n const fullContent = [

This example is used to separate content into discrete pages with page preview.

,\n

The selectedPage must be managed through the state of a parent component, and passed into this paginator through props.

];\n\n return (\n fullContent\n );\n};\n\nclass PaginatorExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n content: buildPage(),\n currentPage: 1,\n };\n\n this.changePages = this.changePages.bind(this);\n }\n\n changePages(index) {\n this.setState({ currentPage: index });\n }\n\n render() {\n return (\n
\n \n Controlled Paginator Example\n \n)}\n footer={}\n >\n
\n
\n {this.state.content}\n \n
\n );\n }\n}\n\nexport default PaginatorExample;\n\n")))}c.isMDXComponent=!0;var d=a(49271),f=a(84807),p=function(e){var t=e.title,a=e.description,o=e.isExpanded;return n.createElement(d.Z,{title:t||"Controlled Paginator Example",description:a,example:n.createElement(r.Z,null),exampleCssSrc:n.createElement(f.Z,null),exampleSrc:n.createElement(c,null),isExpanded:o})}},60311:function(e,t,a){a.d(t,{Z:function(){return p}});var n=a(67294),r=a(36451),o=a(81254),l=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var s={};function c(e){var t=e.components,a=u(e,l);return(0,o.mdx)("wrapper",i({},s,a,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Dialog from 'terra-dialog';\nimport Button from 'terra-button';\nimport ControlledPaginator from 'terra-paginator/lib/ControlledPaginator';\nimport classNames from 'classnames/bind';\nimport styles from './ControlledPaginatorCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst buildPage = () => {\n const fullContent = [

This example is used to separate content into discrete pages without page preview.

,\n

The selectedPage must be managed through the state of a parent component, and passed into this paginator through props.

];\n\n return (\n fullContent\n );\n};\n\nconst ControlledPaginatorExample = () => {\n const content = buildPage();\n const [currentPage, setCurrentPage] = useState(1);\n\n const changePages = (index) => {\n setCurrentPage(index);\n };\n\n return (\n
\n \n Controlled Paginator No Pages Example\n \n )}\n footer={}\n >\n
\n
\n {content}\n \n
\n );\n};\n\nexport default ControlledPaginatorExample;\n\n")))}c.isMDXComponent=!0;var d=a(49271),f=a(84807),p=function(e){var t=e.title,a=e.description,o=e.isExpanded;return n.createElement(d.Z,{title:t||"Controlled Paginator No Pages Example",description:a,example:n.createElement(r.Z,null),exampleCssSrc:n.createElement(f.Z,null),exampleSrc:n.createElement(c,null),isExpanded:o})}},39651:function(e,t,a){a.d(t,{C:function(){return o}});var n=a(67294),r=a(22863),o=function(e){var t=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-paginator",name:"terra-paginator",version:"2.87.0",url:t})}},40144:function(e,t,a){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.Z=void 0;var r=c(a(67294)),o=c(a(15192)),l=c(a(43868)),i=c(a(84356)),u=c(a(47166)),s=c(a(83277));function c(e){return e&&e.__esModule?e:{default:e}}function d(e,t){for(var a=0;ae.length)&&(t=e.length);for(var a=0,n=new Array(t);a=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var h=l.default.bind(d.default),b={children:r.default.node,footer:r.default.node.isRequired,header:r.default.node.isRequired,intl:r.default.shape({formatMessage:r.default.func}).isRequired,onClose:r.default.func},y=function(e){var t=e.children,a=e.footer,r=e.header,l=e.intl,c=e.onClose,d=g(e,f),p=n.default.useContext(i.default),b=(0,o.default)(h("dialog",p.className),d.className),y=c?n.default.createElement("div",{className:h("dialog-header-close")},n.default.createElement(u.default,{variant:"utility",text:l.formatMessage({id:"Terra.dialog.close"}),onClick:c,isIconOnly:!0,icon:n.default.createElement("span",{className:h("close-icon")})})):null,v=n.default.createElement("div",{className:h("dialog-header")},n.default.createElement("div",{className:h("dialog-header-title")},r),y);return n.default.createElement("div",m({},d,{className:b}),n.default.createElement(s.default,{fill:!0,header:v,footer:n.default.createElement("div",{className:h("dialog-footer")},a)},n.default.createElement("div",{className:h("dialog-body")},t)))};y.propTypes=b,y.defaultProps={onClose:null,children:null};t.default=(0,c.injectIntl)(y)},13810:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(67294)),r=o(a(21969));function o(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;te||s.push(r.default.createElement("li",null,r.default.createElement(m.default,{ariaLabel:n.formatMessage({id:"Terra.paginator.pageIndex"},{pageNumber:a}),ariaCurrent:a===l,className:o,key:"pageButton_".concat(a),onClick:t(a),onKeyDown:t(a),tabIndex:a===l?"-1":"0"},a)))})),s}},{key:"defaultPaginator",value:function(){var e=this.context,t=this.props,a=t.selectedPage,n=t.intl,o=t.totalCount,l=t.itemCountPerPage,i=t.ariaLabelledBy,u=t.ariaLabel,s=(0,p.calculatePages)(o,l),d=1===a?1:a-1,f=a===s?s:a+1,g=u||"pagination",h=o>0,b=r.default.createElement("ul",{className:E("list")},h&&r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:1===a,ariaLabel:n.formatMessage({id:"Terra.paginator.first"}),className:E(["nav-link","left-controls",1===a&&"is-disabled"]),disabled:1===a,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},n.formatMessage({id:"Terra.paginator.first"}))),r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:1===a,ariaLabel:n.formatMessage({id:"Terra.paginator.previous"}),className:E(["nav-link","left-controls","previous",1===a&&"is-disabled"]),disabled:1===a,onClick:this.handlePageChange(d),onKeyDown:this.handlePageChange(d)},r.default.createElement("span",{className:E("icon")}),n.formatMessage({id:"Terra.paginator.previous"}))),o&&this.buildPageButtons(s,this.handlePageChange),r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:a===s,ariaLabel:n.formatMessage({id:"Terra.paginator.next"}),className:E(["nav-link","right-controls","next",a===s&&"is-disabled"]),disabled:a===s,onClick:this.handlePageChange(f),onKeyDown:this.handlePageChange(f)},n.formatMessage({id:"Terra.paginator.next"}),r.default.createElement("span",{className:E("icon")}))),h&&r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:a===s,ariaLabel:n.formatMessage({id:"Terra.paginator.last"}),className:E(["nav-link","right-controls",a===s&&"is-disabled"]),disabled:a===s,onClick:this.handlePageChange(s),onKeyDown:this.handlePageChange(s)},n.formatMessage({id:"Terra.paginator.last"})))),y=r.default.createElement(c.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return r.default.createElement("nav",{className:E("paginator",!o&&"pageless",e.className),"aria-labelledby":i,"aria-label":i?void 0:g},y,b)}},{key:"reducedPaginator",value:function(){var e=this.context,t=this.props,a=t.selectedPage,n=t.intl,o=t.totalCount,l=t.itemCountPerPage,i=t.ariaLabelledBy,u=t.ariaLabel,s=(0,p.calculatePages)(o,l),d=1===a?1:a-1,f=a===s?s:a+1,g=u||"pagination",h=o>0,b=r.default.createElement(r.default.Fragment,null,r.default.createElement("div",null,o&&n.formatMessage({id:"Terra.paginator.pageIndex"},{pageNumber:a})),r.default.createElement("ul",{className:E("list")},h&&r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:1===a,ariaLabel:n.formatMessage({id:"Terra.paginator.first"}),className:E(["nav-link","left-controls",1===a&&"is-disabled"]),disabled:1===a,onClick:this.handlePageChange(1),onKeyDown:this.handlePageChange(1)},n.formatMessage({id:"Terra.paginator.first"}))),r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:1===a,ariaLabel:n.formatMessage({id:"Terra.paginator.previous"}),className:E(["nav-link","left-controls","previous",1===a&&"is-disabled"]),disabled:1===a,onClick:this.handlePageChange(d),onKeyDown:this.handlePageChange(d)},r.default.createElement("span",{className:E("icon")}),n.formatMessage({id:"Terra.paginator.previous"}))),r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:a===s,ariaLabel:n.formatMessage({id:"Terra.paginator.next"}),className:E(["nav-link","right-controls","next","icon-only",a===s&&"is-disabled"]),disabled:a===s,onClick:this.handlePageChange(f),onKeyDown:this.handlePageChange(f)},r.default.createElement(c.default,{text:n.formatMessage({id:"Terra.paginator.next"})}),r.default.createElement("span",{className:E("icon")}))),h&&r.default.createElement("li",null,r.default.createElement(m.default,{ariaDisabled:a===s,ariaLabel:n.formatMessage({id:"Terra.paginator.last"}),className:E(["nav-link","right-controls",a===s&&"is-disabled"]),disabled:a===s,onClick:this.handlePageChange(s),onKeyDown:this.handlePageChange(s)},n.formatMessage({id:"Terra.paginator.last"}))))),y=r.default.createElement(c.default,{"aria-live":"polite","aria-relevant":"additions text",text:this.state.selectedPageMessage});return r.default.createElement("nav",{className:E("paginator",e.className),"aria-labelledby":i,"aria-label":i?void 0:g},y,b)}},{key:"render",value:function(){return r.default.createElement(s.default,{onChange:this.setPaginator},this.state.showReducedPaginator?this.reducedPaginator():this.defaultPaginator())}}])&&b(t.prototype,a),n&&b(t,n),Object.defineProperty(t,"prototype",{writable:!1}),l}(r.default.Component);x.propTypes=C,x.contextType=i.default;t.default=(0,u.injectIntl)(x)},17422:function(e,t,a){a.r(t),t.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},53560:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},83277:function(e,t,a){a.r(t),t.default={"paginator-wrapper":"ControlledPaginatorCommon-module__paginator-wrapper___BBRgw"}},71786:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Dialog-module__clinical-lowlight-theme___cQs9U","orion-fusion-theme":"Dialog-module__orion-fusion-theme___emCZS",dialog:"Dialog-module__dialog___SyjLe","dialog-header":"Dialog-module__dialog-header___4ySjM","dialog-header-title":"Dialog-module__dialog-header-title___zeC4C","dialog-header-close":"Dialog-module__dialog-header-close___bG7wc","close-icon":"Dialog-module__close-icon___9yTZx","dialog-body":"Dialog-module__dialog-body___c18KV","dialog-footer":"Dialog-module__dialog-footer___mLLqj"}}}]); \ No newline at end of file diff --git a/pull/3955/11090-8eec0e17fbf3b2e2a7fa.css b/pull/3955/11090-8eec0e17fbf3b2e2a7fa.css new file mode 100644 index 00000000000..6f948dd18a4 --- /dev/null +++ b/pull/3955/11090-8eec0e17fbf3b2e2a7fa.css @@ -0,0 +1,2 @@ +.Input-module__clinical-lowlight-theme___2\+uSg{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___BNJE\+{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___CHQ2i{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___CHQ2i{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___CHQ2i{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___CHQ2i{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___CHQ2i:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___CHQ2i:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___CHQ2i[required]{box-shadow:none}.Input-module__form-input___CHQ2i[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___CHQ2i[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___CHQ2i:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___CHQ2i:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___CHQ2i:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___0OFqM{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___0OFqM:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___0OFqM[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___0OFqM[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___0OFqM[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___0OFqM:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___0OFqM:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___0OFqM:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___W7v5s{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___W7v5s:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .Input-test-module__content-wrapper___N2IYI{margin:10px}.Input-test-module__content-wrapper___N2IYI>label{display:block}[dir] .Input-test-module__programmatic-button___S\+\+Ze{margin-top:4px} diff --git a/pull/3955/11090-8eec0e17fbf3b2e2a7fa.js b/pull/3955/11090-8eec0e17fbf3b2e2a7fa.js new file mode 100644 index 00000000000..274ba123e3f --- /dev/null +++ b/pull/3955/11090-8eec0e17fbf3b2e2a7fa.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_core=self.webpackChunkterra_core||[]).push([[11090],{14728:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),i=a(n(47166)),l=a(n(95269)),u=a(n(10505));function a(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={};function s(e){var t=e.components,n=d(e,u);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 VisuallyHiddenText from 'terra-visually-hidden-text';\n\nexport default () => (\n

\n Focus in this section to hear screen reader only text\n \n

\n);\n\n")))}s.isMDXComponent=!0;var f=n(49271),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.Z,{title:t||"Default Visually Hidden Text",description:n,example:r.createElement(o.Z,null),exampleSrc:r.createElement(s,null),isExpanded:a})},m=n(97375),y=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var x={};function _(e){var t=e.components,n=v(e,y);return(0,a.mdx)("wrapper",b({},x,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport VisuallyHiddenText from 'terra-visually-hidden-text';\n\nclass Example extends React.Component {\n componentDidMount() {\n this.visuallyHiddenText.innerText = 'Text written via refCallback innerText update';\n }\n\n render() {\n return (\n

\n Visually Hidden Text which uses refCallback to write innerText\n { this.visuallyHiddenText = ref; }} />\n

\n );\n }\n}\n\nexport default Example;\n\n")))}_.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.Z,{title:t||"Ref Callback Visually Hidden Text",description:n,example:r.createElement(m.Z,null),exampleSrc:r.createElement(_,null),isExpanded:a})},g=n(78530),O=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var j={},w="wrapper";function P(e){var t=e.components,n=E(e,O);return(0,a.mdx)(w,T({},j,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(g.ZP,{mdxType:"PropsTable"},(0,a.mdx)(g.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(g.O,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(g.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(g.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(g.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback ref to pass into the dom element. This is useful when using terra-visually-hidden-text as an aria-live container."))),(0,a.mdx)(g.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(g.O,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(g.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(g.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(g.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(g.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text to be read to the screen reader")))))}P.isMDXComponent=!0;var N=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var k={},M="wrapper";function D(e){var t=e.components,n=S(e,N);return(0,a.mdx)(M,C({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-visually-hidden-text"},"Terra Visually Hidden Text"),(0,a.mdx)("p",null,"Visually Hidden Text is a component designed for screen readers that renders text on the dom, but is not visible to the UI. Some components such as badge will have a visual indication to note their hierarchy on the page, but that indication is lost when a screen reader is used on the web page. Visually Hidden text would allow your application to provide that additional context to a screen reader."),(0,a.mdx)("p",null,"Another reason for this component is when you want to produce more semantic markup for a screen reader only experience. Some various examples include:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"You may want to provide a visually hidden header to allow for better readability."),(0,a.mdx)("li",{parentName:"ul"},"You may need to provide different instructions for visual users vs non visual users."),(0,a.mdx)("li",{parentName:"ul"},"div nodes have a difficult understanding the aria-label attributes as well.")),(0,a.mdx)("p",null,"In these instances, it's recommended to use visually hidden text."),(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-visually-hidden-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 VisuallyHiddenText from 'terra-visually-hidden-text';\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/#/getting-started/terra-ui/features"},"Cross-Browser Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(p,{title:"VisuallyHiddenText with empty string",mdxType:"DefaultVisuallyHiddenText"}),(0,a.mdx)(h,{title:"VisuallyHiddenText with ref Callback",mdxType:"RefCallbackVisuallyHiddenText"}),(0,a.mdx)("h2",{id:"visually-hidden-text-props"},"Visually Hidden Text Props"),(0,a.mdx)(P,{mdxType:"VisuallyHiddenTextPropsTable"}))}D.isMDXComponent=!0},54433:function(e,t,n){n.d(t,{C:function(){return l}});var r=n(67294),a=n(22863),l=function(e){var t=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-visually-hidden-text",name:"terra-visually-hidden-text",version:"2.36.0",url:t})}},97185:function(e,t,n){t.Z=void 0;var r=l(n(67294)),a=l(n(74754));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("p",null,"Focus in this section to hear screen reader only text",r.default.createElement(a.default,{text:"This is read by a screen reader"}))}},97375: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.Z=void 0;var a=o(n(67294)),l=o(n(74754));function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){for(var n=0;n