diff --git a/10077-5a4c1edfb338aaa655c8.css b/10077-5a4c1edfb338aaa655c8.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10077-5a4c1edfb338aaa655c8.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10077-5a4c1edfb338aaa655c8.js b/10077-5a4c1edfb338aaa655c8.js new file mode 100644 index 0000000000..2e94c1f055 --- /dev/null +++ b/10077-5a4c1edfb338aaa655c8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10077,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),t=d(l(47166)),r=d(l(17422)),i=t.default.bind(r.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,t=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:i("badge"),href:a},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},t,r)};p.propTypes=u;var x=p;a.Z=x},10077:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(80961),n=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var i={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,t({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4131---october-11-2023"},"4.13.1 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error for null ",(0,d.mdx)("inlineCode",{parentName:"li"},"displays")," prop.")))),(0,d.mdx)("h2",{id:"4130---october-3-2023"},"4.13.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added accessibility guide."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed the structure of how displays in an item view are returned, now they exist in an unordered list as list items.")))),(0,d.mdx)("h2",{id:"4120---september-26-2023"},"4.12.0 - (September 26, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"trueColumn")," prop to toggle between displaying in a two column layout by row or by column.")))),(0,d.mdx)("h2",{id:"4110---september-21-2023"},"4.11.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4100---august-16-2023"},"4.10.0 - (August 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the readout order for two column layout to read by column and not by row. Created true columns instead of split rows."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"overrideDefaultStyling")," prop so consumers can choose whether to use their original item display styling instead of the default styling item view applies.")))),(0,d.mdx)("h2",{id:"490---august-2-2023"},"4.9.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"480---june-14-2023"},"4.8.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"470---may-15-2023"},"4.7.0 - (May 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"460---march-29-2023"},"4.6.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots.")))),(0,d.mdx)("h2",{id:"450---july-21-2021"},"4.5.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"440---march-25-2021"},"4.4.0 - (March 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6")))),(0,d.mdx)("h2",{id:"430---january-5-2021"},"4.3.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"420---november-10-2020"},"4.2.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"410---august-4-2020"},"4.1.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"400---june-23-2020"},"4.0.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"This is a breaking change to pull in an MVB of terra-clinical-item-display. Since item view exports item display, this also needs to be an MVB")))),(0,d.mdx)("h2",{id:"3201---june-23-2020"},"3.20.1 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Revert MVB of terra-clinical-item-display")))),(0,d.mdx)("h2",{id:"3200---june-23-2020"},"3.20.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated source file for changes in clinical-item-display"),(0,d.mdx)("li",{parentName:"ul"},"Update secondary colors to new rgba values.")))),(0,d.mdx)("h2",{id:"3190---june-9-2020"},"3.19.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"3180---april-28-2020"},"3.18.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"3170---april-23-2020"},"3.17.0 - (April 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3160---april-14-2020"},"3.16.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3150---march-31-2020"},"3.15.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added wdio screenshots for clinical-lowlight-theme")))),(0,d.mdx)("h2",{id:"3140---march-27-2020"},"3.14.0 - (March 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3130---march-24-2020"},"3.13.0 - (March 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"3120---february-18-2020"},"3.12.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3110---january-28-2020"},"3.11.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"3100---january-22-2020"},"3.10.0 - (January 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"390---september-26-2019"},"3.9.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"380---september-19-2019"},"3.8.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert SCSS files to .module.scss")))),(0,d.mdx)("h2",{id:"370---september-6-2019"},"3.7.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed inline styles from dev site components."),(0,d.mdx)("li",{parentName:"ul"},"Add comments for ESlint 6"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"360---august-14-2019"},"3.6.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Jest snapshot updated for ItemDisplay's primary textStyle default prop."),(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts")))),(0,d.mdx)("h2",{id:"350---july-16-2019"},"3.5.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Right-aligned text and icons using new prop in clinical-item-display"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added enumeration for valid layout, emphasis, and alignment values")))),(0,d.mdx)("h2",{id:"340---june-11-2019"},"3.4.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Updated"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated displays documentation")))),(0,d.mdx)("h2",{id:"330---march-26-2019"},"3.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency updates")))),(0,d.mdx)("h2",{id:"300---january-17-2019"},"3.0.0 - (January 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed css theming variables to match linter standards."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changelog dev site doc page")))),(0,d.mdx)("h2",{id:"2160---november-21-2018"},"2.16.0 - (November 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2150---october-2-2018"},"2.15.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"2140---september-5-2018"},"2.14.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2130---august-30-2018"},"2.13.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2120---august-1-2018"},"2.12.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2111---july-25-2018"},"2.11.1 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch release")))),(0,d.mdx)("h2",{id:"2110---july-25-2018"},"2.11.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"2100---july-17-2018"},"2.10.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor updates")))),(0,d.mdx)("h2",{id:"290---july-3-2018"},"2.9.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Accessibility in Accessory Item View example"),(0,d.mdx)("li",{parentName:"ul"},"Lint in doc page")))),(0,d.mdx)("h2",{id:"280---june-28-2018"},"2.8.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added theming variables in Item View"),(0,d.mdx)("li",{parentName:"ul"},"Updated Inline-icon to use em instead of px")))),(0,d.mdx)("h2",{id:"270---june-12-2018"},"2.7.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Conform to eslint updates")))),(0,d.mdx)("h2",{id:"260---may-30-2018"},"2.6.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"250---may-22-2018"},"2.5.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"240---may-1-2018"},"2.4.0 - (May 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"230---april-20-2018"},"2.3.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---march-27-2018"},"2.2.0 - (March 27, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted nightwatch tests to wdio")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"200---february-19-2018"},"2.0.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update to React 16")))),(0,d.mdx)("h2",{id:"170---february-19-2018"},"1.7.0 - (February 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"160---january-23-2018"},"1.6.0 - (January 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Coverted ItemView to be a functional component, removing static methods.")))),(0,d.mdx)("h2",{id:"150---november-28-2017"},"1.5.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added reserveStartAccessorySpace to allow for proper spacing when a start accessory is not provided."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the start accessory's max-width to be 2.8571rem (40px) and removed max-height."),(0,d.mdx)("li",{parentName:"ul"},"Updated the end accessory's max-width to be 20% and removed max-height."),(0,d.mdx)("li",{parentName:"ul"},"startAccessory, comment and endAccessory props now accept node proptypes.")))),(0,d.mdx)("h2",{id:"140---september-26-2017"},"1.4.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern"),(0,d.mdx)("li",{parentName:"ul"},"Update class names to follow selector-class-pattern")))),(0,d.mdx)("h2",{id:"130---september-1-2017"},"1.3.0 - (September 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change dependency on terra-base to v2.0.0"),(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"120---july-27-2017"},"1.2.0 - (July 27, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed accessory styling to scale with font size."),(0,d.mdx)("li",{parentName:"ul"},"Fixed truncation styling to correctly apply an ellipse."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Accessory nightwatch examples to include an icon.")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},80961:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-item-view",name:"terra-clinical-item-view",version:"4.13.1",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10092-8d68487e598ee9056894.css b/10092-8d68487e598ee9056894.css new file mode 100644 index 0000000000..2fc6772b9f --- /dev/null +++ b/10092-8d68487e598ee9056894.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.InfiniteList-module__infinite-list___oi3yH{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___YgQc6{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___YgQc6{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___FMz-n{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Dxbpd{display:block;position:relative;width:100%}.InfiniteList-module__spacer___FzOiF{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___FzOiF{margin:0;padding:0} +.InfiniteListDocExampleCommon-module__placeholder___F4qLk{height:50px}.InfiniteListDocExampleCommon-module__item-content___Q4mK8{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___ZKJiv{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___ZKJiv{border:1px solid #000} diff --git a/10092-8d68487e598ee9056894.js b/10092-8d68487e598ee9056894.js new file mode 100644 index 0000000000..0533aa3b66 --- /dev/null +++ b/10092-8d68487e598ee9056894.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10092,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{27586:function(e,t,n){var i=n(64836),a=n(18698);t.Z=void 0;var r=i(n(67294)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var i={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(i,o,l):i[o]=e[o]}return i.default=e,n&&n.set(e,i),i}(n(30869)),l=n(34261),s=i(n(47166)),c=i(n(28506)),u=i(n(6805)),d=i(n(43315));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var p=s.default.bind(d.default),h=function(e){var t=[r.default.createElement(o.SectionHeader,{key:e.key,title:e.title})];return e.childItems.forEach((function(e){return t.push((n=e,r.default.createElement(o.Item,{key:n.key},r.default.createElement(l.Placeholder,{title:n.title,className:p("placeholder")}))));var n})),t};t.Z=function(){return r.default.createElement(u.default,null,r.default.createElement(o.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Section"},c.default.map((function(e){return h(e)}))))}},28506:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=[{title:"Section 0",key:"unique-key-0",childItems:[{title:"Item 0-0",key:"unique-0-0"},{title:"Item 0-1",key:"unique-0-1"},{title:"Item 0-2",key:"unique-0-2"},{title:"Item 0-3",key:"unique-0-3"},{title:"Item 0-4",key:"unique-0-4"},{title:"Item 0-5",key:"unique-0-5"}]},{title:"Section 1",key:"unique-key-1",childItems:[{title:"Item 1-0",key:"unique-1-0"},{title:"Item 1-1",key:"unique-1-1"},{title:"Item 1-2",key:"unique-1-2"},{title:"Item 1-3",key:"unique-1-3"},{title:"Item 1-4",key:"unique-1-4"},{title:"Item 1-5",key:"unique-1-5"}]},{title:"Section 2",key:"unique-key-2",childItems:[{title:"Item 3-0",key:"unique-3-0"},{title:"Item 3-1",key:"unique-3-1"},{title:"Item 3-2",key:"unique-3-2"},{title:"Item 3-3",key:"unique-3-3"},{title:"Item 3-4",key:"unique-3-4"},{title:"Item 3-5",key:"unique-3-5"}]},{title:"Section 4",key:"unique-key-4",childItems:[{title:"Item 4-0",key:"unique-4-0"},{title:"Item 4-1",key:"unique-4-1"},{title:"Item 4-2",key:"unique-4-2"},{title:"Item 4-3",key:"unique-4-3"},{title:"Item 4-4",key:"unique-4-4"},{title:"Item 4-5",key:"unique-4-5"}]}]},29290:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(67294);var i=n(81254),a=n(76173),r=n(34261),o=n(27586),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={},d="wrapper";function m(e){var t=e.components,n=c(e,l);return(0,i.mdx)(d,s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(a.C,{mdxType:"Badge"}),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,i.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,i.mdx)("h1",{id:"terra-infinite-list--sections"},"Terra Infinite List — Sections"),(0,i.mdx)(r.Notice,{variant:"deprecation",mdxType:"Notice"},(0,i.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,i.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,i.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,i.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,i.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,i.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,i.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,i.mdx)("p",null,"The ",(0,i.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,i.mdx)("p",null,"To achieve sections within the InfiniteList the only supported implementation is directly consuming the static variant of the ",(0,i.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," component. Expand/collapse functionality is not supported within the infinite list. "),(0,i.mdx)("h2",{id:"map-section-structure"},"Map Section Structure"),(0,i.mdx)("p",null,"So in our first step a ",(0,i.mdx)("inlineCode",{parentName:"p"},"SectionHeader")," needs to be created for each associated section. We'll add it to the initialization of an array that will be expanded in the following steps."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n return section;\n };\n")),(0,i.mdx)("p",null,"Next we'll create an array with the first item being our section header, and then loop through the associated child items for the section appending them to the initial array."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"}," const createSection = (sectionData) => {\n const section = [\n ,\n ];\n sectionData.childItems.forEach(childItem => section.push(createListItem(childItem)));\n return section;\n };\n")),(0,i.mdx)("h2",{id:"unpack-data"},"Unpack Data"),(0,i.mdx)("p",null,"We can then implement the unpack of our data into our list items."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"const createListItem = itemData => (\n \n \n \n);\n\nconst createSections = data => data.map(section => createSection(section));\n")),(0,i.mdx)("p",null,"Then we can implement a method to loop through our data and create the section with our methods and call it from our render method."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},'const InfiniteListSection = () => (\n \n \n {createSections(mockData)}\n \n \n);\n')),(0,i.mdx)("p",null,"Using these steps we get the following example:"),(0,i.mdx)("h2",{id:"example"},"Example"),(0,i.mdx)(o.Z,{title:"Sections Header Infinite List",mdxType:"InfiniteListSection"}))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10198-b8d2f46895765285d43d.css b/10198-b8d2f46895765285d43d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10198-b8d2f46895765285d43d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10198-b8d2f46895765285d43d.js b/10198-b8d2f46895765285d43d.js new file mode 100644 index 0000000000..0d5d31205d --- /dev/null +++ b/10198-b8d2f46895765285d43d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10198,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),i=d(l(17422)),u=r.default.bind(i.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;var x=p;a.Z=x},10198:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(59889),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"2630---october-23-2023"},"2.63.0 - (October 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2620---august-23-2023"},"2.62.0 - (August 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2610---august-1-2023"},"2.61.0 - (August 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated SectionHeader to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"span")," & ",(0,d.mdx)("inlineCode",{parentName:"li"},"button")," elements instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"div"),".")))),(0,d.mdx)("h2",{id:"2600---april-5-2023"},"2.60.0 - (April 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed required for ",(0,d.mdx)("inlineCode",{parentName:"li"},"text")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed button role for non-interactive section header."),(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots due to removal of button role"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-label for non-interactive section header.")))),(0,d.mdx)("h2",{id:"2590---march-1-2023"},"2.59.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added console warnings for section-header.")))),(0,d.mdx)("h2",{id:"2580---february-15-2023"},"2.58.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"2570---december-7-2022"},"2.57.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed title prop to text to avoid conflict with native html attribute"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added button role, aria-label and aria-expanded attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"Arrange")," component wrapper")))),(0,d.mdx)("h2",{id:"2560---july-14-2022"},"2.56.0 - (July 14, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed caret icon size to match similar components.")))),(0,d.mdx)("h2",{id:"2551---january-4-2022"},"2.55.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"2550---september-28-2021"},"2.55.0 - (September 28, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2540---september-21-2021"},"2.54.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"2530---july-6-2021"},"2.53.0 - (July 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2520---june-8-2021"},"2.52.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"2510---may-11-2021"},"2.51.0 - (May 11, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2500---april-13-2021"},"2.50.0 - (April 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2490---april-6-2021"},"2.49.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"2480---february-2-2021"},"2.48.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2470---january-5-2021"},"2.47.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed"),(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation."),(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"2460---december-8-2020"},"2.46.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2450---november-17-2020"},"2.45.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2440---november-10-2020"},"2.44.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,d.mdx)("h2",{id:"2430---october-27-2020"},"2.43.0 - (October 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2420---august-6-2020"},"2.42.0 - (August 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2410---august-4-2020"},"2.41.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2400---july-29-2020"},"2.40.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"2390---july-7-2020"},"2.39.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2380---june-11-2020"},"2.38.0 - (June 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,d.mdx)("h2",{id:"2370---june-9-2020"},"2.37.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"2360---may-19-2020"},"2.36.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---april-28-2020"},"2.35.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"2340---april-22-2020"},"2.34.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"2330---march-10-2020"},"2.33.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---march-3-2020"},"2.32.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"2310---february-18-2020"},"2.31.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"2300---february-4-2020"},"2.30.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---january-28-2020"},"2.29.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---january-7-2020"},"2.28.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---december-3-2019"},"2.27.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"2260---october-30-2019"},"2.26.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---october-3-2019"},"2.25.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---september-19-2019"},"2.24.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,d.mdx)("h2",{id:"2230---september-6-2019"},"2.23.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"2220---september-3-2019"},"2.22.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"2210---august-21-2019"},"2.21.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"2200---august-14-2019"},"2.20.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Remove react and react-dom as dependencies")))),(0,d.mdx)("h2",{id:"2190---july-30-2019"},"2.19.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---july-24-2019"},"2.18.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2170---july-16-2019"},"2.17.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"2160----july-11-2019"},"2.16.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---july-9-2019"},"2.15.0 - (July 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2140---june-28-2019"},"2.14.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2130---june-18-2019"},"2.13.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"2120---june-11-2019"},"2.12.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"2110---may-1-2019"},"2.11.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---march-26-2019"},"2.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"270---march-21-2019"},"2.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"260---february-26-2019"},"2.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Correct browser.buttonDown() usage")))),(0,d.mdx)("h2",{id:"250---february-12-2019"},"2.5.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---february-5-2019"},"2.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---january-26-2019"},"2.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"210---january-22-2019"},"2.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"200---january-8-2019"},"2.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"1300---january-2-2019"},"1.30.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"1291---november-20-2018"},"1.29.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1280---november-13-2018"},"1.28.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1270---november-9-2018"},"1.27.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1260---october-30-2018"},"1.26.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,d.mdx)("h2",{id:"1250---october-24-2018"},"1.25.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1240---october-16-2018"},"1.24.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1230---october-8-2018"},"1.23.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1220---october-2-2018"},"1.22.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1210---september-25-2018"},"1.21.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1201---september-6-2018"},"1.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1200---september-5-2018"},"1.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"1190---september-4-2018"},"1.19.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1180---august-29-2018"},"1.18.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---august-1-2018"},"1.17.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added isTransparent prop to set background to be transparent")))),(0,d.mdx)("h2",{id:"1160---july-19-2018"},"1.16.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"1140---july-10-2018"},"1.14.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---june-28-2018"},"1.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"1120---june-22-2018"},"1.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"190---may-25-2018"},"1.9.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---may-23-2018"},"1.8.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---may-16-2018"},"1.7.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---may-9-2018"},"1.6.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---may-2-2018"},"1.5.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"140---april-20-2018"},"1.4.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---april-15-2018"},"1.3.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---april-5-2018"},"1.2.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---march-30-2018"},"1.1.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add ",(0,d.mdx)("inlineCode",{parentName:"li"},"role")," attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"))))),(0,d.mdx)("h2",{id:"100---march-14-2018"},"1.0.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},59889:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.63.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10279-72c7b1e0b1fe44f4ba96.css b/10279-72c7b1e0b1fe44f4ba96.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10279-72c7b1e0b1fe44f4ba96.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10279-72c7b1e0b1fe44f4ba96.js b/10279-72c7b1e0b1fe44f4ba96.js new file mode 100644 index 0000000000..82ece8339f --- /dev/null +++ b/10279-72c7b1e0b1fe44f4ba96.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10279,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,r){var n=r(64836);a.Z=void 0;var t=n(r(67294)),l=n(r(45697)),d=n(r(47166)),i=n(r(17422)),s=d.default.bind(i.default),o={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,r=e.name,n=e.url,l=e.version,d=t.default.createElement("a",{className:s("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},t.default.createElement("span",{className:s("badge-name")},n?"package":"npm"),t.default.createElement("span",{className:s("badge-version")},"v".concat(l))),i=a?t.default.createElement("a",{className:s("badge"),href:a},t.default.createElement("span",{className:s("badge-name")},"github"),t.default.createElement("span",{className:s("badge-version")},"source")):void 0;return t.default.createElement("div",{className:s("badge-container")},d,i)};m.propTypes=o;var u=m;a.Z=u},10279:function(e,a,r){r.r(a),r.d(a,{default:function(){return m}});r(67294);var n=r(81254),t=r(95660),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var s={},o="wrapper";function m(e){var a=e.components,r=i(e,l);return(0,n.mdx)(o,d({},s,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-slide-panel-upgrade-guide"},"Terra Slide Panel Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("h4",{id:"renamed"},"Renamed"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,n.mdx)("th",{parentName:"tr",align:null},"New"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-slide-panel-panel-width-small"),(0,n.mdx)("td",{parentName:"tr",align:null},"--terra-slide-panel-panel-small-width")))),(0,n.mdx)("h4",{id:"added"},"Added"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-start-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-overlay-position-end-box-shadow"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-main-squish-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-background-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-right-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-border-left-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-small"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-squish-width-large-scalar")),(0,n.mdx)("h4",{id:"removed"},"Removed"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-shadow-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color"),(0,n.mdx)("li",{parentName:"ul"},"--terra-slide-panel-panel-border-color")))}m.isMDXComponent=!0},95660:function(e,a,r){r.d(a,{C:function(){return l}});var n=r(67294),t=r(22863),l=function(e){var a=e.url;return n.createElement(t.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel",name:"terra-slide-panel",version:"3.46.0",url:a})}},17422:function(e,a,r){r.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/1030-83d563f5daccc4ce8ac4.js b/1030-83d563f5daccc4ce8ac4.js new file mode 100644 index 0000000000..edc6a0bba3 --- /dev/null +++ b/1030-83d563f5daccc4ce8ac4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1030],{77459:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(47166)),i=a(n(45697)),l=n(39711),u=a(n(99411)),d=r.default.bind(u.default),p={layoutConfig:i.default.shape({})},s=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},o.default.createElement("h2",null,"Header"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(l.Link,{to:"/page1",className:d("link")},"Page 1"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(l.Link,{to:"/page2",className:d("link")},"Page 2"),"small"!==t.size&&"tiny"!==t.size&&o.default.createElement(l.Link,{to:"/page3",className:d("link")},"Page 3")))};s.propTypes=p;t.default=(0,l.withRouter)(s)},91220:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(47166)),i=a(n(45697)),l=n(39711),u=a(n(61852)),d=r.default.bind(u.default),p=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:d("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:d("button")},"Unpin"),o.default.createElement("h2",null,"Menu"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page1"},"Page 1"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page2"},"Page 2"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page3"},"Page 3")))};p.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool})};t.default=(0,l.withRouter)(p)},48613:function(e,t,n){var a=n(64836);t.Z=void 0;var o=a(n(67294)),r=a(n(47166)),i=n(39711),l=a(n(12771)),u=a(n(77459)),d=a(n(91220)),p=a(n(99369)),s=a(n(8430)),m=a(n(73725)),c=a(n(48939)),f=a(n(34119)),h=a(n(61852)),g=r.default.bind(h.default),y={header:{"/":{path:"/",component:{default:{componentClass:u.default}}}},menu:{"/":{path:"/",component:{tiny:{componentClass:d.default},small:{componentClass:d.default}}},"/page1":{path:"/page1",component:{default:{componentClass:c.default}}},"/page2":{path:"/page2",component:{default:{componentClass:f.default}}}},content:{"/page1":{path:"/page1",component:{default:{componentClass:p.default}}},"/page2":{path:"/page2",component:{default:{componentClass:s.default}}},"/page3":{path:"/page3",component:{default:{componentClass:m.default}}}}},x=(0,i.withRouter)((function(e){var t=e.location;return o.default.createElement("div",null,o.default.createElement("h3",null,"Features"),o.default.createElement("ul",null,o.default.createElement("li",null,"Contains 3 different primary routes: /page1, /page2, and /page3"),o.default.createElement("ul",null,o.default.createElement("li",null,"/page1 - Has content, inner routes, and an associated menu"),o.default.createElement("li",null,"/page2 - Has content and an associated menu"),o.default.createElement("li",null,"/page3 - Has only content")),o.default.createElement("li",null,"Has a Header that is rendered for all routes (matched to `/` path)"),o.default.createElement("li",null,"Header provides links to other primary routes for breakpoints `medium`, `large`, and `huge`"),o.default.createElement("li",null,"When size is `tiny` or `small`, a new Menu is presented to expose links to primary routes (the Header hides its links at these sizes)"),o.default.createElement("li",null,"Page menus expose navigation to parent menus"),o.default.createElement("li",null,"Page content and menus expose Layout-provided functionality")),o.default.createElement("h3",null,"Browser Location: ".concat(t.pathname)),o.default.createElement(l.default,{config:y,menuText:"Example Menu",className:g("example-menu")}))}));t.Z=function(){return o.default.createElement(i.MemoryRouter,{initialEntries:["/page1","/page1/item1","/page1/item2","/page2","page3"],initialIndex:0},o.default.createElement(x,null))}},99369:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(47166)),i=a(n(45697)),l=n(39711),u=a(n(61852)),d=r.default.bind(u.default),p=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:d("content-wrapper1")},o.default.createElement("div",{className:d("content-wrapper2")},o.default.createElement("h2",null,"Page 1 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:d("button")},"Toggle Menu"),o.default.createElement(l.Route,{path:"/page1/item1",render:function(){return o.default.createElement("h2",null,"Item 1")}}),o.default.createElement(l.Route,{path:"/page1/item2",render:function(){return o.default.createElement("h2",null,"Item 2")}})))};p.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=p},48939:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(47166)),i=a(n(45697)),l=n(39711),u=a(n(49771)),d=a(n(61852)),p=r.default.bind(d.default),s=function(e){var t=e.layoutConfig,n=e.routingStackDelegate;return o.default.createElement("div",{className:p("content-wrapper1")},o.default.createElement("div",{className:p("content-wrapper2")},n&&n.showParent&&o.default.createElement("button",{type:"button",onClick:n.showParent,className:p("button")},"Go Back"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:p("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Unpin"),o.default.createElement("h2",null,"Page 1 Menu"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page1/item1"},"Item 1"),o.default.createElement("br",null),o.default.createElement(l.Link,{to:"/page1/item2"},"Item 2")))};s.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool}),routingStackDelegate:u.default.propType};t.default=(0,l.withRouter)(s)},8430:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(47166)),i=a(n(45697)),l=a(n(61852)),u=r.default.bind(l.default),d=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:u("content-wrapper1")},o.default.createElement("div",{className:u("content-wrapper2")},o.default.createElement("h2",null,"Page 2 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:u("button")},"Toggle Menu")))};d.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=d},34119:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(47166)),i=a(n(45697)),l=n(39711),u=a(n(49771)),d=a(n(61852)),p=r.default.bind(d.default),s=function(e){var t=e.layoutConfig,n=e.routingStackDelegate;return o.default.createElement("div",{className:p("content-wrapper1")},o.default.createElement("div",{className:p("content-wrapper2")},n&&n.showParent&&o.default.createElement("button",{type:"button",onClick:n.showParent,className:p("button")},"Go Back"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:p("button")},"Toggle Menu"),t.togglePin&&!t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Pin"),t.togglePin&&t.menuIsPinned&&o.default.createElement("button",{type:"button",onClick:t.togglePin,className:p("button")},"Unpin"),o.default.createElement("h2",null,"Page 2 Menu")))};s.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func,togglePin:i.default.func,menuIsPinned:i.default.bool}),routingStackDelegate:u.default.propType};t.default=(0,l.withRouter)(s)},73725:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(67294)),r=a(n(47166)),i=a(n(45697)),l=a(n(61852)),u=r.default.bind(l.default),d=function(e){var t=e.layoutConfig;return o.default.createElement("div",{className:u("content-wrapper1")},o.default.createElement("div",{className:u("content-wrapper2")},o.default.createElement("h2",null,"Page 3 Content"),t.toggleMenu&&o.default.createElement("button",{type:"button",onClick:t.toggleMenu,className:u("button")},"Toggle Menu")))};d.propTypes={layoutConfig:i.default.shape({toggleMenu:i.default.func})};t.default=d},1030:function(e,t,n){n.r(t),n.d(t,{default:function(){return L}});var a=n(67294),o=n(81254),r=n(65814),i=n(78530),l=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var p={},s="wrapper";function m(e){var t=e.components,n=d(e,l);return(0,o.mdx)(s,u({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(i.ZP,{mdxType:"PropsTable"},(0,o.mdx)(i.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"header"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,o.mdx)("inlineCode",{parentName:"p"},"header")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,o.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,o.mdx)(i.X2,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"menu"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,o.mdx)("inlineCode",{parentName:"p"},"menu")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,o.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,o.mdx)(i.X2,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The component to render within the NavigationLayout's ",(0,o.mdx)("inlineCode",{parentName:"p"},"content")," region. If provided, this component\nmust appropriately handle the NavigationLayout-supplied props: ",(0,o.mdx)("inlineCode",{parentName:"p"},"routeConfig"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"navigationLayoutSize"),"."))),(0,o.mdx)(i.X2,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"menuText"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The String to display in the NavigationLayout's hover-target menu disclosure."))),(0,o.mdx)(i.X2,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"config"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The configuration Object that will be used to generate the specified regions of the NavigationLayout.\nNote: The config prop is treated as an immutable object to prevent unnecessary processing and improve performance.\nIf the configuration is changed after the first render, a new configuration object instance must be provided."))),(0,o.mdx)(i.X2,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"indexPath"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The index path of the consuming application's routing structure. If provided, the NavigationLayout will\nensure Redirects are present where necessary."))),(0,o.mdx)(i.X2,{key:"ROW7",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"location"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The location as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,o.mdx)(i.X2,{key:"ROW8",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"match"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The match as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,o.mdx)(i.X2,{key:"ROW9",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"history"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The history as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC."))),(0,o.mdx)(i.X2,{key:"ROW10",mdxType:"Row"},(0,o.mdx)(i.O,{mdxType:"PropNameCell"},"staticContext"),(0,o.mdx)(i.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,o.mdx)(i.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(i.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(i.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The staticContext as provided by the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter()")," HOC. This will only be provided when\nwithin a StaticRouter.")))))}m.isMDXComponent=!0;var c=n(48613),f=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var y={};function x(e){var t=e.components,n=g(e,f);return(0,o.mdx)("wrapper",h({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { MemoryRouter, withRouter } from 'react-router-dom';\nimport NavigationLayout from 'terra-navigation-layout';\nimport HeaderExample from './HeaderExample';\nimport MenuExample from './MenuExample';\nimport Page1Content from './Page1Content';\nimport Page2Content from './Page2Content';\nimport Page3Content from './Page3Content';\nimport Page1Menu from './Page1Menu';\nimport Page2Menu from './Page2Menu';\nimport styles from './NavigationLayoutDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\n// If changing config, ensure NavigationLayoutStandardConfig.md is updated to match\nconst config = {\n header: {\n '/': {\n path: '/',\n component: {\n default: {\n componentClass: HeaderExample,\n },\n },\n },\n },\n menu: {\n '/': {\n path: '/',\n component: {\n tiny: {\n componentClass: MenuExample,\n },\n small: {\n componentClass: MenuExample,\n },\n },\n },\n '/page1': {\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Menu,\n },\n },\n },\n '/page2': {\n path: '/page2',\n component: {\n default: {\n componentClass: Page2Menu,\n },\n },\n },\n },\n content: {\n '/page1': {\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Content,\n },\n },\n },\n '/page2': {\n path: '/page2',\n component: {\n default: {\n componentClass: Page2Content,\n },\n },\n },\n '/page3': {\n path: '/page3',\n component: {\n default: {\n componentClass: Page3Content,\n },\n },\n },\n },\n};\n\nconst NavigationLayoutStandard = withRouter(({ location }) => (\n
\n

Features

\n
    \n
  • Contains 3 different primary routes: /page1, /page2, and /page3
    • \n
      \n
    • /page1 - Has content, inner routes, and an associated menu
      • \n
    • /page2 - Has content and an associated menu
      • \n
    • /page3 - Has only content
      • \n
    \n
  • Has a Header that is rendered for all routes (matched to `/` path)
    • \n
  • Header provides links to other primary routes for breakpoints `medium`, `large`, and `huge`
    • \n
  • When size is `tiny` or `small`, a new Menu is presented to expose links to primary routes (the Header hides its links at these sizes)
    • \n
  • Page menus expose navigation to parent menus
    • \n
  • Page content and menus expose Layout-provided functionality
    • \n
\n

{`Browser Location: ${location.pathname}`}

\n \n
\n));\n\nconst NavigationLayoutRouter = () => (\n \n \n \n);\n\nexport default NavigationLayoutRouter;\n\n")))}x.isMDXComponent=!0;var v=n(49271),b=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var w={};function P(e){var t=e.components,n=N(e,b);return(0,o.mdx)("wrapper",C({},w,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper1 {\n border: 4px dashed #d3d3d3;\n height: calc(100% - 10px);\n margin: 5px;\n position: relative;\n width: calc(100% - 10px);\n }\n\n .content-wrapper2 {\n color: #808080;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n }\n\n .button {\n border: 1px dashed #d3d3d3;\n display: inline-block;\n height: 25px;\n margin-left: 5px;\n }\n\n .content-wrapper h2 {\n margin: 0;\n }\n\n .example-menu {\n height: 400px;\n width: 100%;\n }\n}\n\n")))}P.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(v.Z,{title:t||"Navigation Layout Standard",description:n,example:a.createElement(c.Z,null),exampleCssSrc:a.createElement(P,null),exampleSrc:a.createElement(x,null),isExpanded:o})},E=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var O={},j="wrapper";function L(e){var t=e.components,n=R(e,E);return(0,o.mdx)(j,k({},O,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(r.C,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-navigation-layout"},"Terra Navigation Layout"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," is a configuration-based, ",(0,o.mdx)("inlineCode",{parentName:"p"},"react-router"),"-driven layout. It wraps the ",(0,o.mdx)("inlineCode",{parentName:"p"},"Layout")," component provided by ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-layout")," and injects routing-based components into its various component regions. If navigation is not desired, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"Layout")," component can and should be used directly. However, the NavigationLayout does support very basic navigation workflows with minimal configuration required."),(0,o.mdx)("p",null,"The ",(0,o.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," is able to successfully render with just the config object defining its structure. However, custom components can be provided directly to the NavigationLayout for the ",(0,o.mdx)("inlineCode",{parentName:"p"},"header"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"menu"),", and ",(0,o.mdx)("inlineCode",{parentName:"p"},"content")," props. Those custom components will be provided with any relevant configuration data to allow them to render things as they see fit."),(0,o.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," must have a ",(0,o.mdx)("inlineCode",{parentName:"li"},"Router")," (or other high-level router like ",(0,o.mdx)("inlineCode",{parentName:"li"},"BrowserRouter"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"HashRouter"),", or ",(0,o.mdx)("inlineCode",{parentName:"li"},"MemoryRouter"),") as a component ancestor."),(0,o.mdx)("li",{parentName:"ul"},"A configuration prop must be supplied to the ",(0,o.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," that defines the desired routing setup. The ",(0,o.mdx)("inlineCode",{parentName:"li"},"NavigationLayout")," treats this prop as immutable for caching and performance reasons. If a configuration object is changing due to a state change in a higher component, a new object instance must be provided for those changes to take effect.")),(0,o.mdx)("h2",{id:"configuration-api"},"Configuration API"),(0,o.mdx)("p",null,"The configuration object is structured like the below example. A couple key takeaways:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"The ",(0,o.mdx)("inlineCode",{parentName:"li"},"header"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"menu"),", and ",(0,o.mdx)("inlineCode",{parentName:"li"},"content")," regions have a separate configurations but share the same configuration APIs. These can be omitted if routing is unnecessary for an individual section."),(0,o.mdx)("li",{parentName:"ul"},"The configuration can be responsive and supports specifying components on a per-route, per-breakpoint basis."),(0,o.mdx)("li",{parentName:"ul"},"Routes can be provided in any order; however, the NavigationLayout will sort them as necessary to ensure the expected render order is maintained."),(0,o.mdx)("li",{parentName:"ul"},"Proptypes for the various pieces of the configuration object are exported by the ",(0,o.mdx)("inlineCode",{parentName:"li"},"configurationPropTypes.js")," file.")),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-js"},"{\n /**\n * The menu, content, and header configurations are keyed at the root of the object.\n */\n menu: {\n /**\n * At this level of the configuration, we're defining each path to which we want to match.\n * The key here doesn't have to be a path (the actual path used is specified within), but generally it\n * makes sense to use the path as the key as they need to be unique anyway.\n */\n '/': {\n path: '/',\n component: {\n /**\n * Here we get access to the configuration's responsive API.\n * The keys at this level must be either `default` or one of our supported breakpoints (`tiny`, `small`, `medium`, `large`, `huge`)\n * If you specify a component for `default`, it will be rendered for any size that isn't overridden.\n * If you do not specify a `default` component, any size that has no defined component will simply not be rendered.\n */\n default: {\n componentClass: MenuExample,\n props: {\n menuTitle: 'Title From Config' // The `props` are applied to the given componentClass when instantiated.\n },\n },\n /**\n * We're going to provide a separate configuration for the `huge` breakpoint that has a different prop value.\n * While we're just changing the prop value, we could add props, remove them, or provide a different componentClass entirely.\n */\n huge: {\n componentClass: MenuExample,\n props: {\n menuTitle: 'Long Title From Config Because There Is Lots of Space (Cause The Size Is Huge)'\n },\n },\n },\n },\n '/page1': {\n /*\n * Now a component for the route /page1 is being defined. This path is a descendent of the route above (/), so when the\n * page location matches '/page1', the Page1Menu will be rendered instead of the MenuExample.\n */\n path: '/page1',\n component: {\n default: {\n componentClass: Page1Menu,\n },\n },\n },\n '/page1/subpage1': {\n /*\n * Similarly, this route is a descendent of /page1 and will take precedent over it when the location matches. The order of these configurations\n * are not important, as the NavigationLayout will determine the parent-child relationships and render things accordingly.\n */\n path: '/page1/subpage1',\n component: {\n default: {\n componentClass: Subpage1Menu,\n },\n },\n }\n },\n content: {...}, // The configuration shape for the content and header sections is the same as that of the menu section.\n header: {...},\n}\n")),(0,o.mdx)("h2",{id:"routingstackdelegate"},"RoutingStackDelegate"),(0,o.mdx)("p",null,"All components rendered within the ",(0,o.mdx)("inlineCode",{parentName:"p"},"NavigationLayout")," receive a ",(0,o.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," prop. This prop contains the following attributes:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"location")," - The location used to render the component. This can be used to build NavLinks or other components that might desire the current location."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"parentPaths")," - An array of String paths that were determined to preceed the current path in the configuration. For example, if the routes ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/:id"),", and ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/:id/summary")," were defined by the config, the component rendered for the path ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/123/summary")," would receive a parentPaths value of ","[",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages"),", ",(0,o.mdx)("inlineCode",{parentName:"li"},"/pages/123"),"]",". This set of paths could be used to build breadcrumbs or simple navigation functionality.")),(0,o.mdx)("p",null,"Components within the ",(0,o.mdx)("inlineCode",{parentName:"p"},"menu")," region get a few extra features, however. To help enable nested menu scenarios, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," will also include the following:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"show")," - A function that will cause the NavigationLayout to display the menu for the given path. If the given path does not match the current history location, the new location is pushed onto the history stack. If the given path already matches the current history location, only the RoutingStack's internal location is updated; this insures that the history is not being manipulated unnecessarily when navigating down the stack of menu components."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"showParent")," - A function that will cause the NavigationLayout to display the immediate parent path (if one is present)."),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"showRoot")," - A function that will cause the NavigationLayout to display the first (or root) parent path (if one is present, and the number of parent paths is more than 1).")),(0,o.mdx)("p",null,"It is important to note that ",(0,o.mdx)("inlineCode",{parentName:"p"},"showParent"),"/",(0,o.mdx)("inlineCode",{parentName:"p"},"showRoot")," change the location used by the menu components, but they do not change the location of the overall page. For example, if the page location is ",(0,o.mdx)("inlineCode",{parentName:"p"},"/pages/99/summary"),", and the menu component calls ",(0,o.mdx)("inlineCode",{parentName:"p"},"showParent"),", the menu component for ",(0,o.mdx)("inlineCode",{parentName:"p"},"/pages/99")," will be rendered, but the content component for ",(0,o.mdx)("inlineCode",{parentName:"p"},"/pages/99/summary")," will still be rendered, and the browser URL will still be ",(0,o.mdx)("inlineCode",{parentName:"p"},"[base-url]/pages/99/summary"),"."),(0,o.mdx)("p",null,"After calling these navigation functions, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"location")," provided in the ",(0,o.mdx)("inlineCode",{parentName:"p"},"routingStackDelegate")," match the parent path specified. If the true page location is still necessary, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"withRouter")," HOC provided by ",(0,o.mdx)("inlineCode",{parentName:"p"},"react-router")," can be utilized as needed. And if this functionality is not desired at all for a given application, these props can be safely ignored."),(0,o.mdx)("h2",{id:"refuseroutingstacknavigation"},"refuseRoutingStackNavigation"),(0,o.mdx)("p",null,"The configuration API supports an additional key for each component specification called ",(0,o.mdx)("inlineCode",{parentName:"p"},"refuseRoutingStackNavigation")," that will prevent the associated component from appearing in parentPaths and will disallow navigation to it through the ",(0,o.mdx)("inlineCode",{parentName:"p"},"showParent"),"/",(0,o.mdx)("inlineCode",{parentName:"p"},"showRoot"),". A component with ",(0,o.mdx)("inlineCode",{parentName:"p"},"refuseRoutingStackNavigation")," set to ",(0,o.mdx)("inlineCode",{parentName:"p"},"true")," will only be presented if the current location matches its route. This is an advanced option that can be used to better control menu-based workflows."),(0,o.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Install with ",(0,o.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"npm install terra-navigation-layout"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-router-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^5.0.0")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-js"},"import NavigationLayout from 'terra-navigation-layout'\n")),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(T,{title:"Example Navigation Layout",mdxType:"NavigationLayoutStandard"}),(0,o.mdx)("h2",{id:"navigation-layout-props-table"},"Navigation Layout Props Table"),(0,o.mdx)(m,{mdxType:"NavigationLayoutPropsTable"}))}L.isMDXComponent=!0},65814:function(e,t,n){n.d(t,{C:function(){return r}});var a=n(67294),o=n(22863),r=function(e){var t=e.url;return a.createElement(o.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-layout",name:"terra-navigation-layout",version:"5.39.0",url:t})}},99411:function(e,t,n){n.r(t),t.default={"content-wrapper1":"HeaderExample-module__content-wrapper1___OzuTh","content-wrapper2":"HeaderExample-module__content-wrapper2___W276L",link:"HeaderExample-module__link___Rwadj",button:"HeaderExample-module__button___jOgHF"}},61852:function(e,t,n){n.r(t),t.default={"content-wrapper1":"NavigationLayoutDocCommon-module__content-wrapper1___QhTGN","content-wrapper2":"NavigationLayoutDocCommon-module__content-wrapper2___MR93e",button:"NavigationLayoutDocCommon-module__button___jiaAf","content-wrapper":"NavigationLayoutDocCommon-module__content-wrapper___QtI4q","example-menu":"NavigationLayoutDocCommon-module__example-menu___7l9MD"}},50371:function(e,t,n){n.r(t),t.default={content:"NavigationLayoutContent-module__content___WUXRL"}},12771:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(10434)),r=a(n(70215)),i=a(n(56690)),l=a(n(89728)),u=a(n(66115)),d=a(n(61655)),p=a(n(94993)),s=a(n(73808)),m=a(n(67294)),c=a(n(45697)),f=n(39711),h=a(n(41926)),g=a(n(74622)),y=n(6769),x=n(22134),v=["header","children","menu","menuText","config","indexPath","location","match","history","staticContext"];function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,s.default)(e);if(t){var o=(0,s.default)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return(0,p.default)(this,n)}}var C=function(e){var t=e||window.innerWidth;return t>=1440?"huge":t>=1216?"large":t>=992?"medium":t>=768?"small":"tiny"},N={header:c.default.element,menu:c.default.element,children:c.default.element,menuText:c.default.string,config:y.navigationLayoutConfigPropType.isRequired,indexPath:c.default.string,location:c.default.object.isRequired,match:c.default.object.isRequired,history:c.default.object.isRequired,staticContext:c.default.object},w=function(e){(0,d.default)(n,e);var t=b(n);function n(e){var a;return(0,i.default)(this,n),(a=t.call(this,e)).updateSize=a.updateSize.bind((0,u.default)(a)),a.state={size:C(),processedRoutes:n.processRouteConfig(e.config),prevPropsConfig:e.config},a}return(0,l.default)(n,[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.updateSize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateSize)}},{key:"updateSize",value:function(){var e=C();this.state.size!==e&&this.setState({size:e})}},{key:"decorateElement",value:function(e,t){if(!e)return null;var n=this.state.size;return m.default.cloneElement(e,{navigationLayoutRoutes:t,navigationLayoutSize:n})}},{key:"render",value:function(){var e=this.props,t=e.header,n=e.children,a=e.menu,i=e.menuText,l=(e.config,e.indexPath),u=e.location,d=(e.match,e.history,e.staticContext,(0,r.default)(e,v)),p=this.state,s=p.size,c=p.processedRoutes,f=t||m.default.createElement(g.default,null),y=n||m.default.createElement(g.default,{redirectPath:l}),b=a;return!b&&(0,x.validateMatchExists)(u.pathname,c[s].menu)&&(b=m.default.createElement(g.default,{stackNavigationIsEnabled:!0})),m.default.createElement(h.default,(0,o.default)({},d,{header:this.decorateElement(f,c[s].header),menu:this.decorateElement(b,c[s].menu),menuText:i}),this.decorateElement(y,c[s].content))}}],[{key:"processRouteConfig",value:function(e){var t={};return y.supportedComponentBreakpoints.forEach((function(n){var a={};a.header=(0,x.reduceRouteConfig)(e.header,n),a.menu=(0,x.reduceRouteConfig)(e.menu,n),a.content=(0,x.reduceRouteConfig)(e.content,n),t[n]=a})),t}},{key:"getDerivedStateFromProps",value:function(e,t){return e.config!==t.prevPropsConfig?{processedRoutes:n.processRouteConfig(e.config)}:null}}]),n}(m.default.Component);w.propTypes=N;var P=(0,f.withRouter)(w);t.default=P},74622:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(70215)),r=a(n(67294)),i=a(n(45697)),l=n(39711),u=a(n(47166)),d=a(n(7035)),p=n(6769),s=a(n(50371)),m=["navigationLayoutRoutes","redirectPath","stackNavigationIsEnabled"],c=u.default.bind(s.default),f={navigationLayoutRoutes:p.processedRoutesPropType,redirectPath:i.default.string,stackNavigationIsEnabled:i.default.bool},h=function(e){var t=e.navigationLayoutRoutes,n=e.redirectPath,a=e.stackNavigationIsEnabled,i=(0,o.default)(e,m);return r.default.createElement("div",{className:c("content")},r.default.createElement(d.default,{navEnabled:a,routes:t,ancestorProps:i},n&&r.default.createElement(l.Redirect,{to:n})))};h.propTypes=f;var g=h;t.default=g},7035:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(10434)),r=a(n(56690)),i=a(n(89728)),l=a(n(66115)),u=a(n(61655)),d=a(n(94993)),p=a(n(73808)),s=a(n(67294)),m=a(n(45697)),c=n(39711),f=a(n(49771));function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=(0,p.default)(e);if(t){var o=(0,p.default)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return(0,d.default)(this,n)}}var g={routes:n(6769).processedRoutesPropType,navEnabled:m.default.bool,location:m.default.object,history:m.default.object,children:m.default.node,ancestorProps:m.default.object},y=function(e){(0,u.default)(n,e);var t=h(n);function n(e){var a;return(0,r.default)(this,n),(a=t.call(this,e)).updateStackLocation=a.updateStackLocation.bind((0,l.default)(a)),a.createRoutes=a.createRoutes.bind((0,l.default)(a)),a.state={stackLocation:void 0},a}return(0,i.default)(n,[{key:"componentDidUpdate",value:function(e){e!==this.props&&this.setState({stackLocation:void 0})}},{key:"updateStackLocation",value:function(e){this.setState({stackLocation:{pathname:e}})}},{key:"createRoutes",value:function(e){var t=this,n=this.props,a=n.navEnabled,r=n.location,i=n.history,l=n.ancestorProps,u=this.state.stackLocation;if(e&&e.length)return e.map((function(e){var n={location:u||r,show:function(e){var n=e.path;(0,c.matchPath)(r.pathname,{path:n})?t.updateStackLocation(n):i.push(n)}};e.parentPaths&&e.parentPaths.length&&(n.parentPaths=e.parentPaths.reduce((function(e,t){var n=(0,c.matchPath)(r.pathname,{path:t});return n&&e.push(n.url),e}),[]),a&&n.parentPaths.length&&(n.showParent=function(){t.updateStackLocation(n.parentPaths[n.parentPaths.length-1])},n.parentPaths.length>1&&(n.showRoot=function(){t.updateStackLocation(n.parentPaths[0])})));var d=e.componentClass;return s.default.createElement(c.Route,{path:e.path,key:e.path,render:function(){return s.default.createElement(c.Route,{location:t.props.location,render:function(){return s.default.createElement(d,(0,o.default)({},l,e.componentProps,{routingStackDelegate:f.default.create(n)}))}})}})}))}},{key:"render",value:function(){var e=this.props,t=e.routes,n=e.location,a=e.children;return s.default.createElement(c.Switch,{location:this.state.stackLocation||n},this.createRoutes(t),a)}}]),n}(s.default.Component);y.propTypes=g;var x=(0,c.withRouter)(y);t.default=x},49771:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(45697)),r=["location","parentPaths","showParent","showRoot","show"],i={propType:o.default.shape({location:o.default.shape({pathname:o.default.string}),parentPaths:o.default.arrayOf(o.default.string),showParent:o.default.func,showRoot:o.default.func,show:o.default.func}),create:function(e){var t={};return r.forEach((function(n){e&&e[n]&&(t[n]=e[n])})),Object.freeze(t)},isEqual:function(e,t){return e===t||!(!e||!t)&&!r.some((function(n){return e[n]!==t[n]}))}};t.default=i},6769:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.supportedComponentBreakpoints=t.routePropType=t.routeConfigPropType=t.processedRoutesPropType=t.navigationLayoutConfigPropType=t.componentConfigPropType=void 0;var o=a(n(18698)),r=a(n(45697)),i=["tiny","small","medium","large","huge"];t.supportedComponentBreakpoints=i;var l=r.default.objectOf((function(e,t,n,a,r){if(!("default"===t||i.indexOf(t)>=0))return new Error("Invalid prop '".concat(r,"' supplied to '").concat(n,"'. Validation failed."));var l=e[t],u=!0;return null!==l&&("object"!==(0,o.default)(l)||!l.componentClass||"object"!==(0,o.default)(l.props)&&null!==l.props&&void 0!==l.props)&&(u=!1),!!u||new Error("Invalid prop '".concat(r,"' supplied to '").concat(n,"'. Validation failed."))}));t.componentConfigPropType=l;var u=r.default.shape({path:function(e,t,n){return!!/\/.*/.test(e[t])||new Error("Invalid prop `".concat(t,"` supplied to")+" `".concat(n,"`. Validation failed. ").concat(t," must start with a forward slash (/)."))},component:l.isRequired});t.routePropType=u;var d=r.default.objectOf(u);t.routeConfigPropType=d;var p=r.default.shape({header:d,menu:d,content:d});t.navigationLayoutConfigPropType=p;var s=r.default.arrayOf(r.default.shape({path:r.default.string,componentClass:r.default.func,componentProps:r.default.object}));t.processedRoutesPropType=s},22134:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.validateMatchExists=t.reduceRouteConfig=void 0;var o=a(n(38416)),r=a(n(18698)),i=n(39711);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function u(e){for(var t=1;tt.path?-1:0})).map((function(e,t,n){if("/"===e.path)return e;for(var a=e.path.split("/"),o=[],r=0,i=a.length;r:first-child{margin-right:.5714rem}[dir=rtl] .Alert-module__actions___tQ0AP>:first-child{margin-left:.5714rem}[dir=ltr] .Alert-module__actions___tQ0AP>:last-child{margin-right:0}[dir=rtl] .Alert-module__actions___tQ0AP>:last-child{margin-left:0}[dir] .Alert-module__alert___1NkdW{background-color:#fedcdc;background-color:var(--terra-alert-alert-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-alert-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__error___srMNe{background-color:#fedcdc;background-color:var(--terra-alert-error-background-color, #fedcdc);box-shadow:2px 0 0 #c00 inset;box-shadow:var(--terra-alert-error-box-shadow, 2px 0 0 #c00 inset)}[dir] .Alert-module__warning___2nZ8\+{background-color:#fff3ce;background-color:var(--terra-alert-warning-background-color, #fff3ce);box-shadow:2px 0 0 #ffc20a inset;box-shadow:var(--terra-alert-warning-box-shadow, 2px 0 0 #ffc20a inset)}[dir] .Alert-module__unsatisfied___fPicn{background-color:#f4f4f4;background-color:var(--terra-alert-unsatisfied-background-color, #f4f4f4);box-shadow:2px 0 0 #fa0000 inset;box-shadow:var(--terra-alert-unsatisfied-box-shadow, 2px 0 0 #fa0000 inset)}[dir] .Alert-module__unverified___rz\+PZ{background-color:#f4f4f4;background-color:var(--terra-alert-unverified-background-color, #f4f4f4);box-shadow:2px 0 0 #78288c inset;box-shadow:var(--terra-alert-unverified-box-shadow, 2px 0 0 #78288c inset)}[dir] .Alert-module__advisory___7AfzD{background-color:#f4f4f4;background-color:var(--terra-alert-advisory-background-color, #f4f4f4);box-shadow:2px 0 0 #9b9fa1 inset;box-shadow:var(--terra-alert-advisory-box-shadow, 2px 0 0 #9b9fa1 inset)}[dir] .Alert-module__info___2cMNU{background-color:#f4f4f4;background-color:var(--terra-alert-info-background-color, #f4f4f4);box-shadow:2px 0 0 #0092e0 inset;box-shadow:var(--terra-alert-info-box-shadow, 2px 0 0 #0092e0 inset)}[dir] .Alert-module__success___yOkOV{background-color:#f4f4f4;background-color:var(--terra-alert-success-background-color, #f4f4f4);box-shadow:2px 0 0 #78c346 inset;box-shadow:var(--terra-alert-success-box-shadow, 2px 0 0 #78c346 inset)}[dir] .Alert-module__custom___sjV0i{background-color:#f4f4f4;background-color:var(--terra-alert-custom-background-color, #f4f4f4);box-shadow:2px 0 0 inset;box-shadow:var(--terra-alert-custom-box-shadow, 2px 0 0 inset)}.Alert-module__alert___1NkdW .Alert-module__title___Ygk4p{color:#c00;color:var(--terra-alert-alert-title-color, #c00)}.Alert-module__error___srMNe .Alert-module__title___Ygk4p{color:#c00;color:var(--terra-alert-error-title-color, #c00)}.Alert-module__unsatisfied-icon___otAv1{color:#fa0000;color:var(--terra-alert-unsatisfied-icon-color, #fa0000)}.Alert-module__unverified-icon___\+HsE4{color:#78288c;color:var(--terra-alert-unverified-icon-color, #78288c)}.Alert-module__custom-default-color___8U7Ot{color:#9b9fa1;color:var(--terra-alert-custom-default-color, #9b9fa1)} +.colors-module__clinical-lowlight-theme___hlaqD{--terra-core-docs-attention-example-color: #f94e4e;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #0addff}.colors-module__orion-fusion-theme___2KJAr{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-dismiss-example-color: #ff049b;--terra-core-docs-help-example-color: #b961cf}:root{--terra-core-docs-attention-example-color: #fa0000;--terra-core-docs-help-example-color: #b961cf;--terra-core-docs-dismiss-example-color: #ffa500}.colors-module__my-app-alert-attention-example___iAGBc{color:#fa0000;color:var(--terra-core-docs-attention-example-color, #fa0000)}.colors-module__my-app-alert-help-example___CSLgC{color:#b961cf;color:var(--terra-core-docs-help-example-color, #b961cf)}.colors-module__my-app-alert-dismiss-example___NOGjQ{color:#ffa500;color:var(--terra-core-docs-dismiss-example-color, #ffa500)} +[dir] .LongTextExample-module__long-text-example___\+Fdlh p{margin:.71428rem 0}[dir] .LongTextExample-module__long-text-example___\+Fdlh p:first-child{margin-top:0}[dir] .LongTextExample-module__long-text-example___\+Fdlh p:last-child{margin-bottom:0} +.ToggleButton-module__toggle-button___eo1aB{display:block}.ToggleButton-module__icon___mFdVK{display:inline-block;line-height:1}[dir] .ToggleButton-module__icon___mFdVK{transform:rotate(0deg)}.ToggleButton-module__icon___mFdVK svg{font-size:.8em;position:relative;top:-0.14em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ToggleButton-module__icon___mFdVK svg{top:-0.07em}}[dir=ltr] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(90deg)}[dir=rtl] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(-90deg)}.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}.ToggleButton-module__is-open___W1RlO.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}[dir=ltr] .ToggleButton-module__button-text___\+N0CK{padding-left:.3rem}[dir=rtl] .ToggleButton-module__button-text___\+N0CK{padding-right:.3rem} diff --git a/10421-7391e99325881080db7e.css b/10421-7391e99325881080db7e.css new file mode 100644 index 0000000000..083cca8510 --- /dev/null +++ b/10421-7391e99325881080db7e.css @@ -0,0 +1,4 @@ +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Toggle-module__toggle___7F95e[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7F95e[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7F95e[aria-hidden=false]{transition-delay:0s} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/1048-d151ac9648067b93ce93.js b/1048-d151ac9648067b93ce93.js new file mode 100644 index 0000000000..5c055ceba3 --- /dev/null +++ b/1048-d151ac9648067b93ce93.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1048],{83108:function(n,e,t){var a=t(64836);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=a(t(54520)),o=[{key:"uid_event_1",label:{display:"Defect A"},onClick:t(22678).loadPopup,shape:{path:[{id:"calendar",d:"M31 5V1.8c0-1-.8-1.8-1.8-1.8h-1.5c-1 0-1.8.8-1.8 1.8V5H11V1.8c0-1-.8-1.8-1.8-1.8H7.8C6.8 0 6 .8 6 1.8V5H2v33h19.1c-.1-.7-.1-1.3-.1-2v-1H5V17h27v4.6c1-.3 2-.4 3-.5V5h-4z"},{id:"circle",fill:"#78C346",d:"M36 24c6.6 0 12 5.4 12 12s-5.4 12-12 12-12-5.4-12-12 5.4-12 12-12z"},{id:"check",fill:"#FFF",d:"M34.1 42.4l-6.5-6.5 2.1-2.1 4.4 4.3 8.2-8.1 2.1 2.1-10.3 10.3z"}],options:{x:-7,y:-7,scale:.4}},color:r.default.helpers.COLORS.BLACK,values:[new Date(2018,2,5).toISOString()]},{key:"uid_event_2",label:{display:"Defect B"},shape:{path:[{id:"clock",d:"M25.3 25.9l-5.2-5.2v-8.5c.1-.7-.4-1.3-1-1.4-.7-.1-1.3.4-1.4 1V21c0 .5.2.9.5 1.2l5.3 5.3c.5.5 1.2.6 1.8.2.5-.4.6-1.1.3-1.6-.1 0-.2-.1-.3-.2zm7.2-15l1.7-1.7c.6-.6.6-1.7 0-2.3l-1.1-1.1c-.6-.6-1.7-.6-2.3 0L29 7.6c-1.5-1.1-3.3-2-5.1-2.6-.9-.3-1.8-.5-2.7-.6V1.6c0-.9-.7-1.6-1.6-1.6h-1.5c-.9 0-1.6.7-1.6 1.6v2.7C7.2 5.7.9 14.4 2.3 23.7 3.6 32 10.7 38.1 19 38.1c1 0 1.9-.1 2.9-.3l-1.4-1.4c-.2-.2-.4-.5-.5-.8-.3 0-.7.1-1 .1-8.1 0-14.6-6.5-14.6-14.6S10.9 6.5 19 6.5c1.5 0 2.9.2 4.3.7 5.9 1.8 9.9 7.1 10.2 13.2.7-.5 1.6-.6 2.4-.2-.2-3.4-1.4-6.6-3.4-9.3z"},{id:"diamond",fill:"#E50000",d:"M47.6 34.1s0-.1 0 0L35.7 22.2c-.2-.2-.5-.4-.8-.4s-.6.1-.8.3l-12 12c-.5.4-.5 1.2-.1 1.6 0 0 0 .1.1.1L34 47.6c.5.4 1.1.4 1.6 0l11.9-11.9c.5-.4.5-1.2.1-1.6z"},{id:"exclamation",fill:"#FFF",d:"M34 39h2v2h-2v-2zm0-11h2v9h-2v-9z"}],options:{x:-7,y:-7,scale:.35}},color:r.default.helpers.COLORS.WHITE,values:[new Date(2018,5,4).toISOString()]},{key:"uid_event_3",label:{display:"Defect C"},shape:{path:[{id:"triangle",fill:"#E50000",d:"M1.2 45c-1.1 0-1.6-.8-1-1.7L23 3.7c.5-1 1.4-1 2 0l22.8 39.6c.5 1 .1 1.7-1 1.7H1.2z"},{id:"exclamation",fill:"#FFF",d:"M21.5 36.7h5V42h-5v-5.3zm0-22.7h5v17.3h-5V14z"}],options:{x:-6.5,y:-7.5,scale:.35}},values:[new Date(2018,3,30).toISOString()]}];e.default=o},43015:function(n,e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=[{key:"task3",onClick:t(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,3,1).toISOString(),endDate:new Date(2018,7,10).toISOString()}];e.default=a},58234:function(n,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default=function(n){return{bindTo:n,axis:{x:{show:!0,lowerLimit:new Date(2018,1,1,12).toISOString(),upperLimit:new Date(2019,1,1,12).toISOString(),rangeRounding:!0}}}}},50487:function(n,e,t){var a=t(64836);e.Z=void 0;var r=a(t(67294)),o=a(t(54520)),l=a(t(53334));t(56867),t(77449);var s=a(t(93065)),c=a(t(58234)),i=a(t(42777)),p=a(t(43015)),d=a(t(83108)),u=l.default.deepClone((0,c.default)("#ganttEvents"));u.showActionLegend=!1,u.dateline=[];var m=(0,i.default)([p.default],[],[d.default],[],1);e.Z=function(){return r.default.useEffect((function(){var n=o.default.api.gantt(u);m.forEach((function(e){n.loadContent(e)}))}),[]),r.default.createElement(s.default,{id:"ganttEvents"})}},1048:function(n,e,t){t.r(e),t.d(e,{default:function(){return E}});var a=t(67294),r=t(81254),o=t(50487),l=["components"];function s(){return s=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var i={};function p(n){var e=n.components,t=c(n,l);return(0,r.mdx)("wrapper",s({},i,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttDefaultConfig';\nimport loadTracks from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/loadTracks';\nimport taskDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset2';\nimport eventDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/eventDataset1';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGanttDefaultConfig('#ganttEvents'));\ngraphConfig.showActionLegend = false;\ngraphConfig.dateline = [];\nconst dataset = loadTracks([taskDataset2], [], [eventDataset1], [], 1);\n\nconst GanttEventsExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n return (\n \n );\n};\n\nexport default GanttEventsExample;\n\n")))}p.isMDXComponent=!0;var d=t(49271),u=t(25005),m=function(n){var e=n.title,t=n.description,r=n.isExpanded;return a.createElement(d.Z,{title:e||"Events",description:t,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=t(75831),h=t(47530),g=t(12437),v=["components"];function b(){return b=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var y={},O="wrapper";function j(n){var e=n.components,t=x(n,v);return(0,r.mdx)(O,b({},y,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport { loadPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst scheduled = {\n path: [\n {\n id: 'calendar',\n d:\n 'M31 5V1.8c0-1-.8-1.8-1.8-1.8h-1.5c-1 0-1.8.8-1.8 1.8V5H11V1.8c0-1-.8-1.8-1.8-1.8H7.8C6.8'\n + ' 0 6 .8 6 1.8V5H2v33h19.1c-.1-.7-.1-1.3-.1-2v-1H5V17h27v4.6c1-.3 2-.4 3-.5V5h-4z',\n },\n {\n id: 'circle',\n fill: '#78C346',\n d:\n 'M36 24c6.6 0 12 5.4 12 12s-5.4 12-12 12-12-5.4-12-12 5.4-12 12-12z',\n },\n {\n id: 'check',\n fill: '#FFF',\n d: 'M34.1 42.4l-6.5-6.5 2.1-2.1 4.4 4.3 8.2-8.1 2.1 2.1-10.3 10.3z',\n },\n ],\n options: {\n x: -7,\n y: -7,\n scale: 0.4,\n },\n};\n\nconst dueSoon = {\n path: [\n {\n id: 'clock',\n d:\n 'M25.3 25.9l-5.2-5.2v-8.5c.1-.7-.4-1.3-1-1.4-.7-.1-1.3.4-1.4 1V21c0 .5.2.9.5 '\n + '1.2l5.3 5.3c.5.5 1.2.6 1.8.2.5-.4.6-1.1.3-1.6-.1 0-.2-.1-.3-.2zm7.2-15l1.7-1.7c.6-.6.6-1.7 '\n + '0-2.3l-1.1-1.1c-.6-.6-1.7-.6-2.3 0L29 7.6c-1.5-1.1-3.3-2-5.1-2.6-.9-.3-1.8-.5-2.7-.6V1.6c0-.9-.7-'\n + '1.6-1.6-1.6h-1.5c-.9 0-1.6.7-1.6 1.6v2.7C7.2 5.7.9 14.4 2.3 23.7 3.6 32 10.7 38.1 19 38.1c1 0 1.9-.1 2.9'\n + '-.3l-1.4-1.4c-.2-.2-.4-.5-.5-.8-.3 0-.7.1-1 .1-8.1 0-14.6-6.5-14.6-14.6S10.9 6.5 19 6.5c1.5 0 2.9.2 4.3.7 '\n + '5.9 1.8 9.9 7.1 10.2 13.2.7-.5 1.6-.6 2.4-.2-.2-3.4-1.4-6.6-3.4-9.3z',\n },\n {\n id: 'diamond',\n fill: '#E50000',\n d:\n 'M47.6 34.1s0-.1 0 0L35.7 22.2c-.2-.2-.5-.4-.8-.4s-.6.1-.8.3l-12 12c-.5.4-.5 1.2-.1 1.6 0 0 0 '\n + '.1.1.1L34 47.6c.5.4 1.1.4 1.6 0l11.9-11.9c.5-.4.5-1.2.1-1.6z',\n },\n {\n id: 'exclamation',\n fill: '#FFF',\n d: 'M34 39h2v2h-2v-2zm0-11h2v9h-2v-9z',\n },\n ],\n options: {\n x: -7,\n y: -7,\n scale: 0.35,\n },\n};\n\nconst alert = {\n path: [\n {\n id: 'triangle',\n fill: '#E50000',\n d:\n 'M1.2 45c-1.1 0-1.6-.8-1-1.7L23 3.7c.5-1 1.4-1 2 0l22.8 39.6c.5 1 .1 1.7-1 1.7H1.2z',\n },\n {\n id: 'exclamation',\n fill: '#FFF',\n d: 'M21.5 36.7h5V42h-5v-5.3zm0-22.7h5v17.3h-5V14z',\n },\n ],\n options: {\n x: -6.5,\n y: -7.5,\n scale: 0.35,\n },\n};\n\nconst eventDataset1 = [\n {\n key: 'uid_event_1',\n label: {\n display: 'Defect A',\n },\n onClick: loadPopup,\n shape: scheduled,\n color: Carbon.helpers.COLORS.BLACK,\n values: [new Date(2018, 2, 5).toISOString()],\n },\n {\n key: 'uid_event_2',\n label: {\n display: 'Defect B',\n },\n shape: dueSoon,\n color: Carbon.helpers.COLORS.WHITE,\n values: [new Date(2018, 5, 4).toISOString()],\n },\n {\n key: 'uid_event_3',\n label: {\n display: 'Defect C',\n },\n shape: alert,\n values: [new Date(2018, 3, 30).toISOString()],\n },\n];\n\nexport default eventDataset1;\n\n")))}j.isMDXComponent=!0;var C=["components"];function D(){return D=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}t(51320);var w={},k="wrapper";function E(n){var e=n.components,t=S(n,C);return(0,r.mdx)(k,D({},w,t,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"simple-gantt"},"Simple Gantt"),(0,r.mdx)("p",null,"This is a simple Gantt chart with Events."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(m,{mdxType:"GanttChart"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(f.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h3",{id:"data-object"},"Data object"),(0,r.mdx)("h4",{id:"task-dataset"},"Task Dataset"),(0,r.mdx)(h.Z,{mdxType:"TasksDataObject"}),(0,r.mdx)("h4",{id:"events-dataset"},"Events Dataset"),(0,r.mdx)(j,{mdxType:"EventsDataObject"}),(0,r.mdx)("h3",{id:"load-track"},"Load Track"),(0,r.mdx)(g.Z,{mdxType:"LoadTracks"})))}E.isMDXComponent=!0},47530:function(n,e,t){t.d(e,{Z:function(){return i}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var s={},c="wrapper";function i(n){var e=n.components,t=l(n,r);return(0,a.mdx)(c,o({},s,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset2 = [\n {\n key: 'task3',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 3, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n];\n\nexport default taskDataset2;\n\n")))}i.isMDXComponent=!0},75831:function(n,e,t){t.d(e,{Z:function(){return i}});t(67294);var a=t(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var s={},c="wrapper";function i(n){var e=n.components,t=l(n,r);return(0,a.mdx)(c,o({},s,t,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getGanttDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n show: true,\n lowerLimit: new Date(2018, 1, 1, 12).toISOString(),\n upperLimit: new Date(2019, 1, 1, 12).toISOString(),\n rangeRounding: true, // If set to false, we don't extend the domain\n },\n },\n});\n\nexport default getGanttDefaultConfig;\n\n\n")))}i.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10543-1b828fc96d7fe5ba1301.css b/10543-1b828fc96d7fe5ba1301.css new file mode 100644 index 0000000000..1b9460e99d --- /dev/null +++ b/10543-1b828fc96d7fe5ba1301.css @@ -0,0 +1,9 @@ +.WorklistDataGrid-module__worklist-data-grid-container___nc9kr{height:100%;width:100%} +.ColumnResizeHandle-module__orion-fusion-theme___nnSLM{--terra-data-grid-resize-handle-active-border-color: #517ea5;--terra-data-grid-resize-handle-hover-border-color: #e4f1f7}.ColumnResizeHandle-module__clinical-lowlight-theme___rAjxx{--terra-data-grid-resize-handle-active-border-color: rgba(34, 42, 46, 1);--terra-data-grid-resize-handle-hover-border-color: rgba(34, 42, 46, 0.6)}.ColumnResizeHandle-module__resize-handle___vP1Wf{display:block;height:100%;position:absolute;top:0;width:22px;z-index:1}[dir] .ColumnResizeHandle-module__resize-handle___vP1Wf{cursor:col-resize}[dir=ltr] .ColumnResizeHandle-module__resize-handle___vP1Wf{border-right:4px solid rgba(0,0,0,0);right:0}[dir=rtl] .ColumnResizeHandle-module__resize-handle___vP1Wf{border-left:4px solid rgba(0,0,0,0);left:0}[dir] .ColumnResizeHandle-module__resize-handle___vP1Wf:active{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-data-grid-resize-handle-active-border-color, rgb(34, 42, 46)) !important}.ColumnResizeHandle-module__resize-handle___vP1Wf:focus{outline:0 !important}[dir] .ColumnResizeHandle-module__resize-handle___vP1Wf:focus{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-data-grid-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle___vP1Wf:hover{border-color:rgba(34, 42, 46, 0.6);border-color:var(--terra-data-grid-resize-handle-hover-border-color, rgba(34, 42, 46, 0.6))}[dir] .ColumnResizeHandle-module__resize-handle-selected___sPNV6{border-color:rgb(34, 42, 46) !important;border-color:var(--terra-data-grid-resize-handle-active-border-color, rgb(34, 42, 46)) !important} +.ColumnHeaderCell-module__orion-fusion-theme___Mu00p{--terra-data-grid-column-header-text-color: #595f62;--terra-data-grid-column-header-background-color: #fff;--terra-data-grid-column-header-border-bottom: 1px solid #c8cacb;--terra-data-grid-column-header-border-right: 1px solid #c8cacb;--terra-data-grid-column-header-border-top: 1px solid #c8cacb;--terra-data-grid-pinned-columns-header-border: 1px solid #c8cacb;--terra-data-grid-pinned-columns-header-box-shadow: 1px 0 #c8cacb;--terra-data-grid-header-hover-background-color: #d5e7f2}.ColumnHeaderCell-module__clinical-lowlight-theme___CXIw\+{--terra-data-grid-column-header-text-color: #b2b5b6;--terra-data-grid-column-header-background-color: #151719;--terra-data-grid-column-header-border-bottom: 1px solid #181b1d;--terra-data-grid-column-header-border-right: 1px solid #181b1d;--terra-data-grid-column-header-border-top: 1px solid #181b1d;--terra-data-grid-pinned-columns-header-border: 1px solid #181b1d;--terra-data-grid-pinned-columns-header-box-shadow: 1px 0 #181b1d;--terra-data-grid-pinned-columns-divider-background-color: #181b1d;--terra-data-grid-pinned-columns-divider-box-shadow: 4px -1px 6px #181b1d;--terra-data-grid-header-hover-background-color: #0c0f10}.ColumnHeaderCell-module__column-header___b1icU{color:var(--terra-data-grid-column-header-text-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .ColumnHeaderCell-module__column-header___b1icU{background-color:#dedfe0;background-color:var(--terra-data-grid-column-header-background-color, #dedfe0);border-bottom:1px solid #000;border-bottom:var(--terra-data-grid-column-header-border-bottom, 1px solid #000);border-top:1px solid #000;border-top:var(--terra-data-grid-column-header-border-top, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___b1icU{border-right:1px solid #000;border-right:var(--terra-data-grid-column-header-border-right, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___b1icU{border-left:1px solid #000;border-left:var(--terra-data-grid-column-header-border-right, 1px solid #000)}[dir=ltr] .ColumnHeaderCell-module__column-header___b1icU:first-child{border-left:1px solid #000;border-left:var(--terra-data-grid-column-header-border-left, 1px solid #000)}[dir=rtl] .ColumnHeaderCell-module__column-header___b1icU:first-child{border-right:1px solid #000;border-right:var(--terra-data-grid-column-header-border-left, 1px solid #000)}.ColumnHeaderCell-module__column-header___b1icU .ColumnHeaderCell-module__header-container___jJpPl{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;width:100%}[dir] .ColumnHeaderCell-module__column-header___b1icU .ColumnHeaderCell-module__header-container___jJpPl{padding:5px;padding:var(--terra-data-grid-header-cell-padding, 5px)}[dir=ltr] .ColumnHeaderCell-module__column-header___b1icU .ColumnHeaderCell-module__error-icon___SsrsM{margin-right:5px;margin-right:var(--terra-data-grid-error-icon-margin-right, 5px)}[dir=rtl] .ColumnHeaderCell-module__column-header___b1icU .ColumnHeaderCell-module__error-icon___SsrsM{margin-left:5px;margin-left:var(--terra-data-grid-error-icon-margin-right, 5px)}.ColumnHeaderCell-module__column-header___b1icU span{-ms-flex:1;flex:1;font-weight:normal;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .ColumnHeaderCell-module__column-header___b1icU span{background:rgba(0,0,0,0);border:0}[dir=ltr] .ColumnHeaderCell-module__column-header___b1icU span{text-align:left}[dir=rtl] .ColumnHeaderCell-module__column-header___b1icU span{text-align:right}[dir] .ColumnHeaderCell-module__selectable___5p5df:hover{background-color:#daecf6;background-color:var(--terra-data-grid-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__pinned___KIUZI{position:-webkit-sticky;position:sticky;z-index:2 !important}.ColumnHeaderCell-module__pinned-columns-divider___BNMLK{position:absolute;top:0;width:2px}[dir] .ColumnHeaderCell-module__pinned-columns-divider___BNMLK{background-color:#808080;background-color:var(--terra-data-grid-pinned-columns-divider-background-color, #808080);box-shadow:4px -1px 6px #808080;box-shadow:var(--terra-data-grid-pinned-columns-divider-box-shadow, 4px -1px 6px #808080)} +.Row-module__orion-fusion-theme___CbfkX{--terra-data-grid-row-striped-even-background-color: #f4f4f4;--terra-data-grid-row-selected-background-color: #cbe7fa;--terra-data-grid-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;--terra-data-grid-row-striped-odd-background-color: #fefffe}.Row-module__clinical-lowlight-theme___8xpie{--terra-data-grid-row-striped-even-background-color: #2d3539;--terra-data-grid-row-striped-odd-background-color: #6e6f71;--terra-data-grid-row-selected-background-color: #1e3a49;--terra-data-grid-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;--terra-data-grid-row-hover-background-color: #232a2d;--terra-data-grid-row-highlight-border-top: 1px solid #004c76;--terra-data-grid-row-highlight-border-bottom: 1px solid #004c76}[dir] .Row-module__row___6Fx4q.Row-module__selectable___PQz64:hover{background-color:#e2f2fc;background-color:var(--terra-data-grid-row-hover-background-color, #e2f2fc);cursor:pointer}[dir] .Row-module__row___6Fx4q:nth-child(even){background-color:#f0f0f0;background-color:var(--terra-data-grid-row-striped-even-background-color, #f0f0f0)}[dir] .Row-module__row___6Fx4q:nth-child(odd){background-color:#fff;background-color:var(--terra-data-grid-row-striped-odd-background-color, #fff)}[dir] .Row-module__row___6Fx4q.Row-module__selected___\+Ucns{background-color:#cbe7fa;background-color:var(--terra-data-grid-row-selected-background-color, #cbe7fa)}[dir=ltr] .Row-module__row___6Fx4q.Row-module__selected___\+Ucns{border-right:1px solid #0092e0}[dir=rtl] .Row-module__row___6Fx4q.Row-module__selected___\+Ucns{border-left:1px solid #0092e0}[dir] .Row-module__row___6Fx4q.Row-module__selected___\+Ucns td, [dir] .Row-module__row___6Fx4q.Row-module__selected___\+Ucns th{border-bottom:1px solid #0092e0;border-bottom:var(--terra-data-grid-row-highlight-border-bottom, 1px solid #0092e0)}[dir] .Row-module__row___6Fx4q.Row-module__selected___\+Ucns:first-child td, [dir] .Row-module__row___6Fx4q.Row-module__selected___\+Ucns:first-child th, [dir] .Row-module__row___6Fx4q:not(.Row-module__selected___\+Ucns)+.Row-module__row___6Fx4q.Row-module__selected___\+Ucns td, [dir] .Row-module__row___6Fx4q:not(.Row-module__selected___\+Ucns)+.Row-module__row___6Fx4q.Row-module__selected___\+Ucns th{border-top:1px solid #0092e0;border-top:var(--terra-data-grid-row-highlight-border-top, 1px solid #0092e0)} +.Cell-module__orion-fusion-theme___QJSu4{--terra-data-grid-cell-border-bottom: 1px solid #c8cacb;--terra-data-grid-cell-border-left: 1px solid #c8cacb;--terra-data-grid-cell-border-right: 1px solid #c8cacb;--terra-data-grid-cell-selected-background-color: #cbe7fa;--terra-data-grid-odd-row-hover-background-color: #e0f2fb;--terra-data-grid-even-row-hover-background-color: #d6e8f2;--terra-data-grid-pinned-columns-cell-border: 1px solid #c8cacb}.Cell-module__clinical-lowlight-theme___2qm4k{--terra-data-grid-cell-border-bottom: 1px solid #181b1d;--terra-data-grid-cell-border-left: 1px solid #181b1d;--terra-data-grid-cell-border-right: 1px solid #181b1d;--terra-data-grid-cell-selected-background-color: #1e3a49;--terra-data-grid-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-data-grid-highlight-mask-background: repeating-linear-gradient(-45deg, #434647, #434647 3px, transparent 3px, transparent 6px);--terra-data-grid-odd-row-hover-background-color: #25282a;--terra-data-grid-even-row-hover-background-color: #1d2225;--terra-data-grid-pinned-columns-cell-border: 1px solid #181b1d}.Cell-module__cell___QnzRm{font-weight:normal;position:relative}[dir] .Cell-module__cell___QnzRm{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-data-grid-cell-border-bottom, 1px solid #dedfe0);padding:7px;padding:var(--terra-data-grid-cell-content-padding, 7px)}[dir=ltr] .Cell-module__cell___QnzRm{border-right:1px solid #dedfe0;border-right:var(--terra-data-grid-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___QnzRm{border-left:1px solid #dedfe0;border-left:var(--terra-data-grid-cell-border-right, 1px solid #dedfe0)}[dir=ltr] .Cell-module__cell___QnzRm:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-data-grid-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Cell-module__cell___QnzRm:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-data-grid-cell-border-left, 1px solid #dedfe0)}[dir] .Cell-module__selected___SvG2j{background-color:#cbe7fa;background-color:var(--terra-data-grid-cell-selected-background-color, #cbe7fa)}[dir=ltr] .Cell-module__masked___EY5Gc{background:repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-data-grid-mask-background, repeating-linear-gradient(-45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=rtl] .Cell-module__masked___EY5Gc{background:repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px);background:var(--terra-data-grid-mask-background, repeating-linear-gradient(45deg, #dedfe0, #dedfe0 3px, transparent 3px, transparent 6px))}[dir=ltr] .Cell-module__masked___EY5Gc.Cell-module__highlighted___GviX1{background:repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-data-grid-highlight-mask-background, repeating-linear-gradient(-45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}[dir=rtl] .Cell-module__masked___EY5Gc.Cell-module__highlighted___GviX1{background:repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px);background:var(--terra-data-grid-highlight-mask-background, repeating-linear-gradient(45deg, #cfd2d3, #cfd2d3 3px, #cbe7fa 3px, #cbe7fa 6px))}.Cell-module__cell-content___ywjkR{overflow:hidden;overflow-wrap:break-word}[dir=ltr] .Cell-module__cell-content___ywjkR{text-align:left}[dir=rtl] .Cell-module__cell-content___ywjkR{text-align:right}.Cell-module__cell-content___ywjkR .Cell-module__no-data-cell___sNhRJ{color:rgba(0,0,0,0)}.Cell-module__pinned___QaeOi{position:-webkit-sticky;position:sticky;z-index:1}[dir] .Cell-module__pinned___QaeOi:not(.Cell-module__selected___SvG2j){background-color:inherit}[dir] tr:nth-child(odd) .Cell-module__selectable___HFAJP:hover{background-color:#e0f2fb;background-color:var(--terra-data-grid-odd-row-hover-background-color, #e0f2fb);cursor:pointer}[dir] tr:nth-child(even) .Cell-module__selectable___HFAJP:hover{background-color:#d3e5ee;background-color:var(--terra-data-grid-even-row-hover-background-color, #d3e5ee);cursor:pointer} +.RowSelectionCell-module__input___pqOEa{display:-ms-flexbox;display:flex;height:16px;width:16px}[dir] .RowSelectionCell-module__input___pqOEa{margin:auto} +.DataGrid-module__orion-fusion-theme___HQjaQ{--terra-data-grid-cell-focus-outline: 3px dashed #000;--terra-data-grid-cell-focus-outline-offset: -2px}.DataGrid-module__clinical-lowlight-theme___avlj8{--terra-data-grid-cell-focus-outline: 3px dashed #fff;--terra-data-grid-cell-focus-outline-offset: -2px}.DataGrid-module__data-grid-container___wJCne{height:100%;overflow:auto;width:100%}.DataGrid-module__data-grid___bC7SM{border-collapse:separate;border-spacing:0;table-layout:fixed;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:1px}[dir=ltr] .DataGrid-module__data-grid___bC7SM{margin-right:15px}[dir=rtl] .DataGrid-module__data-grid___bC7SM{margin-left:15px}.DataGrid-module__data-grid___bC7SM :focus{outline:3px dashed #000;outline:var(--terra-data-grid-cell-focus-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-data-grid-cell-focus-outline-offset, -2px)} +.FlowsheetDataGrid-module__flowsheet-data-grid-container___1Jt6A{height:100%;width:100%} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/10543-1b828fc96d7fe5ba1301.js b/10543-1b828fc96d7fe5ba1301.js new file mode 100644 index 0000000000..da91521100 --- /dev/null +++ b/10543-1b828fc96d7fe5ba1301.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10543],{49271:function(e,t,n){var a=n(64836),l=n(18698);t.Z=void 0;var o=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}a.default=e,n&&n.set(e,a);return a}(n(67294)),i=a(n(45697)),c=a(n(47166)),s=n(21538),d=a(n(33864)),u=a(n(23399)),m=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var y=c.default.bind(p.default),_={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,c=e.isExpanded,p=(0,r.useState)(c),f=(0,o.default)(p,2),_=f[0],x=f[1],h=(0,r.useState)(!1),g=(0,o.default)(h,2),E=g[0],N=g[1],C=r.default.useContext(s.ThemeContext),k=void 0!==a,w=function(){N(!E),_&&x(!_)},O=function(){x(!_),E&&N(!E)},T=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:y("template",C.className)},r.default.createElement("div",{className:y("header")},l&&r.default.createElement("h2",{className:y("title")},l)),r.default.createElement("div",{className:y("content")},i&&r.default.createElement("div",{className:y("description")},i),t),r.default.createElement("div",{className:y("footer")},n?r.default.createElement("div",{className:y("button-container")},k&&r.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":E}),onClick:w,onKeyDown:function(e){return T(e,w)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(d.default,{className:y("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:y("chevron")})),r.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":_}),onClick:O,onKeyDown:function(e){return T(e,O)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(d.default,{className:y("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:y("chevron")}))):null,r.default.createElement("div",null,E&&r.default.createElement("div",{className:y("css")},a),_&&r.default.createElement("div",{className:y("code")},n))))};x.propTypes=_,x.defaultProps={isExpanded:!1};var h=x;t.Z=h},89237:function(e,t,n){var a=n(64836);t.Z=void 0;var l=a(n(67294)),o=n(57710),r=[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"},{id:"Column-10",displayName:"Not Selectable",isSelectable:!1}],i=[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]}];t.Z=function(){var e=r,t=i;return l.default.createElement(o.WorklistDataGrid,{id:"default-terra-worklist-data-grid",overflowColumns:e,rows:t,rowHeaderIndex:0,ariaLabel:"Worklist Data Grid"})}},56482:function(e,t,n){n.r(t),n.d(t,{default:function(){return d}});n(67294);var a=n(81254),l=n(79275),o=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={},s="wrapper";function d(e){var t=e.components,n=i(e,o);return(0,a.mdx)(s,r({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"basic-worklist-data-grid"},"Basic Worklist Data Grid"),(0,a.mdx)("h3",{id:"description"},"Description"),(0,a.mdx)("p",null,"This example demonstrates a basic ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Worklist Data Grid")," with basic keyboard interactions."),(0,a.mdx)(l.Z,{title:"Basic Worklist Data Grid",mdxType:"BasicWorklistDataGrid"}))}d.isMDXComponent=!0},79275:function(e,t,n){n.d(t,{Z:function(){return m}});var a=n(67294),l=n(89237),o=n(81254),r=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s={};function d(e){var t=e.components,n=c(e,r);return(0,o.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { WorklistDataGrid } from 'terra-data-grid';\n\nconst gridDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n ],\n};\n\nconst BasicWorklistDataGrid = () => {\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n\n return (\n \n );\n};\n\nexport default BasicWorklistDataGrid;\n\n")))}d.isMDXComponent=!0;var u=n(49271),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(u.Z,{title:t||"Basic Worklist Data Grid",description:n,example:a.createElement(l.Z,null),exampleSrc:a.createElement(d,null),isExpanded:o})}},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"}}}]); \ No newline at end of file diff --git a/10706-23bbe0999c2870611b89.js b/10706-23bbe0999c2870611b89.js new file mode 100644 index 0000000000..7d097bdb7c --- /dev/null +++ b/10706-23bbe0999c2870611b89.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10706],{28597:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=[{key:"activity1",label:{display:"activity1"},onClick:function(){},color:"#FFDF00",startDate:new Date(2018,1,1).toISOString(),endDate:new Date(2018,4,10).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=n},95043:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=[{key:"activity2-hashed",label:{display:"Story Apex Hashed Activity"},color:"#000",startDate:new Date(2018,0,1).toISOString(),endDate:new Date(2018,3,1).toISOString(),style:{isDotted:!1,isHollow:!1,isHashed:!0}},{key:"activity3",color:"#ff0000",label:{display:"Story Apex Activity"},startDate:new Date(2018,3,1).toISOString(),endDate:new Date(2018,9,10).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=n},50679:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(88703),r=n(22678),o=[{key:"activity4",color:a.COLORS.LIGHT_BLUE,onMouseEnter:r.loadTaskPopup,onMouseMove:r.loadTaskPopup,label:{display:"Story Charming Activity"},startDate:new Date(2016,0,1,10,30).toISOString(),endDate:new Date(2016,0,1,12,30).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=o},45469:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=[{key:"activity5",label:{display:"activity5"},onClick:function(){},color:"#FFDF00",startDate:new Date(2016,0,1,12).toISOString(),endDate:new Date(2016,0,1,15).toISOString(),style:{isDotted:!1,isHollow:!1}}];e.default=n},86739:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(22678),r=[{key:"task1",onClick:a.loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,2,1).toISOString(),endDate:new Date(2018,3,10).toISOString()},{key:"task2",onClick:a.loadTaskPopup,label:{display:"Story Broccoli"},startDate:new Date(2018,8,1).toISOString(),endDate:new Date(2018,9,10).toISOString()}];e.default=r},43015:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=[{key:"task3",onClick:n(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,3,1).toISOString(),endDate:new Date(2018,7,10).toISOString()}];e.default=a},4216:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=n(22678),r=[{key:"task4",onClick:a.loadTaskPopup,label:{display:"Story Charming"},startDate:new Date(2018,6,1).toISOString(),endDate:new Date(2018,7,10).toISOString()},{key:"task5",onClick:a.loadTaskPopup,label:{display:"Story Broccoli"},startDate:new Date(2018,10,1).toISOString(),endDate:new Date(2018,10,1).toISOString()}];e.default=r},42765:function(t,e,n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=[{key:"task6",onClick:n(22678).loadTaskPopup,label:{display:"Story Apex"},startDate:new Date(2018,6,1).toISOString(),endDate:new Date(2018,9,10).toISOString()}];e.default=a},58234:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default=function(t){return{bindTo:t,axis:{x:{show:!0,lowerLimit:new Date(2018,1,1,12).toISOString(),upperLimit:new Date(2019,1,1,12).toISOString(),rangeRounding:!0}}}}},54574:function(t,e,n){var a=n(64836);e.Z=void 0;var r=a(n(67294)),o=a(n(54520)),s=a(n(53334));n(56867),n(77449);var i=a(n(93065)),l=a(n(58234)),p=a(n(42777)),c=a(n(86739)),d=a(n(43015)),u=a(n(4216)),f=a(n(42765)),m=a(n(28597)),y=a(n(95043)),g=a(n(50679)),O=a(n(45469)),b=s.default.deepClone((0,l.default)("#ganttTasksAndActivities")),v=[s.default.deepClone(c.default),s.default.deepClone(d.default),s.default.deepClone(u.default),s.default.deepClone(f.default)],D=[s.default.deepClone(m.default),s.default.deepClone(y.default),s.default.deepClone(g.default),s.default.deepClone(O.default)],x=(0,p.default)(v,D,[],[],4);e.Z=function(){return r.default.useEffect((function(){var t=o.default.api.gantt(b);x.forEach((function(e){t.loadContent(e)}))}),[]),r.default.createElement(i.default,{id:"ganttTasksAndActivities"})}},10706:function(t,e,n){n.r(e),n.d(e,{default:function(){return U}});var a=n(67294),r=n(81254),o=n(54574),s=["components"];function i(){return i=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var p={};function c(t){var e=t.components,n=l(t,s);return(0,r.mdx)("wrapper",i({},p,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Gantt/GanttChart.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGanttDefaultConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Gantt/ganttDefaultConfig';\nimport loadTracks from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/loadTracks';\nimport taskDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset1';\nimport taskDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset2';\nimport taskDataset3 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset3';\nimport taskDataset4 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/taskDataset4';\nimport activityDataset1 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset1';\nimport activityDataset2 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset2';\nimport activityDataset3 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset3';\nimport activityDataset4 from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Gantt/activityDataset4';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGanttDefaultConfig('#ganttTasksAndActivities'));\nconst tasksData = [utils.deepClone(taskDataset1), utils.deepClone(taskDataset2), utils.deepClone(taskDataset3), utils.deepClone(taskDataset4)];\nconst activitiesData = [utils.deepClone(activityDataset1), utils.deepClone(activityDataset2), utils.deepClone(activityDataset3), utils.deepClone(activityDataset4)];\nconst dataset = loadTracks(tasksData, activitiesData, [], [], 4);\n\nconst GanttTasksAndActivitiesExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.gantt(graphConfig);\n dataset.forEach((data) => {\n graph.loadContent(data);\n });\n }, []);\n\n return (\n \n );\n};\n\nexport default GanttTasksAndActivitiesExample;\n\n")))}c.isMDXComponent=!0;var d=n(49271),u=n(25005),f=function(t){var e=t.title,n=t.description,r=t.isExpanded;return a.createElement(d.Z,{title:e||"Tasks And Activities",description:n,example:a.createElement(o.Z,null),exampleCssSrc:a.createElement(u.Z,null),exampleSrc:a.createElement(c,null),isExpanded:r})},m=n(75831),y=n(65092),g=n(47530),O=n(29890),b=n(67517),v=n(42026),D=["components"];function x(){return x=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var h={},k="wrapper";function j(t){var e=t.components,n=S(t,D);return(0,r.mdx)(k,x({},h,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const activityDataset2 = [\n {\n key: 'activity2-hashed',\n label: {\n display: 'Story Apex Hashed Activity',\n },\n color: '#000',\n startDate: new Date(2018, 0, 1).toISOString(),\n endDate: new Date(2018, 3, 1).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n isHashed: true,\n },\n },\n {\n key: 'activity3',\n color: '#ff0000',\n label: {\n display: 'Story Apex Activity',\n },\n startDate: new Date(2018, 3, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset2;\n\n")))}j.isMDXComponent=!0;var w=["components"];function C(){return C=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var P={},I="wrapper";function A(t){var e=t.components,n=T(t,w);return(0,r.mdx)(I,C({},P,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import { COLORS } from '@cerner/carbon-graphs/lib/js/helpers/constants';\nimport { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst activityDataset3 = [\n {\n key: 'activity4',\n color: COLORS.LIGHT_BLUE,\n onMouseEnter: loadTaskPopup,\n onMouseMove: loadTaskPopup,\n label: {\n display: 'Story Charming Activity',\n },\n startDate: new Date(2016, 0, 1, 10, 30).toISOString(),\n endDate: new Date(2016, 0, 1, 12, 30).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset3;\n\n")))}A.isMDXComponent=!0;var M=["components"];function E(){return E=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var N={},L="wrapper";function X(t){var e=t.components,n=G(t,M);return(0,r.mdx)(L,E({},N,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const activityDataset4 = [\n {\n key: 'activity5',\n label: {\n display: 'activity5',\n },\n onClick: () => {},\n color: '#FFDF00',\n startDate: new Date(2016, 0, 1, 12).toISOString(),\n endDate: new Date(2016, 0, 1, 15).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset4;\n\n")))}X.isMDXComponent=!0;var _=n(12437),Z=["components"];function H(){return H=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}n(51320);var R={},B="wrapper";function U(t){var e=t.components,n=F(t,Z);return(0,r.mdx)(B,H({},R,n,{components:e,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"simple-gantt"},"Simple Gantt"),(0,r.mdx)("p",null,"This is a simple Gantt chart with tasks and Activities."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(f,{mdxType:"GanttChart"}),(0,r.mdx)("details",null,(0,r.mdx)("summary",{style:{fontSize:24}},(0,r.mdx)("b",null,"Data")),(0,r.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,r.mdx)(m.Z,{mdxType:"GraphConfig"}),(0,r.mdx)("h4",{id:"task-dataset-1"},"Task Dataset 1"),(0,r.mdx)(y.Z,{mdxType:"TaskDataObject1"}),(0,r.mdx)("h4",{id:"task-dataset-2"},"Task Dataset 2"),(0,r.mdx)(g.Z,{mdxType:"TaskDataObject2"}),(0,r.mdx)("h4",{id:"task-dataset-3"},"Task Dataset 3"),(0,r.mdx)(O.Z,{mdxType:"TaskDataObject3"}),(0,r.mdx)("h4",{id:"task-dataset-4"},"Task Dataset 4"),(0,r.mdx)(b.Z,{mdxType:"TaskDataObject4"}),(0,r.mdx)("h4",{id:"activity-dataset-1"},"Activity Dataset 1"),(0,r.mdx)(v.Z,{mdxType:"ActivityDataObject1"}),(0,r.mdx)("h4",{id:"activity-dataset-2"},"Activity Dataset 2"),(0,r.mdx)(j,{mdxType:"ActivityDataObject2"}),(0,r.mdx)("h4",{id:"activity-dataset-3"},"Activity Dataset 3"),(0,r.mdx)(A,{mdxType:"ActivityDataObject3"}),(0,r.mdx)("h4",{id:"activity-dataset-4"},"Activity Dataset 4"),(0,r.mdx)(X,{mdxType:"ActivityDataObject4"}),(0,r.mdx)("h3",{id:"load-track"},"Load Track"),(0,r.mdx)(_.Z,{mdxType:"LoadTracks"})))}U.isMDXComponent=!0},42026:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const activityDataset1 = [\n {\n key: 'activity1',\n label: {\n display: 'activity1',\n },\n onClick: () => {},\n color: '#FFDF00',\n startDate: new Date(2018, 1, 1).toISOString(),\n endDate: new Date(2018, 4, 10).toISOString(),\n style: {\n isDotted: false,\n isHollow: false,\n },\n },\n];\n\nexport default activityDataset1;\n\n")))}p.isMDXComponent=!0},65092:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset1 = [\n {\n key: 'task1',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 2, 1).toISOString(),\n endDate: new Date(2018, 3, 10).toISOString(),\n },\n {\n key: 'task2',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Broccoli',\n },\n startDate: new Date(2018, 8, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n },\n];\n\nexport default taskDataset1;\n\n")))}p.isMDXComponent=!0},47530:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset2 = [\n {\n key: 'task3',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 3, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n];\n\nexport default taskDataset2;\n\n")))}p.isMDXComponent=!0},29890:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset3 = [\n {\n key: 'task4',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Charming',\n },\n startDate: new Date(2018, 6, 1).toISOString(),\n endDate: new Date(2018, 7, 10).toISOString(),\n },\n {\n key: 'task5',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Broccoli',\n },\n startDate: new Date(2018, 10, 1).toISOString(),\n endDate: new Date(2018, 10, 1).toISOString(),\n },\n];\n\nexport default taskDataset3;\n\n")))}p.isMDXComponent=!0},67517:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import { loadTaskPopup } from '@cerner/terra-graphs-docs/lib/example-datasets/popup';\n\nconst taskDataset4 = [\n {\n key: 'task6',\n onClick: loadTaskPopup,\n label: {\n display: 'Story Apex',\n },\n startDate: new Date(2018, 6, 1).toISOString(),\n endDate: new Date(2018, 9, 10).toISOString(),\n },\n];\n\nexport default taskDataset4;\n\n")))}p.isMDXComponent=!0},75831:function(t,e,n){n.d(e,{Z:function(){return p}});n(67294);var a=n(81254),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}var i={},l="wrapper";function p(t){var e=t.components,n=s(t,r);return(0,a.mdx)(l,o({},i,n,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getGanttDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n show: true,\n lowerLimit: new Date(2018, 1, 1, 12).toISOString(),\n upperLimit: new Date(2019, 1, 1, 12).toISOString(),\n rangeRounding: true, // If set to false, we don't extend the domain\n },\n },\n});\n\nexport default getGanttDefaultConfig;\n\n\n")))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10790-9231fe262e16865d8154.css b/10790-9231fe262e16865d8154.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/10790-9231fe262e16865d8154.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/10790-9231fe262e16865d8154.js b/10790-9231fe262e16865d8154.js new file mode 100644 index 0000000000..fe7132c630 --- /dev/null +++ b/10790-9231fe262e16865d8154.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10790,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,n,t){var r=t(64836);n.Z=void 0;var a=r(t(67294)),i=r(t(45697)),l=r(t(47166)),o=r(t(17422)),s=l.default.bind(o.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},c=function(e){var n=e.src,t=e.name,r=e.url,i=e.version,l=a.default.createElement("a",{className:s("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},a.default.createElement("span",{className:s("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:s("badge-version")},"v".concat(i))),o=n?a.default.createElement("a",{className:s("badge"),href:n},a.default.createElement("span",{className:s("badge-name")},"github"),a.default.createElement("span",{className:s("badge-version")},"source")):void 0;return a.default.createElement("div",{className:s("badge-container")},l,o)};c.propTypes=d;var u=c;n.Z=u},10790:function(e,n,t){t.r(n),t.d(n,{default:function(){return c}});t(67294);var r=t(81254),a=t(97583),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var s={},d="wrapper";function c(e){var n=e.components,t=o(e,i);return(0,r.mdx)(d,l({},s,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(a.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"stylelint-config-terra-upgrade-guide"},"stylelint-config-terra Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-stylelint-config-terra-400--to-cernerstylelint-config-terra-500"},"Changes from stylelint-config-terra 4.0.0 to @cerner/stylelint-config-terra 5.0.0"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Stylelint version 15 is now required. Refer to the ",(0,r.mdx)("a",{parentName:"li",href:"https://stylelint.io/migration-guide/to-15"},"Stylelint 15 Migration Guide for more details"),". "),(0,r.mdx)("li",{parentName:"ul"},"Support for IE10 rules has been dropped. Make sure you are no longer using IE10 rules in your project before upgrading."),(0,r.mdx)("li",{parentName:"ul"},"Stylint CLI no longer supports --syntax option. Refer to the ",(0,r.mdx)("a",{parentName:"li",href:"https://stylelint.io/migration-guide/to-14#syntax-option-and-automatic-inferral-of-syntax"},"Stylelint 14 Migration Guide for more details"),".")),(0,r.mdx)("h2",{id:"changes-from-stylelint-config-terra-3x--to-cernerstylelint-config-terra-400"},"Changes from stylelint-config-terra 3.x to @cerner/stylelint-config-terra 4.0.0"),(0,r.mdx)("h3",{id:"node-10"},"Node 10"),(0,r.mdx)("p",null,"Node 10 is not the minimum supported version. Upgrade to node 14."),(0,r.mdx)("h3",{id:"stylelint-13"},"Stylelint 13"),(0,r.mdx)("p",null,"Stylelint version 13 is now required."),(0,r.mdx)("h3",{id:"cerner-scoping"},"@cerner scoping"),(0,r.mdx)("p",null,"The package is now scoped under @cerner."),(0,r.mdx)("h3",{id:"upgrading"},"Upgrading"),(0,r.mdx)("p",null,"Upgrades are confined to the consuming packages package.json file."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n "stylelint": {\n- "extends": "stylelint-config-terra",\n+ "extends": "@cerner/stylelint-config-terra",\n },\n "devDependencies": {\n+ "@cerner/stylelint-config-terra": "^4.0.0",\n- "stylelint": "^11.0.0",\n+ "stylelint": "^13.0.0",\n- "stylelint-config-terra": "^3.2.0",\n }\n}\n')))}c.isMDXComponent=!0},97583:function(e,n,t){t.d(n,{C:function(){return i}});var r=t(67294),a=t(22863),i=function(e){var n=e.url;return r.createElement(a.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10824-0cfb871c032edbbdc3cd.js b/10824-0cfb871c032edbbdc3cd.js new file mode 100644 index 0000000000..cfc8cb8436 --- /dev/null +++ b/10824-0cfb871c032edbbdc3cd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10824],{49271:function(e,t,l){var a=l(64836),n=l(18698);t.Z=void 0;var r=a(l(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var l=_(t);if(l&&l.has(e))return l.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}a.default=e,l&&l.set(e,a);return a}(l(67294)),u=a(l(45697)),d=a(l(47166)),i=l(21538),s=a(l(33864)),c=a(l(23399)),f=l(51051),m=a(l(53560));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(_=function(e){return e?l:t})(e)}var p=d.default.bind(m.default),h={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,l=e.exampleSrc,a=e.exampleCssSrc,n=e.title,u=e.description,d=e.isExpanded,m=(0,o.useState)(d),_=(0,r.default)(m,2),h=_[0],g=_[1],w=(0,o.useState)(!1),y=(0,r.default)(w,2),E=y[0],C=y[1],O=o.default.useContext(i.ThemeContext),x=void 0!==a,S=function(){C(!E),h&&g(!h)},I=function(){g(!h),E&&C(!E)},M=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:p("template",O.className)},o.default.createElement("div",{className:p("header")},n&&o.default.createElement("h2",{className:p("title")},n)),o.default.createElement("div",{className:p("content")},u&&o.default.createElement("div",{className:p("description")},u),t),o.default.createElement("div",{className:p("footer")},l?o.default.createElement("div",{className:p("button-container")},x&&o.default.createElement("button",{type:"button",className:p("css-toggle","item",{"is-selected":E}),onClick:S,onKeyDown:function(e){return M(e,S)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:p("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:p("chevron")})),o.default.createElement("button",{type:"button",className:p("code-toggle","item",{"is-selected":h}),onClick:I,onKeyDown:function(e){return M(e,I)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:p("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:p("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:p("css")},a),h&&o.default.createElement("div",{className:p("code")},l))))};g.propTypes=h,g.defaultProps={isExpanded:!1};var w=g;t.Z=w},48805:function(e,t,l){var a=l(64836),n=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(l(10434)),o=a(l(861)),u=a(l(38416)),d=a(l(27424)),i=S(l(67294)),s=a(l(45697)),c=l(25387),f=a(l(47166)),m=a(l(32018)),_=a(l(50026)),p=a(l(58781)),h=a(l(29466)),b=l(82461),v=a(l(89960)),g=S(l(77263)),w=a(l(92138)),y=a(l(37514)),E=a(l(60153)),C=a(l(35101)),O=a(l(90068));function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(x=function(e){return e?l:t})(e)}function S(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=x(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}function I(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,a)}return l}function M(e){for(var t=1;t0&&(t.push(l),e=x?u.length:u.length-1,oe.slice(0,e).forEach((function(e){l+=e.width,t.push(l)}))),G(t)}),[oe]),(0,i.useEffect)((function(){var e=new m.default((function(){H(X.current.offsetHeight-1);var e=B.current;Z(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)}));return e.observe(X.current),function(){e.disconnect()}}),[X]);var ie=(0,i.useCallback)((function(e){C&&C(e)}),[C]),se=(0,i.useCallback)((function(e,t,l){Y.current=X.current.offsetWidth,K.current=e.pageX,U.current=l,L(t)}),[]),ce=function(){c&&c(oe[T].id,oe[T].width),L(null)};return i.default.createElement("div",{ref:B,className:R("table-container"),tabIndex:!ee&&Q?0:void 0},i.default.createElement("table",(0,r.default)({ref:X,id:t,role:J.role,"aria-labelledby":l,"aria-label":a,className:R("table",$.className,{headerless:!S})},null!=T&&{onMouseUp:ce,onMouseMove:function(e){if(null!=T){var t=e.pageX-K.current,l=oe[T],a=l.minimumWidth,n=l.maximumWidth,r=Math.min(Math.max(U.current+t,a),n),u=(0,o.default)(oe);u[T].width=r,ue(u),X.current.style.width="".concat(Y+(r-U.current),"px")}},onMouseLeave:ce}),i.default.createElement(h.default.Provider,{value:te},i.default.createElement("colgroup",null,oe.map((function(e){return i.default.createElement("col",{key:e.id,style:{width:"".concat(e.width,"px")}})}))),i.default.createElement(p.default,{columns:oe,hasColumnHeaders:S,headerHeight:b,tableHeight:D,onResizeMouseDown:se,onColumnSelect:ie}),i.default.createElement("tbody",null,n.map((function(e,t){return i.default.createElement(w.default,{rowIndex:t+1,key:e.id,height:E,id:e.id,cells:e.cells,ariaLabel:e.ariaLabel,hasRowSelection:x,displayedColumns:ae,rowHeaderIndex:N,onCellSelect:ee?de:void 0,isSelected:e.isSelected,isTableStriped:I})}))))))}P.propTypes=N,P.defaultProps={rowHeaderIndex:0,defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rowHeight:"2.5rem",pinnedColumns:[],overflowColumns:[],rows:[],hasColumnHeaders:!0};t.default=i.default.memo((0,c.injectIntl)(P))},44242:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"GridContext",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=a(l(48805)),r=a(l(77263));t.default=n.default},58717:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(45697)),r=n.default.shape({content:n.default.node,isMasked:n.default.bool,isSelectable:n.default.bool,isSelected:n.default.bool});t.default=r},82461:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.columnShape=t.SortIndicators=void 0;var n=a(l(45697)),r=t.SortIndicators={ASCENDING:"ascending",DESCENDING:"descending"};t.columnShape=n.default.shape({id:n.default.string.isRequired,displayName:n.default.string,hasError:n.default.bool,isResizable:n.default.bool,isSelectable:n.default.bool,minimumWidth:n.default.number,maximumWidth:n.default.number,width:n.default.number,sortIndicator:n.default.oneOf(Object.values(r))})},60153:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(45697)),r=a(l(58717)),o=n.default.shape({id:n.default.string.isRequired,cells:n.default.arrayOf(r.default),isSelected:n.default.bool,ariaLabel:n.default.string});t.default=o},35101:function(e,t,l){var a=l(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(89960));t.default=function(e){return Number.isInteger(e.rowHeaderIndex)?e.rowHeaderIndex<0?new Error(n.default.ROW_HEADER_INDEX_LESS_THAN_ZERO):e.pinnedColumns.length&&e.rowHeaderIndex>=e.pinnedColumns.length?new Error(n.default.ROW_HEADER_INDEX_EXCEEDS_PINNED):void 0:new Error(n.default.ROW_HEADER_INDEX_NOT_AN_INTEGER)}},43566:function(e,t,l){var a=l(64836),n=l(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(l(10434)),o=a(l(861)),u=a(l(27424)),d=w(l(67294)),i=w(l(51051)),s=a(l(47166)),c=a(l(54483)),f=l(25387),m=a(l(45697)),_=a(l(50026)),p=a(l(29270)),h=a(l(29466)),b=w(l(77263)),v=a(l(19725));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(g=function(e){return e?l:t})(e)}function w(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=g(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=r?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}var y=s.default.bind(v.default),E={intl:m.default.shape({formatMessage:m.default.func}).isRequired,rowId:m.default.string.isRequired,columnId:m.default.string.isRequired,rowIndex:m.default.number,columnIndex:m.default.number,children:m.default.node,isMasked:m.default.bool,isSelectable:m.default.bool,isSelected:m.default.bool,ariaLabel:m.default.string,isRowHeader:m.default.bool,isHighlighted:m.default.bool,onCellSelect:m.default.func,height:m.default.string};function C(e){var t=e.rowId,l=e.columnId,a=e.rowIndex,n=e.columnIndex,s=e.ariaLabel,f=e.isMasked,m=e.isRowHeader,v=e.isSelectable,g=e.isSelected,w=e.isHighlighted,E=e.children,C=e.onCellSelect,O=e.height,x=e.intl,S=(0,d.useRef)(),I=(0,d.useContext)(_.default),M=(0,d.useContext)(b.default),R=(0,d.useContext)(h.default),N=(0,d.useState)(!1),P=(0,u.default)(N,2),j=P[0],D=P[1],H=(0,d.useState)(!1),k=(0,u.default)(H,2),W=k[0],T=k[1],L=M.role===b.GridConstants.GRID,z=function(){return(0,o.default)(S.current.querySelectorAll("".concat("a[href]:not([tabindex='-1']), area[href]:not([tabindex='-1']), input:not([disabled]):not([tabindex='-1']), select:not([disabled]):not([tabindex='-1']), textarea:not([disabled]):not([tabindex='-1']), button:not([disabled]):not([tabindex='-1']), iframe:not([tabindex='-1']), [tabindex]:not([tabindex='-1']), [contentEditable=true]:not([tabindex='-1'])"))).filter((function(e){return!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden")})).length>0};(0,d.useEffect)((function(){L&&D(z())}),[L]);var A,q=function(){T(!1),M.setCellAriaLiveMessage&&M.setCellAriaLiveMessage(x.formatMessage({id:"Terra.table.resume-navigation"}))};A=f?d.default.createElement("span",{className:y("no-data-cell",I.className)},x.formatMessage({id:"Terra.table.maskedCell"})):E||d.default.createElement("span",{className:y("no-data-cell",I.className)},x.formatMessage({id:"Terra.table.blank"}));var G=y("cell",{masked:f,pinned:n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var a={},l="wrapper";function s(e){var n=e.components,t=d(e,r);return(0,o.mdx)(l,i({},a,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"docker-development-environment"},"Docker Development Environment"),(0,o.mdx)("p",null,"Terra provides a docker development environment that allows developers access to a common environment to develop Terra components regardless of the OS they are developing on."),(0,o.mdx)("h2",{id:"services"},"Services"),(0,o.mdx)("p",null,"In each Terra repository there is a docker-compose.yml file that defines several services, most importantly ",(0,o.mdx)("inlineCode",{parentName:"p"},"dev"),"."),(0,o.mdx)("h3",{id:"dev-service"},"Dev Service"),(0,o.mdx)("p",null,"The dev service provides a linux environment with node, npm and the zsh terminal pre-installed. By default the dev service volume mounts the entire local repo directory into the docker container to enable hot reloading during development."),(0,o.mdx)("h3",{id:"standalone-chrome-service"},"Standalone Chrome Service"),(0,o.mdx)("p",null,"Terra's webdriver.io integration tests must run against selenium standalone-chrome node, so this service is required to run wdio tests. It is started alongside the dev and test-ci services."),(0,o.mdx)("h2",{id:"sharing-node_modules"},"Sharing ",(0,o.mdx)("inlineCode",{parentName:"h2"},"node_modules")),(0,o.mdx)("p",null,"The docker development environment intentionally will write out ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," to the shared host volume. This provides several benefits:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Simpler volume mounting, everything edited in the repo is shared to the docker container."),(0,o.mdx)("li",{parentName:"ul"},"Node module caching. For the development containers ",(0,o.mdx)("inlineCode",{parentName:"li"},"npm install")," is run at run time of the docker container (opposed to build time). This is done to allow ",(0,o.mdx)("inlineCode",{parentName:"li"},"npm install")," to discover local dependencies. To avoid long startup times ",(0,o.mdx)("inlineCode",{parentName:"li"},"node_modules")," are cached to the local volume. If ",(0,o.mdx)("inlineCode",{parentName:"li"},"node_modules")," are found ",(0,o.mdx)("inlineCode",{parentName:"li"},"npm install")," is not run at run time.")),(0,o.mdx)("h2",{id:"before-development"},"Before Development"),(0,o.mdx)("p",null,"To build all the services in the docker-compose file, run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker-compose build\n")),(0,o.mdx)("h2",{id:"developing"},"Developing"),(0,o.mdx)("p",null,"To get started developing with the dev service, run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker-compose run --service-ports dev\n")),(0,o.mdx)("p",null,"This will start the docker container for the repo, run npm install (if ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," are not detected) and then launch the zsh terminal. Then you're free to use your favorite editor to manipulate the code in the repo. Simply run ",(0,o.mdx)("inlineCode",{parentName:"p"},"npm run start")," once the terminal has launched to start the server."),(0,o.mdx)("h2",{id:"testing"},"Testing"),(0,o.mdx)("p",null,"It is required to use the ",(0,o.mdx)("inlineCode",{parentName:"p"},"--service-ports")," flag when running either service to run wdio tests from the docker container. This maps the service's ports to the host."),(0,o.mdx)("h2",{id:"after-development"},"After development"),(0,o.mdx)("p",null,"After you've finished running development (or periodically), run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker-compose down\n")),(0,o.mdx)("p",null,"This will stop the standalone-chrome service that will otherwise be left running on your device."),(0,o.mdx)("h2",{id:"using-local-dependencies"},"Using Local Dependencies"),(0,o.mdx)("p",null,"Local dependencies are supported in the docker development environment, but require an additional step. For the docker container to be able to find the local dependency, it must be volume mounted to the docker container from the dev service."),(0,o.mdx)("p",null,"For example:"),(0,o.mdx)("p",null,"package.json"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-json"},'"dependencies": {\n "classnames": "file:../classnames",\n}\n')),(0,o.mdx)("p",null,"docker-compose.yml"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-diff"},'dev:\n image: "terra-ui:dev"\n build:\n context: ./\n args:\n - npm_install=false\n ports:\n - 8080:8080\n volumes:\n - .:/opt/module\n+ # This is the local dependency volume mount.\n+ - ../classnames:/opt/classnames\n')),(0,o.mdx)("h2",{id:"other-ways-to-run-the-zsh-terminal"},"Other Ways to Run the Zsh Terminal"),(0,o.mdx)("p",null,"It is also possible to run the Zsh terminal on a docker container. To attach to a running docker container, run:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-bash"},"docker exec -it /bin/zsh\n")),(0,o.mdx)("h2",{id:"troubleshooting"},"Troubleshooting"),(0,o.mdx)("h3",{id:"error-missing-binding"},"Error: Missing binding"),(0,o.mdx)("p",null,"This error means that a node_module install for one environment is being run in another. Likely this means that you ran npm install on your host OS and are now trying to use that module in your docker container or the opposite. To resolve the issue delete the ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," folder and run npm_install where you are attempting to start the server."),(0,o.mdx)("h3",{id:"dependency-changes-not-taking-effect"},"Dependency changes not taking effect"),(0,o.mdx)("p",null,"npm install is triggered at run time of the docker container. If a ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," directory is found npm install will not run. If dependencies have changed the script checking for ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," isn't smart enough to re-run npm install. To resolve the issue either terminate the service and run npm install or delete the ",(0,o.mdx)("inlineCode",{parentName:"p"},"node_modules")," folder and rerun the docker container."))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10885-f095636ece1120ec1009.css b/10885-f095636ece1120ec1009.css new file mode 100644 index 0000000000..06b201ce46 --- /dev/null +++ b/10885-f095636ece1120ec1009.css @@ -0,0 +1,4 @@ +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-svg-icon{display:inline-block;height:.625rem;width:.625rem}.carbon-graph-container{color:#1c1f21;color:var(--terra-graphs-dark);display:block;width:100%}[dir] .carbon-graph-container{padding-bottom:.8333rem;padding-top:.8333rem}.carbon-graph-container svg:not(:root){overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.carbon-graph-canvas{box-sizing:border-box;display:block;overflow-x:hidden;overflow-y:auto}.carbon-axis path.domain,.carbon-axis line{fill:none;stroke:#bcbfc0;stroke:var(--terra-graphs-grey30)}.carbon-grid line,.carbon-content-container{shape-rendering:auto}.carbon-axis-x[aria-hidden=true],.carbon-axis-y[aria-hidden=true],.carbon-axis-y2[aria-hidden=true],.carbon-axis-info-row[aria-hidden=true]{display:none}.carbon-axis.carbon-axis-reference-line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:2px}.carbon-grid>* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-data-pair--selected{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-data-pair--selected{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-paired-point[aria-disabled=false]{cursor:pointer}.carbon-paired-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-paired-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-paired-line{fill:none;stroke:#1c1f21;stroke:var(--terra-graphs-dark);stroke-width:1px}[dir] .carbon-paired-line[aria-disabled=false]{cursor:pointer}.carbon-paired-line[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-paired-line[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/109-59f4d77559d8b364631f.css b/109-59f4d77559d8b364631f.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/109-59f4d77559d8b364631f.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/109-59f4d77559d8b364631f.js b/109-59f4d77559d8b364631f.js new file mode 100644 index 0000000000..4320910ab9 --- /dev/null +++ b/109-59f4d77559d8b364631f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[109,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,l){var n=l(64836);a.Z=void 0;var m=n(l(67294)),d=n(l(45697)),r=n(l(47166)),i=n(l(17422)),t=r.default.bind(i.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,l=e.name,n=e.url,d=e.version,r=m.default.createElement("a",{className:t("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(d)},m.default.createElement("span",{className:t("badge-name")},n?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(d))),i=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},109:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var n=l(81254),m=l(15985),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,d);return(0,n.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"3170---march-1-2023"},"3.17.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated alt prop to include ",(0,n.mdx)("inlineCode",{parentName:"li"},"Deceased")," string when ",(0,n.mdx)("inlineCode",{parentName:"li"},"isDeceased")," prop is set based on its value.")))),(0,n.mdx)("h2",{id:"3160---february-15-2023"},"3.16.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"3151---january-31-2023"},"3.15.1 - (January 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-image"))))),(0,n.mdx)("h2",{id:"3150---december-7-2022"},"3.15.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3141---january-4-2022"},"3.14.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3140---september-28-2021"},"3.14.0 - (September 28, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"migrate doc to terra-core-docs")))),(0,n.mdx)("h2",{id:"3130---september-21-2021"},"3.13.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"3120---april-6-2021"},"3.12.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Updated jest tests to not require a jpg mock.")))),(0,n.mdx)("h2",{id:"3110---january-5-2021"},"3.11.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"3100---december-8-2020"},"3.10.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"390---november-17-2020"},"3.9.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"380---august-4-2020"},"3.8.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"370---july-29-2020"},"3.7.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,n.mdx)("h2",{id:"360---july-7-2020"},"3.6.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"350---june-9-2020"},"3.5.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"340---june-2-2020"},"3.4.0 - (June 2, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated jest snapshots for terra-image change.")))),(0,n.mdx)("h2",{id:"330---may-19-2020"},"3.3.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,n.mdx)("h2",{id:"320---april-28-2020"},"3.2.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"310---april-22-2020"},"3.1.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation links"),(0,n.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,n.mdx)("h2",{id:"300---march-31-2020"},"3.0.0 - (March 31, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Breaking Change",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Changed the fallback behavior of Avatar. Such that if the image fails to load, the avatar falls back to the initials display instead of default user icon."),(0,n.mdx)("li",{parentName:"ul"},"To Make all User avatars available in same variant ",(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent has been added."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent replaces the ",(0,n.mdx)("inlineCode",{parentName:"li"},"sharedUser")," subcomponent."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," subcomponent contains a ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," prop that toggles between ",(0,n.mdx)("inlineCode",{parentName:"li"},"single-user"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"shared-user"),", and ",(0,n.mdx)("inlineCode",{parentName:"li"},"provider")," user avatar."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"user")," avatar has been moved into ",(0,n.mdx)("inlineCode",{parentName:"li"},"generic")," sub-comopnent with varaint name ",(0,n.mdx)("inlineCode",{parentName:"li"},"single-user"),".")))),(0,n.mdx)("h2",{id:"2360---march-10-2020"},"2.36.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2350---february-25-2020"},"2.35.0 - (February 25, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2340---february-18-2020"},"2.34.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,n.mdx)("h2",{id:"2330---february-4-2020"},"2.33.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,n.mdx)("h2",{id:"2320---january-7-2020"},"2.32.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2310---december-3-2019"},"2.31.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots for terra-image change.")))),(0,n.mdx)("h2",{id:"2300---october-30-2019"},"2.30.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,n.mdx)("h2",{id:"2290---october-3-2019"},"2.29.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---september-26-2019"},"2.28.0 - (September 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---september-19-2019"},"2.27.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Introduce background-clip themeable variable.")))),(0,n.mdx)("h2",{id:"2260---september-6-2019"},"2.26.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"2250---august-21-2019"},"2.25.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"2240---august-14-2019"},"2.24.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed issue for avatar to allow non-square images by sending ",(0,n.mdx)("inlineCode",{parentName:"li"},"Fit")," as ",(0,n.mdx)("inlineCode",{parentName:"li"},"cover"),"."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"2230---july-30-2019"},"2.23.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2220---july-24-2019"},"2.22.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2210---july-16-2019"},"2.21.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"2200----july-11-2019"},"2.20.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2190---july-9-2019"},"2.19.0 - (July 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,n.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,n.mdx)("h2",{id:"2180---june-28-2019"},"2.18.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2170---june-18-2019"},"2.17.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,n.mdx)("h2",{id:"2160---june-11-2019"},"2.16.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,n.mdx)("h2",{id:"2150---may-1-2019"},"2.15.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2140---april-16-2019"},"2.14.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2130---april-2-2019"},"2.13.0 - (April 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2120---march-26-2019"},"2.12.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"2110---march-21-2019"},"2.11.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed terra-form-select dependency")))),(0,n.mdx)("h2",{id:"2100---march-6-2019"},"2.10.0 - (March 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---march-5-2019"},"2.9.0 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fallback icon on invalid image now renders correctly."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"CSS classes to handle fallback and deceased edge cases.")))),(0,n.mdx)("h2",{id:"280---february-26-2019"},"2.8.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---february-12-2019"},"2.7.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---february-5-2019"},"2.6.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"250---january-28-2019"},"2.5.0 - (January 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"240---january-26-2019"},"2.4.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---january-22-2019"},"2.3.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Refactor 'netraul' theme var to 'neutral'")))),(0,n.mdx)("h2",{id:"210---january-8-2019"},"2.1.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added theme variable change to upgrade guide")))),(0,n.mdx)("h2",{id:"200---january-2-2019"},"2.0.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Breaking Change"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed variant prop"),(0,n.mdx)("li",{parentName:"ul"},"Initials prop now only accepts one or two letters"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Split avatar into three functional sub-components - avatar, facility, and shared user."),(0,n.mdx)("li",{parentName:"ul"},"Split theme tests into their own package"),(0,n.mdx)("li",{parentName:"ul"},"Refactor box shadow to after element"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added color variants"),(0,n.mdx)("li",{parentName:"ul"},"Added alt, color, hashValue, isDeceased, isAriaHidden, and size props")))),(0,n.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1280---november-13-2018"},"1.28.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1270---november-9-2018"},"1.27.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1260---october-30-2018"},"1.26.0 - (October 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,n.mdx)("h2",{id:"1250---october-24-2018"},"1.25.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1240---october-16-2018"},"1.24.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1230---october-8-2018"},"1.23.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1220---october-2-2018"},"1.22.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1210---september-25-2018"},"1.21.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1201---september-6-2018"},"1.20.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"1200---september-5-2018"},"1.20.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"1190---september-4-2018"},"1.19.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1180---august-29-2018"},"1.18.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1170---august-1-2018"},"1.17.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1160---july-19-2018"},"1.16.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"1140---july-10-2018"},"1.14.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1130---june-28-2018"},"1.13.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed bug with extra space showing below image avatar"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"1120---june-22-2018"},"1.12.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Fixed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed image flickering when updating ",(0,n.mdx)("inlineCode",{parentName:"li"},"image"),", ",(0,n.mdx)("inlineCode",{parentName:"li"},"alt"),", or ",(0,n.mdx)("inlineCode",{parentName:"li"},"variant")," props")))),(0,n.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"190---may-23-2018"},"1.9.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---may-16-2018"},"1.8.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"170---may-9-2018"},"1.7.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---may-2-2018"},"1.6.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---april-20-2018"},"1.5.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---april-15-2018"},"1.4.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"130---april-5-2018"},"1.3.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---march-30-2018"},"1.2.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---march-14-2018"},"1.1.0 - (March 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Exported AvatarVariants constants.")))),(0,n.mdx)("h2",{id:"100---march-6-2018"},"1.0.0 - (March 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,n.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(m.C,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},15985:function(e,a,l){l.d(a,{C:function(){return d}});var n=l(67294),m=l(22863),d=function(e){var a=e.url;return n.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-avatar",name:"terra-avatar",version:"3.17.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10925-b6e0d4b7dcb77f0a3b75.js b/10925-b6e0d4b7dcb77f0a3b75.js new file mode 100644 index 0000000000..275557e6f1 --- /dev/null +++ b/10925-b6e0d4b7dcb77f0a3b75.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10925],{59263:function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},allowCalibration:!1,showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},64531:function(e,n,a){var r=a(64836);n.Z=void 0;var t=r(a(67294)),i=r(a(54520)),o=r(a(53334));a(56867),a(39003);var l=r(a(93065)),s=r(a(59263)),p=r(a(66177)),d=o.default.deepClone((0,s.default)("#disableCalibration")),c=o.default.deepClone(p.default);n.Z=function(){return t.default.useEffect((function(){i.default.api.graph(d).loadContent(i.default.api.line(c))}),[]),t.default.createElement(l.default,{id:"disableCalibration"})}},10925:function(e,n,a){a.r(n),a.d(n,{default:function(){return j}});var r=a(67294),t=a(81254),i=a(64531),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var p={};function d(e){var n=e.components,a=s(e,o);return(0,t.mdx)("wrapper",l({},p,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getLineDefaultNoCalibrationConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Line/lineDefaultNoCalibration';\nimport exampleData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Line/dataset6';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getLineDefaultNoCalibrationConfig('#disableCalibration'));\nconst dataset = utils.deepClone(exampleData);\n\nconst DisableCalibrationLineExample = () => {\n React.useEffect(() => {\n const graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.line(dataset));\n }, []);\n\n return (\n \n );\n};\n\nexport default DisableCalibrationLineExample;\n\n\n")))}d.isMDXComponent=!0;var c=a(49271),m=a(25005),u=function(e){var n=e.title,a=e.description,t=e.isExpanded;return r.createElement(c.Z,{title:n||"Disable Calibration",description:a,example:r.createElement(i.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(d,null),isExpanded:t})},b=a(91701),f=a(32792),h=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}a(51320);var C={},y="wrapper";function j(e){var n=e.components,a=x(e,h);return(0,t.mdx)(y,g({},C,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"disable-calibration"},"Disable Calibration"),(0,t.mdx)("p",null,"This is a simple line graph with calibration disabled."),(0,t.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Install with ",(0,t.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,t.mdx)("h2",{id:"example"},"Example"),(0,t.mdx)(u,{mdxType:"LineGraph"}),(0,t.mdx)("details",null,(0,t.mdx)("summary",{style:{fontSize:24}},(0,t.mdx)("b",null,"Data")),(0,t.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,t.mdx)(b.Z,{mdxType:"GraphConfig"}),(0,t.mdx)("h3",{id:"data-object"},"Data object"),(0,t.mdx)(f.Z,{mdxType:"DataObject"})))}j.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/10930-c313825d75b5a8c2e4c5.js b/10930-c313825d75b5a8c2e4c5.js new file mode 100644 index 0000000000..ad553f9cef --- /dev/null +++ b/10930-c313825d75b5a8c2e4c5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10930],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),i=d(l(47166)),r=d(l(17422)),t=i.default.bind(r.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,i=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),r=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},i,r)};p.propTypes=u;var x=p;a.Z=x},10930:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var d=l(81254),m=l(27025),n=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=r(e,n);return(0,d.mdx)(u,i({},t,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4980---october-11-2023"},"4.98.0 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4970---october-3-2023"},"4.97.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4960---september-21-2023"},"4.96.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error that occurs when date format is called upon null reference\nwhen time transitions from DST to ST.")))),(0,d.mdx)("h2",{id:"4950---september-19-2023"},"4.95.0 - (September 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4940---september-5-2023"},"4.94.0 - (September 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4930---august-31-2023"},"4.93.0 - (August 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4921---august-4-2023"},"4.92.1 - (August 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4920---august-2-2023"},"4.92.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4910---july-31-2023"},"4.91.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4900---july-25-2023"},"4.90.0 - (July 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4890---july-19-2023"},"4.89.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4880---july-4-2023"},"4.88.0 - (July 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4870---june-12-2023"},"4.87.0 - (June 12, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4860---june-5-2023"},"4.86.0 - (June 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4850---may-25-2023"},"4.85.0 - (May 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4840---may-11-2023"},"4.84.0 - (May 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4830---april-27-2023"},"4.83.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4820---march-29-2023"},"4.82.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots.")))),(0,d.mdx)("h2",{id:"4810---march-1-2023"},"4.81.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshot for terra-button changes")))),(0,d.mdx)("h2",{id:"4800---february-14-2023"},"4.80.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added event.persist to fix onBlur bug."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO test and screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4790---february-7-2023"},"4.79.0 - (February 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4780---december-13-2022"},"4.78.0 - (December 13, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4770---september-20-2022"},"4.77.0 - (September 20, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed Keyboard navigation when moving over the start day of DST.")))),(0,d.mdx)("h2",{id:"4760---july-27-2022"},"4.76.0 - (July 27, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4750---march-29-2022"},"4.75.0 - (March 29, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added keyboard shortcuts ",(0,d.mdx)("inlineCode",{parentName:"li"},"N"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"-"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"+"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"A"),", and ",(0,d.mdx)("inlineCode",{parentName:"li"},"P")," for auto-setting date and time values.")))),(0,d.mdx)("h2",{id:"4740---march-15-2022"},"4.74.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrated docs to terra framework docs")))),(0,d.mdx)("h2",{id:"4731---march-1-2022"},"4.73.1 - (March 1, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4730---february-15-2022"},"4.73.0 - (February 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor test updates due to Time Input dependency changes")))),(0,d.mdx)("h2",{id:"4723---february-9-2022"},"4.72.3 - (February 9, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4722---february-2-2022"},"4.72.2 - (February 2, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4721---january-4-2022"},"4.72.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to terra-button-group update")))),(0,d.mdx)("h2",{id:"4720---november-16-2021"},"4.72.0 - (November 16, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4710---november-9-2021"},"4.71.0 - (November 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated tests due to rounding differences in terra-abstract-modal")))),(0,d.mdx)("h2",{id:"4701---november-3-2021"},"4.70.1 - (November 3, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4700---november-2-2021"},"4.70.0 - (November 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4690---october-14-2021"},"4.69.0 - (October 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4680---october-12-2021"},"4.68.0 - (October 12, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4670---september-20-2021"},"4.67.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Tests updated to reflect input splitting in ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-date-picker"),"."),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use hooks."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"4660---july-21-2021"},"4.66.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-form-field")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v4.5.0"),".")))),(0,d.mdx)("h2",{id:"4650---july-20-2021"},"4.65.0 - (July 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4640---july-13-2021"},"4.64.0 - (July 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4630---june-8-2021"},"4.63.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),"."),(0,d.mdx)("li",{parentName:"ul"},"screenshot updates")))),(0,d.mdx)("h2",{id:"4620---june-1-2021"},"4.62.0 - (June 1, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4610---may-4-2021"},"4.61.0 - (May 4, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4600---april-6-2021"},"4.60.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4590---march-9-2021"},"4.59.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,d.mdx)("h2",{id:"4580---february-9-2021"},"4.58.0 - (February 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4570---february-2-2021"},"4.57.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4560---january-26-2021"},"4.56.0 - (January 26, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4550---january-5-2021"},"4.55.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl")," instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," for react-intl v2-v5 compatibility"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4540---december-8-2020"},"4.54.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"initialTimeZone")," prop which takes a valid timezone string. This enables date-time-picker set to a particular timezone. The default timezone is set to the local/browser timezone."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed flaky test failure due to loading unintended test example.")))),(0,d.mdx)("h2",{id:"4530---november-24-2020"},"4.53.0 - (November 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4520---november-10-2020"},"4.52.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"4510---october-20-2020"},"4.51.0 - (October 20, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4500---october-13-2020"},"4.50.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4490---october-6-2020"},"4.49.0 - (October 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4480---september-29-2020"},"4.48.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4470---september-16-2020"},"4.47.0 - (September 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"onClickOutside")," prop has been deprecated, will resolve to ",(0,d.mdx)("inlineCode",{parentName:"li"},"onRequestClose")),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio snapshots due to changes in date-picker and time-input"),(0,d.mdx)("li",{parentName:"ul"},"Update ",(0,d.mdx)("inlineCode",{parentName:"li"},"timeVariant")," prop description to include ",(0,d.mdx)("inlineCode",{parentName:"li"},"es")," in locales supporting only 24 hour format.")))),(0,d.mdx)("h2",{id:"4460---september-10-2020"},"4.46.0 - (September 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix to clear out invalid date value when time input selected in date-time-picker.")))),(0,d.mdx)("h2",{id:"4450---august-18-2020"},"4.45.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4440---august-11-2020"},"4.44.0 - (August 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4430---august-4-2020"},"4.43.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"4420---july-28-2020"},"4.42.0 - (July 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated color for previous and next month buttons in calendar to meet the minimum contrast ratio.")))),(0,d.mdx)("h2",{id:"4400---july-14-2020"},"4.40.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),"."),(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,d.mdx)("h2",{id:"4390---june-16-2020"},"4.39.0 - (June 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update ",(0,d.mdx)("inlineCode",{parentName:"li"},"maxDate")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"minDate")," prop description to clarify usage.")))),(0,d.mdx)("h2",{id:"4380---june-9-2020"},"4.38.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update test and screenshots to account for min/max changes in DatePicker."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio screenshots failing in main.")))),(0,d.mdx)("h2",{id:"4370---may-19-2020"},"4.37.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update screenshots due to change in button hover.")))),(0,d.mdx)("h2",{id:"4360---april-28-2020"},"4.36.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"4350---april-14-2020"},"4.35.0 - (April 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error that occurs during remount when setting focus with a null reference to the hour input.")))),(0,d.mdx)("h2",{id:"4340---april-6-2020"},"4.34.0 - (April 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to focus style changes in react-datepicker.")))),(0,d.mdx)("h2",{id:"4330---march-31-2020"},"4.33.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4320---march-24-2020"},"4.32.0 - (March 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated props documentation")))),(0,d.mdx)("h2",{id:"4310---march-10-2020"},"4.31.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback to also return the following metadata: dateValue, timeValue and isAmbiguousHour"),(0,d.mdx)("li",{parentName:"ul"},"Changed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChange")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callbacks to return the following metadata as part of the third parameter: iso, inputValue, dateValue, timeValue, isAmbiguousHour, isCompleteValue, isValidValue")))),(0,d.mdx)("h2",{id:"4300---march-3-2020"},"4.30.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4290---february-25-2020"},"4.29.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4280---february-18-2020"},"4.28.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4270---february-4-2020"},"4.27.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed date-time-picker issue of updating default value programmatically")))),(0,d.mdx)("h2",{id:"4260---january-28-2020"},"4.26.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"4250---january-7-2020"},"4.25.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4240---december-16-2019"},"4.24.0 - (December 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4230---december-10-2019"},"4.23.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to changes in react-datepicker colors.")))),(0,d.mdx)("h2",{id:"4220---november-26-2019"},"4.22.0 - (November 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed eslint error regarding operator-assignment.")))),(0,d.mdx)("h2",{id:"4210---november-20-2019"},"4.21.0 - (November 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4200---november-18-2019"},"4.20.0 - (November 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4190---november-7-2019"},"4.19.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"4180---october-30-2019"},"4.18.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Force update to render the missing hour."),(0,d.mdx)("li",{parentName:"ul"},"Duplicate ID in examples changed."),(0,d.mdx)("li",{parentName:"ul"},"Changed 12-hour format appearance for mobile and desktop."),(0,d.mdx)("li",{parentName:"ul"},"Meridiem select on Desktop has been changed to buttons which means that the WebdriverIO reference screenshots (if any) and/or any code in the consumer application that accesses the old meridiem select functionality on the Desktop view need to be updated.")))),(0,d.mdx)("h2",{id:"4170---october-21-2019"},"4.17.0 - (October 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots to account for button updates in terra-date-picker"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed onBlur event data for entering invalid dates.")))),(0,d.mdx)("h2",{id:"4160---october-16-2019"},"4.16.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isIncomplete")," prop and stylings"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalid")," prop and stylings"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isInvalidMeridiem")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"required")," prop")))),(0,d.mdx)("h2",{id:"4150---october-3-2019"},"4.15.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update the ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant")," prop description to call out which locales do not use the 12-hour time notation.")))),(0,d.mdx)("h2",{id:"4140---september-26-2019"},"4.14.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"4130---september-19-2019"},"4.13.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"browser.refresh()")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"date-time-picker-spec")," to support wdio tests failing in theming repos."),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest snapshots and WDIO screenshots"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations."),(0,d.mdx)("li",{parentName:"ul"},"Updated documentations to call out the supported ISO 8601 date time format.")))),(0,d.mdx)("h2",{id:"4120---september-6-2019"},"4.12.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed ",(0,d.mdx)("inlineCode",{parentName:"li"},"onBlur")," prop to receive correct date and time upon resolving ambiguous hour to Standard time in the Time Clarification modal.")))),(0,d.mdx)("h2",{id:"4110---august-21-2019"},"4.11.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix JS error when losing focus from an empty date input."),(0,d.mdx)("li",{parentName:"ul"},"Fixed ambiguous hour that occurs in the southern hemisphere."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a function to DateTimeUtil."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed extra calls to hide the caret in inputs (some are still needed because ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-time-input")," explicitly sets a ",(0,d.mdx)("inlineCode",{parentName:"li"},"caret-color"),")."),(0,d.mdx)("li",{parentName:"ul"},"Removed styles hiding carets on test pages when not running within WDIO")))),(0,d.mdx)("h2",{id:"4100---august-14-2019"},"4.10.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow blur to be handled after the date time ambiguity is resolved."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed all the accessibility issues and updated the tests and screenshots accordingly."),(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,d.mdx)("li",{parentName:"ul"},"Updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Corrected Typos."),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to work with changes in terra-date-picker."),(0,d.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's context rather than old React Context API.")))),(0,d.mdx)("h2",{id:"490---july-30-2019"},"4.9.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"481---july-23-2019"},"4.8.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"480---july-23-2019"},"4.8.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"When the date-time picker time clarification modal is open on touch devices, it will now focus on the first interactive DOM element within it. This enables focus to be shifted into the modal correctly when using VoiceOver on iOS.")))),(0,d.mdx)("h2",{id:"470---july-16-2019"},"4.7.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"),(0,d.mdx)("li",{parentName:"ul"},"Added the ability for the user to enter seconds in the time input")))),(0,d.mdx)("h2",{id:"460---july-10-2019"},"4.6.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Fixed tests to appropriately reset before beginning next test.")))),(0,d.mdx)("h2",{id:"450---july-2-2019"},"4.5.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Screenshots updated for mobile view."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test to work with changes in terra-date-picker"),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"440---june-19-2019"},"4.4.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"430---june-12-2019"},"4.3.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots for date-picker changes."),(0,d.mdx)("li",{parentName:"ul"},"Updated daylight savings time/standard time button to have aria-label and title with additional timezone info, to clarify its meaning."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed wdio tests by calling browser.refresh() on subsequent loads instead of loading the url directly."),(0,d.mdx)("li",{parentName:"ul"},"Focus now automatically moves to the hour input after a date is selected from the picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"420---may-21-2019"},"4.2.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed js error in the filterDate example.")))),(0,d.mdx)("h2",{id:"410---may-15-2019"},"4.1.0 - (May 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"400---may-13-2019"},"4.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Update the filterDate examples to handle an ISO string instead of a moment object."),(0,d.mdx)("li",{parentName:"ul"},"Leverage createSafeDate from the DateUtil."),(0,d.mdx)("li",{parentName:"ul"},"Changed the onBlur event to get triggered only when the entire date time picker component loses focus."),(0,d.mdx)("li",{parentName:"ul"},"Updated upgrade guide."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed 'onInputFocus' prop in favor of the added 'onFocus' prop."),(0,d.mdx)("li",{parentName:"ul"},"Remove minDateTime and maxDateTime props. These props are being renamed to minDate and maxDate."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added 'onFocus' prop since 'preventOpenOnFocus' can be used to prevent picker from opening on focus."),(0,d.mdx)("li",{parentName:"ul"},"Add minDate and maxDate props. These props replace minDateTime and maxDateTime for the purpose of ignoring the time portion when determining the min/max range.")))),(0,d.mdx)("h2",{id:"3160---may-7-2019"},"3.16.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changes made to the time is now preserved when the modification is made with an invalid date.")))),(0,d.mdx)("h2",{id:"3150---april-24-2019"},"3.15.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added timeVariant prop to datetime picker to support 12-hour format."),(0,d.mdx)("li",{parentName:"ul"},"Added example for time variant on terra-dev site"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added onSelect function prop that fires when selecting a date via date picker."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"3140---april-16-2019"},"3.14.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"3130---april-9-2019"},"3.13.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"3120---april-2-2019"},"3.12.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"3110---march-26-2019"},"3.11.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated prop onChange call logic with respect to ambiguous date-times."),(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"3100---march-20-2019"},"3.10.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"390---march-12-2019"},"3.9.0 - (March 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"380---march-5-2019"},"3.8.0 - (March 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"370---february-26-2019"},"3.7.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed browser.execute functions in wdio spec to be strings for IE and FF driver compatibility")))),(0,d.mdx)("h2",{id:"360---february-13-2019"},"3.6.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Throws NPE if manually entered valid date is outside of allotted datetime range.")))),(0,d.mdx)("h2",{id:"350---february-5-2019"},"3.5.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate package to the terra-framework repository")))),(0,d.mdx)("h2",{id:"340---january-26-2019"},"3.4.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---january-22-2019"},"3.3.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated examples to use ModalManager v4"),(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2390---january-2-2019"},"2.39.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed use of componentWillReceiveProps"),(0,d.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount"),(0,d.mdx)("li",{parentName:"ul"},"Updated component to use injectIntl"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2381---november-20-2018"},"2.38.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2380---november-19-2018"},"2.38.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2370---november-13-2018"},"2.37.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2360---november-9-2018"},"2.36.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---october-24-2018"},"2.35.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2340---october-16-2018"},"2.34.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2330---october-8-2018"},"2.33.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---october-2-2018"},"2.32.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2310---september-25-2018"},"2.31.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2301---september-6-2018"},"2.30.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2300---september-5-2018"},"2.30.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2290---september-4-2018"},"2.29.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---august-29-2018"},"2.28.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---august-21-2018"},"2.27.0 - (August 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---august-8-2018"},"2.26.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2250---august-1-2018"},"2.25.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2241---july-26-2018"},"2.24.1 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2240---july-25-2018"},"2.24.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolve issue where disabled component doesn't disable time clarification")))),(0,d.mdx)("h2",{id:"2230---july-19-2018"},"2.23.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated translations"),(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)"),(0,d.mdx)("li",{parentName:"ul"},"Use datepicker that consumes new form inputs.")))),(0,d.mdx)("h2",{id:"2220---july-17-2018"},"2.22.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"),(0,d.mdx)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(0,d.mdx)("h2",{id:"2210---july-10-2018"},"2.21.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2200---july-3-2018"},"2.20.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added source code for examples on terra-dev-site")))),(0,d.mdx)("h2",{id:"2190---june-28-2018"},"2.19.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Replaced nightwatch tests with wdio"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2180---june-22-2018"},"2.18.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"2170---june-19-2018"},"2.17.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2160---june-13-2018"},"2.16.0 - (June 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---june-12-2018"},"2.15.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,d.mdx)("h2",{id:"2140---may-30-2018"},"2.14.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2130---may-25-2018"},"2.13.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2120---may-23-2018"},"2.12.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependency on terra-modal removed, now depends on terra-abstract-modal.")))),(0,d.mdx)("h2",{id:"2110---may-16-2018"},"2.11.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---may-9-2018"},"2.10.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---may-2-2018"},"2.9.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---april-20-2018"},"2.8.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped devDependency on terra-modal-manager to use 2.x version")))),(0,d.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update lower bound version of moment.js to latest release")))),(0,d.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,d.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"disabled")," prop")))),(0,d.mdx)("h2",{id:"170---february-1-2018"},"1.7.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---january-18-2018"},"1.6.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---january-5-2018"},"1.5.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"140---november-28-2017"},"1.4.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---november-16-2017"},"1.3.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Handle unacceptable default dates.")))),(0,d.mdx)("h2",{id:"120---november-7-2017"},"1.2.0 - (November 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---october-31-2017"},"1.1.0 - (October 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"100---october-24-2017"},"1.0.0 - (October 24, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,d.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},27025:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-time-picker",name:"terra-date-time-picker",version:"4.98.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/10947-f921cd02c410f22e4428.js b/10947-f921cd02c410f22e4428.js new file mode 100644 index 0000000000..7da89a8472 --- /dev/null +++ b/10947-f921cd02c410f22e4428.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10947],{47693:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(47166)),o=i(n(74524));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18},"Font Color: 'default' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["attention"])},"Font Color: 'attention' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["success"])},"Font Color: 'success' class"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,colorClass:s(["info"])},"Font Color: 'info' class"))}},3075:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(30381)),o=i(n(29270));function i(e){return e&&e.__esModule?e:{default:e}}var s=(0,l.default)("01-06-2022","MM-DD-YYYY").format("MM-DD-YYYY");t.Z=function(){return r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Date format using Semantic Element:"),r.default.createElement(a.default,{id:"dateTest"},r.default.createElement("time",{dateTime:s},s)),r.default.createElement("p",null,"Date format using custom labels:"),r.default.createElement(a.default,{id:"text"},r.default.createElement(o.default,{text:"June, 01, 2017"}),r.default.createElement("span",{"aria-hidden":"true"},"2017-06-01")),r.default.createElement("p",null,"Date format using date as a string:"),r.default.createElement(a.default,{id:"text"},"2017/06/01"))}},1131:function(e,t,n){"use strict";t.Z=void 0;var r=u(n(67294)),a=u(n(78490)),l=u(n(5071)),o=u(n(47166)),i=u(n(59865)),s=u(n(74524)),d=u(n(7192));function u(e){return e&&e.__esModule?e:{default:e}}var c=o.default.bind(i.default),m=o.default.bind(s.default),f=o.default.bind(d.default);t.Z=function(){return r.default.createElement("div",null,r.default.createElement("h2",null,"Fonts",r.default.createElement("br",null),r.default.createElement(l.default,{weight:400},"Font Stack:",r.default.createElement("span",{className:c(["font-stack"])}))),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 300"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{weight:300,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{weight:300,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:300,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:300,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic Font Weight: 300"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,weight:300,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:300,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 400"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Weight: 700"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{weight:700,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{weight:700,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:700,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{weight:700,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}),r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("h3",null,"Font Style: Italic Font Weight: 700"),r.default.createElement(a.default,{fitStart:r.default.createElement(l.default,{isItalic:!0,weight:700,className:m(["default"]),fontSize:100},"Aa"),fill:r.default.createElement("div",{className:f("content-wrapper")},r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"a b c d e f g h i j k l m n o p q r s t u v w x y z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z"),r.default.createElement("br",null),r.default.createElement(l.default,{isItalic:!0,weight:700,fontSize:32},"1 2 3 4 5 6 7 8 9 0"))}))}},1194:function(e,t,n){"use strict";t.Z=void 0;var r=l(n(67294)),a=l(n(5071));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:100},"100px (7.143rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:92},"92px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:72},"72px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:64},"64px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:56},"56px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:50},"50px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:46},"46px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:36},"36px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:32},"32px (2.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:24},"24px (1.714rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:20},"20px (1.429rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18},"18px (1.286rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:16},"16px (1.143rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:14},"14px (1rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:12},"12px (0.8571rem)"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:10},"10px (0.7143rem)"))}},61096:function(e,t,n){"use strict";t.Z=void 0;var r=o(n(67294)),a=o(n(5071)),l=o(n(29270));function o(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Time format using Semantic Element:"),r.default.createElement(a.default,{id:"timeTest"},r.default.createElement("time",{dateTime:"10:22:30"},"10:22:30")),r.default.createElement("p",null,"Time format using custom labels:"),r.default.createElement(a.default,{id:"text"},r.default.createElement(l.default,{text:"10 Hours 22 Minutes 30 Seconds"}),r.default.createElement("span",{"aria-hidden":"true"},"10:22:30")))}},80026:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(47166)),o=i(n(74524));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18,colorClass:s(["success"]),isItalic:!0},"Text with color set to",r.default.createElement("code",null,"'success' class")," ","and",r.default.createElement("code",null,"isItalic")),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:24,weight:200},"Text with font-size set to",r.default.createElement("code",null,"24")," ","and weight set to",r.default.createElement("code",null,"200")))}},88196:function(e,t,n){"use strict";t.Z=void 0;var r=l(n(67294)),a=l(n(5071));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement("p",null,"The example below includes a",r.default.createElement("code",null," ")," ","component using the",r.default.createElement("code",null," isVisuallyHidden")," ","prop."),r.default.createElement(a.default,{isVisuallyHidden:!0},"This text is not visible, however it is accessible to screen readers."))}},35720:function(e,t,n){"use strict";t.Z=void 0;var r=l(n(67294)),a=l(n(5071));function l(e){return e&&e.__esModule?e:{default:e}}t.Z=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18,weight:200},"Font Weight: 200"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:300},"Font Weight: 300"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:400},"Font Weight: 400"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:700},"Font Weight: 700"))}},94656:function(e,t,n){"use strict";t.Z=void 0;var r=i(n(67294)),a=i(n(5071)),l=i(n(47166)),o=i(n(7192));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.Z=function(){return r.default.createElement("div",{className:s("text-wrapper")},r.default.createElement(a.default,{id:"text",isWordWrapped:!0},"https://engineering.cerner.com/terra-ui/#/components/terra-text/text/text"))}},22863:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),l=r(n(45697)),o=r(n(47166)),i=r(n(17422)),s=o.default.bind(i.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:s("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:s("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:s("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:s("badge"),href:t},a.default.createElement("span",{className:s("badge-name")},"github"),a.default.createElement("span",{className:s("badge-version")},"source")):void 0;return a.default.createElement("div",{className:s("badge-container")},o,i)};u.propTypes=d;var c=u;t.Z=c},49271:function(e,t,n){"use strict";var r=n(64836),a=n(18698);t.Z=void 0;var l=r(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(67294)),i=r(n(45697)),s=r(n(47166)),d=n(21538),u=r(n(33864)),c=r(n(23399)),m=n(51051),f=r(n(53560));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var x=s.default.bind(f.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,i=e.description,s=e.isExpanded,f=(0,o.useState)(s),p=(0,l.default)(f,2),b=p[0],h=p[1],v=(0,o.useState)(!1),T=(0,l.default)(v,2),_=T[0],j=T[1],E=o.default.useContext(d.ThemeContext),O=void 0!==r,w=function(){j(!_),b&&h(!b)},S=function(){h(!b),_&&j(!_)},z=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",E.className)},o.default.createElement("div",{className:x("header")},a&&o.default.createElement("h2",{className:x("title")},a)),o.default.createElement("div",{className:x("content")},i&&o.default.createElement("div",{className:x("description")},i),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},O&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":_}),onClick:w,onKeyDown:function(e){return z(e,w)},onBlur:g,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":b}),onClick:S,onKeyDown:function(e){return z(e,S)},onBlur:g,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:x("chevron")}))):null,o.default.createElement("div",null,_&&o.default.createElement("div",{className:x("css")},r),b&&o.default.createElement("div",{className:x("code")},n))))};h.propTypes=b,h.defaultProps={isExpanded:!1};var v=h;t.Z=v},54157:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return qe}});var r=n(67294),a=n(81254),l=n(25612),o=n(47693),i=["components"];function s(){return s=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 u={};function c(e){var t=e.components,n=d(e,i);return(0,a.mdx)("wrapper",s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextColors = () => (\n
\n {'Font Color: \\'default\\' class'}\n
\n {'Font Color: \\'attention\\' class'}\n
\n {'Font Color: \\'success\\' class'}\n
\n {'Font Color: \\'info\\' class'}\n
\n);\n\nexport default TextColors;\n\n")))}c.isMDXComponent=!0;var m=n(49271),f=["components"];function p(){return p=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 b={};function g(e){var t=e.components,n=x(e,f);return(0,a.mdx)("wrapper",p({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"/*stylelint-disable terra/custom-property-namespace*/\n@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-text-attention-color: rgb(220, 20, 60);\n --terra-text-success-color: rgb(46, 125, 50);\n --terra-text-info-color: #304ffe;\n --terra-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--terra-text-default-color, #333);\n }\n\n .attention {\n color: var(--terra-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--terra-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--terra-text-info-color, #304ffe);\n }\n}\n\n")))}g.isMDXComponent=!0;var y=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Colors",description:n,example:r.createElement(o.Z,null),exampleCssSrc:r.createElement(g,null),exampleSrc:r.createElement(c,null),isExpanded:a})},h=n(1131),v=["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={};function E(e){var t=e.components,n=_(e,v);return(0,a.mdx)("wrapper",T({},j,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-text/lib/Text.module.scss';\nimport styles2 from './colors.module.scss';\nimport styles3 from './TextDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\nconst cx2 = classNames.bind(styles2);\nconst cx3 = classNames.bind(styles3);\n\nconst TextDisplays = () => (\n
\n

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

\n
\n
\n

Font Weight: 300

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

Font Style: Italic Font Weight: 300

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

Font Weight: 400

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

Font Style: Italic

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

Font Weight: 700

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

Font Style: Italic Font Weight: 700

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

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

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

Date format using Semantic Element:

\n \n\n

Date format using custom labels:

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

Date format using date as a string:

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

Time format using Semantic Element:

\n \n\n

Time format using custom labels:

\n {/* to make screen readers to announce value as time */}\n \n \n \n \n \n);\n\nexport default TextTime;\n\n')))}Ne.isMDXComponent=!0;var Ce=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.Z,{title:t||"Text Time",description:n,example:r.createElement(Ee.Z,null),exampleSrc:r.createElement(Ne,null),isExpanded:a})},De=n(78530),Pe=["components"];function ke(){return ke=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 Me={},Ie="wrapper";function Fe(e){var t=e.components,n=We(e,Pe);return(0,a.mdx)(Ie,ke({},Me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(De.ZP,{mdxType:"PropsTable"},(0,a.mdx)(De.X2,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(De.O,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(De.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(De.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(De.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(De.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child nodes"))),(0,a.mdx)(De.X2,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(De.O,{mdxType:"PropNameCell"},"isItalic"),(0,a.mdx)(De.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(De.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(De.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(De.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to display in italics."))),(0,a.mdx)(De.X2,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(De.O,{mdxType:"PropNameCell"},"isVisuallyHidden"),(0,a.mdx)(De.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(De.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(De.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(De.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to appear visually hidden. The text will still be available to screen readers."))),(0,a.mdx)(De.X2,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(De.O,{mdxType:"PropNameCell"},"isWordWrapped"),(0,a.mdx)(De.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(De.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(De.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(De.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if word wrapping styles should be applied."))),(0,a.mdx)(De.X2,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(De.O,{mdxType:"PropNameCell"},"fontSize"),(0,a.mdx)(De.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 10\n 12\n 14\n 16\n 18\n 20\n 24\n 32\n 36\n 46\n 50\n 56\n 64\n 72\n 92\n 100\n],\n"))),(0,a.mdx)(De.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(De.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(De.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text size. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"10"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"12"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"14"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"16"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"18"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"20"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"24"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"32"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"36"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"46"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"50"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"56"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"64"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"72"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"92"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"100"),"."))),(0,a.mdx)(De.X2,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(De.O,{mdxType:"PropNameCell"},"weight"),(0,a.mdx)(De.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 200\n 300\n 400\n 700\n],\n"))),(0,a.mdx)(De.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(De.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(De.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The prop can be used to specify the weight or boldness of the Text component. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"200"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"300"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"400"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"700"),"."))),(0,a.mdx)(De.X2,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(De.O,{mdxType:"PropNameCell"},"colorClass"),(0,a.mdx)(De.Di,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(De.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(De.mW,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(De.Ex,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets an author defined class, to control the colors of the text and override the base color styles."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,a.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,a.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}Fe.isMDXComponent=!0;var Ae=["components"];function Re(){return Re=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 Xe,Ve=(Xe="Link",function(e){return console.warn("Component "+Xe+" was not imported, exported, or provided by MDXProvider as global scope"),(0,a.mdx)("div",e)}),He={},Ye="wrapper";function qe(e){var t=e.components,n=Ze(e,Ae);return(0,a.mdx)(Ye,Re({},He,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-text"},"Terra Text"),(0,a.mdx)("p",null,"The font size, font weight, font family, and font color in terra components are set to defaults in terra-base which is then inherited into all components.\nComponents can override these base styles as needed in their specific component CSS. In some cases, you may need text that differs from the base font styles,\nthough, the text doesn't belong to a specific component."),(0,a.mdx)("p",null,"In these cases, the text component may be helpful. Using terra-text, you can create text that differs from the base text styles by changing the font size,\nfont weight, and color."),(0,a.mdx)("h1",{id:"decorative-text-attributes"},"Decorative text attributes"),(0,a.mdx)("p",null,"Decorative text attributes are attributes that do not add meaning to the content of a page. If the attribute is just decorative and does not convey any meaning, the text should not communicate anything else."),(0,a.mdx)("h1",{id:"supportive-text-attributes"},"Supportive Text Attributes"),(0,a.mdx)("p",null,'The text attribute is "Supportive" when the text attribute is paired with other text or imagery on the page that conveys the same information. Supportive text attributes should be considered the same as decorative, and no extra meaning should be applied.'),(0,a.mdx)("h1",{id:"meaningful-text-attributes"},"Meaningful Text Attributes"),(0,a.mdx)("p",null,"Meaningful text attributes are attributes that convey meaning and is not paired with other text or imagery on the page that conveys the meaning. When text attributes are meaningful there should be a way for the screen readers to convey so as to understand WHAT the text attribute means."),(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"Note:")," Large font sizes should be used only for decorative text and not for headers. For text to be understood as a heading, the text must be programmatically set to a heading level in the code."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-text"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Text from 'terra-text';\n")),(0,a.mdx)("h3",{id:"color-class"},"Color Class"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},":root {\n --my-app-text-attention-color: rgb(220, 20, 60);\n --my-app-text-success-color: rgb(46, 125, 50);\n --my-app-text-info-color: #304ffe;\n --my-app-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--my-app-text-default-color, #333);\n }\n\n .attention {\n color: var(--my-app-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--my-app-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--my-app-text-info-color, #304ffe);\n }\n}\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(C,{title:"Displays",mdxType:"TextDisplays"}),(0,a.mdx)(F,{title:"Font Sizes",description:"The font-size values represent the pixel values of our UX defined font-scale. Then the `Text` component will render these font-sizes with rem units.",mdxType:"TextFontSizes"}),(0,a.mdx)(y,{title:"Colors",description:"By passing in a className, authors can manually set the text color of any '' component.",mdxType:"TextColors"}),(0,a.mdx)(ae,{title:"Weight",mdxType:"TextWeights"}),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"isVisuallyHidden")," prop can be used to hide the content visually, yet provide the content to screen readers.\nMore info on this approach can be found here: ",(0,a.mdx)(Ve,{to:"http://a11yproject.com/posts/how-to-hide-content/",mdxType:"Link"},(0,a.mdx)("a",{parentName:"p",href:"http://a11yproject.com/posts/how-to-hide-content/"},"http://a11yproject.com/posts/how-to-hide-content/"))),(0,a.mdx)(Q,{title:"Visually Hidden",mdxType:"TextVisuallyHidden"}),(0,a.mdx)(Y,{title:"Variations",description:"You can mix and match props on the `` component to create various text styles.",mdxType:"TextVariations"}),(0,a.mdx)(be,{title:"Word Wrapped",description:"The `isWordWrapped` prop can be used to apply cross-browser word-wrapping styles.",mdxType:"TextWordWrapped"}),(0,a.mdx)(je,{title:"Date Format",description:"You can use `Terra-Text` for date formatting.",mdxType:"TextDate"}),(0,a.mdx)(Ce,{title:"Time Format",description:"You can use `Terra-Text` for time formatting.",mdxType:"TextTime"}),(0,a.mdx)("h2",{id:"text-props"},"Text Props"),(0,a.mdx)(Fe,{mdxType:"TextPropsTable"}))}qe.isMDXComponent=!0},25612:function(e,t,n){"use strict";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-text",name:"terra-text",version:"4.54.0",url:t})}},7192:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper":"TextDocCommon-module__content-wrapper___Iyhd9","text-wrapper":"TextDocCommon-module__text-wrapper___x8WkM"}},74524:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___djX+a","orion-fusion-theme":"colors-module__orion-fusion-theme___gHvde",default:"colors-module__default___xEB3r",attention:"colors-module__attention___ra+PH",success:"colors-module__success___0EbKw",info:"colors-module__info___DYABi"}},17422:function(e,t,n){"use strict";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){"use strict";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"}},66633:function(e,t,n){"use strict";n.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},59865:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"Text-module__clinical-lowlight-theme___mG7dV","orion-fusion-theme":"Text-module__orion-fusion-theme___s3eY+",text:"Text-module__text___pR3Hk","inherit-color":"Text-module__inherit-color___BT1c9",italic:"Text-module__italic___Ai80R","word-wrap":"Text-module__word-wrap___RWBlC","font-size-100":"Text-module__font-size-100___QjMrh","font-size-92":"Text-module__font-size-92___xffy1","font-size-72":"Text-module__font-size-72___R9WxS","font-size-64":"Text-module__font-size-64___A0fSP","font-size-56":"Text-module__font-size-56___EpTwK","font-size-50":"Text-module__font-size-50___Hy8ue","font-size-46":"Text-module__font-size-46___MU8-J","font-size-36":"Text-module__font-size-36___8M9ck","font-size-32":"Text-module__font-size-32___-m5nt","font-size-24":"Text-module__font-size-24___OOFKN","font-size-20":"Text-module__font-size-20___rJO6P","font-size-18":"Text-module__font-size-18___TCBtv","font-size-16":"Text-module__font-size-16___ovQH2","font-size-14":"Text-module__font-size-14___fYamg","font-size-12":"Text-module__font-size-12___EGKPm","font-size-10":"Text-module__font-size-10___xZOQY","font-weight-200":"Text-module__font-weight-200___NABUq","font-weight-300":"Text-module__font-weight-300___vm83w","font-weight-400":"Text-module__font-weight-400___Z-2pQ","font-weight-700":"Text-module__font-weight-700___WIUZQ","visually-hidden":"Text-module__visually-hidden___hgjcq","font-stack":"Text-module__font-stack___ydj-0"}},46700:function(e,t,n){var r={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function a(e){var t=l(e);return n(t)}function l(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=l,e.exports=a,a.id=46700},78490:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var a=d(n(67294)),l=d(n(45697)),o=d(n(47166)),i=d(n(66633)),s=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=o.default.bind(i.default),b={fitStart:l.default.element,fill:l.default.element.isRequired,fitEnd:l.default.element,align:l.default.oneOf(["center","bottom","stretch"]),alignFitStart:l.default.oneOf(["center","bottom","stretch"]),alignFitEnd:l.default.oneOf(["center","bottom","stretch"]),alignFill:l.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:l.default.object,fillAttributes:l.default.object,fitEndAttributes:l.default.object},g=function(e){var t=e.fitStart,n=e.fill,r=e.fitEnd,l=e.align,o=e.alignFitStart,i=e.alignFill,d=e.alignFitEnd,c=e.fitStartAttributes,f=e.fillAttributes,b=e.fitEndAttributes,g=p(e,s),y=m({},c),h=m({},f),v=m({},b);return a.default.createElement("span",u({},g,{className:x("arrange",g.className)}),a.default.createElement("span",u({},y,{className:x("fit",l||o,y.className,"fit-block")}),t),a.default.createElement("span",u({},h,{className:x("fill",l||i,h.className,"fill-block")}),n),a.default.createElement("span",u({},v,{className:x("fit",l||d,v.className)}),r))};g.propTypes=b;t.default=g},5071:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.TextWeight=t.TextFontSize=void 0;var a=c(n(67294)),l=c(n(45697)),o=c(n(94184)),i=c(n(47166)),s=c(n(50026)),d=c(n(59865)),u=["children","isVisuallyHidden","isItalic","fontSize","weight","isWordWrapped","colorClass"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 b=i.default.bind(d.default),g=(t.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},t.TextWeight={200:200,300:300,400:400,700:700},{children:l.default.node.isRequired,isItalic:l.default.bool,isVisuallyHidden:l.default.bool,isWordWrapped:l.default.bool,fontSize:l.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:l.default.oneOf([200,300,400,700]),colorClass:l.default.string}),y=function(e){var t=e.children,n=e.isVisuallyHidden,r=e.isItalic,l=e.fontSize,i=e.weight,d=e.isWordWrapped,c=e.colorClass,g=x(e,u),y=a.default.useContext(s.default),h=function(e){for(var t=1;t=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var m={},l="wrapper";function d(e){var n=e.components,t=i(e,a);return(0,r.mdx)(l,p({},m,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(o.ZP,{mdxType:"PropsTable"},(0,r.mdx)(o.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"description"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A string describing the content or concept for which the NavigationPrompt is being rendered."))),(0,r.mdx)(o.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(o.O,{mdxType:"PropNameCell"},"metaData"),(0,r.mdx)(o.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(o.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(o.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(o.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An object containing any other pertinent information related to the NavigationPrompt.")))))}d.isMDXComponent=!0;var c=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var x={},y="wrapper";function f(e){var n=e.components,t=u(e,c);return(0,r.mdx)(y,s({},x,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"navigationprompt"},"NavigationPrompt"),(0,r.mdx)("p",null,"The NavigationPrompt communicates with ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/navigation-prompt-checkpoint"},"NavigationPromptCheckpoints"),"\nrendered by ApplicationBase and other framework components. NavigationPrompts should be rendered by a component when the component wants to indicate the presence\nof pending actions or unsaved changes to the framework."),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import NavigationPrompt from 'terra-application/lib/navigation-prompt';\n")),(0,r.mdx)("h2",{id:"props"},"Props"),(0,r.mdx)(d,{mdxType:"NavigationPromptProps"}))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/11013-5d7b2721358984b4cda5.css b/11013-5d7b2721358984b4cda5.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/11013-5d7b2721358984b4cda5.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/11013-5d7b2721358984b4cda5.js b/11013-5d7b2721358984b4cda5.js new file mode 100644 index 0000000000..a4143ef306 --- /dev/null +++ b/11013-5d7b2721358984b4cda5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11013,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var n=d(l(67294)),m=d(l(45697)),r=d(l(47166)),t=d(l(17422)),i=r.default.bind(t.default),u={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,m=e.version,r=n.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),t=a?n.default.createElement("a",{className:i("badge"),href:a},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;var x=p;a.Z=x},11013:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),n=l(35953),m=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={},u="wrapper";function p(e){var a=e.components,l=t(e,m);return(0,d.mdx)(u,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4400---february-15-2023"},"4.40.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4390---december-7-2022"},"4.39.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4381---january-4-2022"},"4.38.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4380---september-21-2021"},"4.38.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4370---april-6-2021"},"4.37.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Updated jest tests not have a mock spanning it blocks.")))),(0,d.mdx)("h2",{id:"4360---february-9-2021"},"4.36.0 - (February 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Avoid version 1.8.12 of intl-locales-supported as it is a bad publish.")))),(0,d.mdx)("h2",{id:"4350---january-5-2021"},"4.35.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"4340---december-8-2020"},"4.34.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4330---september-29-2020"},"4.33.0 - (September 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Disable the regex cached maintained by the Intl Polyfill that can result in regex syntax errors.")))),(0,d.mdx)("h2",{id:"4320---august-4-2020"},"4.32.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4310---july-29-2020"},"4.31.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4300---july-7-2020"},"4.30.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,d.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,d.mdx)("h2",{id:"4290---june-9-2020"},"4.29.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"4280---april-28-2020"},"4.28.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"4270---april-22-2020"},"4.27.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README"),(0,d.mdx)("li",{parentName:"ul"},"Added Usage section")))),(0,d.mdx)("h2",{id:"4260---march-31-2020"},"4.26.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Check if Intl.DateTimeFormat and Int.NumberFormat have the ",(0,d.mdx)("inlineCode",{parentName:"li"},"supportedLocalesOf")," property before adding as constructors for intl-locales-supported.")))),(0,d.mdx)("h2",{id:"4250---march-10-2020"},"4.25.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4240---february-18-2020"},"4.24.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Be the most explicit when checking when checking if Intl, Intl.DateTimeFormat and Int.NumberFormat by checking against expected type instead of check for undefined. Addresses: ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2841"},"https://github.com/cerner/terra-core/issues/2841"))))),(0,d.mdx)("h2",{id:"4230---february-13-2020"},"4.23.0 - (February 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Be explicit when checking when checking if Intl, Intl.DateTimeFormat and Int.NumberFormat are available on the browser.")))),(0,d.mdx)("h2",{id:"4220---february-11-2020"},"4.22.0 - (February 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add try-catch blocks around the Intl check to ensure errors are correctly handled if an error is thrown. Fixes ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2820"},"https://github.com/cerner/terra-core/issues/2820"),".")))),(0,d.mdx)("h2",{id:"4210---january-7-2020"},"4.21.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,d.mdx)("h2",{id:"4200---december-3-2019"},"4.20.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix Intl data loading logic. Locale data was only loading the initial locale data but did not load locale data for the new local when the locale was switched. This issue was discovered when running in IE 10.")))),(0,d.mdx)("h2",{id:"4190---october-30-2019"},"4.19.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4180---october-14-2019"},"4.18.0 - (October 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fix Intl Loading and conditionally add the ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," polyfill when Intl is not provided by the browser. This issue was discovered when running in IE 10.")))),(0,d.mdx)("h2",{id:"4170---october-3-2019"},"4.17.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4160---september-26-2019"},"4.16.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed the Finnish example since we don't officially support Finnish")))),(0,d.mdx)("h2",{id:"4150---september-19-2019"},"4.15.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"4140---september-6-2019"},"4.14.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"4130---august-21-2019"},"4.13.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"4120---august-14-2019"},"4.12.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Update tests for dev-site v6")))),(0,d.mdx)("h2",{id:"4110---july-30-2019"},"4.11.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4100---july-24-2019"},"4.10.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"490---july-16-2019"},"4.9.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"480----july-11-2019"},"4.8.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,d.mdx)("h2",{id:"470---june-28-2019"},"4.7.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added more information to upgrade guide around Jest testing"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,d.mdx)("h2",{id:"460---june-18-2019"},"4.6.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"450---june-11-2019"},"4.5.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5"),(0,d.mdx)("li",{parentName:"ul"},"Changed modules to export")))),(0,d.mdx)("h2",{id:"440---may-21-2019"},"4.4.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"430---may-1-2019"},"4.3.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added Upgrade Guide to doc site")))),(0,d.mdx)("h2",{id:"420---april-16-2019"},"4.2.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"410---april-9-2019"},"4.1.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update the intl polyfill to be more robust for IE10")))),(0,d.mdx)("h2",{id:"400---march-27-2019"},"4.0.0 - (March 27, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed post-install script which wrote default intl and translation loaders"),(0,d.mdx)("li",{parentName:"ul"},"Removed aggregate-translations pre-build tool/script"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"src/defaultIntlLoaders.js")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"src/defaultTranslationsLoaders.js")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"require.ensure")," syntax for loading Intl polyfill"),(0,d.mdx)("li",{parentName:"ul"},"This package no longer provides the ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"intlShape"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage"),", ",(0,d.mdx)("inlineCode",{parentName:"li"},"IntlProvider")," exports from react-intl"),(0,d.mdx)("li",{parentName:"ul"},"Removed div that wrapped children passed into the I18nProvider component. The I18nProvider component now uses a ",(0,d.mdx)("inlineCode",{parentName:"li"},"")," wrapper around children"),(0,d.mdx)("li",{parentName:"ul"},"Removed run time check for supported locales. This is provided at build time with terra-toolkit's aggregate-translations script")))),(0,d.mdx)("h2",{id:"350---march-26-2019"},"3.5.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release")))),(0,d.mdx)("h2",{id:"340---march-21-2019"},"3.4.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---february-26-2019"},"3.3.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,d.mdx)("h2",{id:"320---february-12-2019"},"3.2.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---february-5-2019"},"3.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2310---january-22-2019"},"2.31.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,d.mdx)("h2",{id:"2300---january-8-2019"},"2.30.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---january-2-2019"},"2.29.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing ar translations."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2280---november-19-2018"},"2.28.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---november-13-2018"},"2.27.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---november-9-2018"},"2.26.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add full list of locales to terra-i18n translation fixtures")))),(0,d.mdx)("h2",{id:"2250---october-24-2018"},"2.25.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---october-16-2018"},"2.24.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2230---october-8-2018"},"2.23.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated fs-extra dependency to latest stable release (^7.0.0)")))),(0,d.mdx)("h2",{id:"2220---october-2-2018"},"2.22.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Export IntlProvider from react-intl")))),(0,d.mdx)("h2",{id:"2210---september-25-2018"},"2.21.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2203---september-13-2018"},"2.20.3 - (September 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fix",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add post-install script which writes default loaders")))),(0,d.mdx)("h2",{id:"2202---september-12-2018"},"2.20.2 - (September 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fix",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove post-install script which wrote default loaders")))),(0,d.mdx)("h2",{id:"2201---september-6-2018"},"2.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2200---september-5-2018"},"2.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2190---september-4-2018"},"2.19.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---august-29-2018"},"2.18.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2170---august-1-2018"},"2.17.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated translations")))),(0,d.mdx)("h2",{id:"2160---july-25-2018"},"2.16.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"2150---july-17-2018"},"2.15.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"2140---july-10-2018"},"2.14.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2130---june-28-2018"},"2.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2120---june-22-2018"},"2.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Major dependency version bump for ",(0,d.mdx)("inlineCode",{parentName:"li"},"fs-extra"))))),(0,d.mdx)("h2",{id:"2110---june-12-2018"},"2.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"2100---may-30-2018"},"2.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"290---may-23-2018"},"2.9.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Export FormattedMessage from react-intl")))),(0,d.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added support for nl and nl-BE locales")))),(0,d.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Transpile defaultIntlLoaders and defaultTranslationsLoaders.")))),(0,d.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Implement locale fallback strategy in translations and locale loaders. Fallback strategy will be first try the regional locale, then try the base locale, then try 'en' english base locale, and lastly throw an error if 'en' is not provided."),(0,d.mdx)("li",{parentName:"ul"},"Aggregate-translations pre-build tool to aggregate translations and build dynamic intlLoader and translationLoader modules that are configured for the specified locales. This tool is offered as a CLI script and as a setup function."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Open up the i18nLoader restrictions such that non-terra-supported locales will load."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Only load the specified aggregated-translation locales."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Exported react-intl's injectIntl and intlShape")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"1140---february-1-2018"},"1.14.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---january-18-2018"},"1.13.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1120---november-28-2017"},"1.12.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1110---november-16-2017"},"1.11.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1100---october-6-2017"},"1.10.0 - (October 6, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Spread customProps onto div.")))),(0,d.mdx)("h2",{id:"190---september-26-2017"},"1.9.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---september-19-2017"},"1.8.0 - (September 19, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---september-12-2017"},"1.7.0 - (September 12, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---september-7-2017"},"1.6.0 - (September 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---september-5-2017"},"1.5.0 - (September 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"140---august-31-2017"},"1.4.0 - (August 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Improved terra-i18n example in README.md")))),(0,d.mdx)("h2",{id:"130---august-8-2017"},"1.3.0 - (August 8, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[l]=e[l]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var N={},c="wrapper";function h(e){var a=e.components,l=s(e,x);return(0,d.mdx)(c,o({},N,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(n.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},35953:function(e,a,l){l.d(a,{C:function(){return m}});var d=l(67294),n=l(22863),m=function(e){var a=e.url;return d.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-i18n",name:"terra-i18n",version:"4.40.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/11058-a5d69d680fac38ee424b.css b/11058-a5d69d680fac38ee424b.css new file mode 100644 index 0000000000..b6d65c39c3 --- /dev/null +++ b/11058-a5d69d680fac38ee424b.css @@ -0,0 +1,3 @@ +:root{--default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1);--default-transition-duration: 1s}:root{--terra-graphs-white: #fff;--terra-graphs-dark: #1c1f21;--terra-graphs-grey5: #f4f4f4;--terra-graphs-grey10: #e8e9ea;--terra-graphs-grey15: #dedfe0;--terra-graphs-grey25: #c8cacb;--terra-graphs-grey30: #bcbfc0;--terra-graphs-grey45: #9b9fa1;--terra-graphs-grey65: #6f7477;--terra-graphs-blue100: #004c76;--terra-graphs-blue30: #a6d9f4;--terra-graphs-blue10: #ebf6fd;--terra-graphs-red85: #c00;--terra-graphs-yellow60: #ffc20a;--terra-graphs-grey55: #868a8c}.carbon-svg-icon{display:inline-block;height:.625rem;width:.625rem}.carbon-graph-container{color:#1c1f21;color:var(--terra-graphs-dark);display:block;width:100%}[dir] .carbon-graph-container{padding-bottom:.8333rem;padding-top:.8333rem}.carbon-graph-container svg:not(:root){overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.carbon-graph-canvas{box-sizing:border-box;display:block;overflow-x:hidden;overflow-y:auto}.carbon-axis path.domain,.carbon-axis line{fill:none;stroke:#bcbfc0;stroke:var(--terra-graphs-grey30)}.carbon-grid line,.carbon-content-container{shape-rendering:auto}.carbon-axis-x[aria-hidden=true],.carbon-axis-y[aria-hidden=true],.carbon-axis-y2[aria-hidden=true],.carbon-axis-info-row[aria-hidden=true]{display:none}.carbon-axis.carbon-axis-reference-line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:2px}.carbon-grid>* .domain[stroke]{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-lower-step-grid line{stroke:#9b9b9b;stroke-width:1px}.carbon-midpoint-grid line{stroke:#e8e9ea;stroke:var(--terra-graphs-grey10);stroke-width:1px}.carbon-upper-step-grid line{stroke:#bcbfc0;stroke:var(--terra-graphs-grey30);stroke-width:3px}.carbon-no-data-text{fill:#1c1f21;fill:var(--terra-graphs-dark)}.carbon-legend{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;list-style-type:none}[dir] .carbon-legend{margin:0;padding:0}.carbon-legend .carbon-legend-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-legend .carbon-legend-item{margin:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-btn{-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;font-size:inherit;height:1.875rem;width:2.1875rem}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{background-color:#dedfe0;background-color:var(--terra-graphs-grey15);border:0;border-radius:.25rem;padding:0}[dir=ltr] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-right:.5rem}[dir=rtl] .carbon-legend .carbon-legend-item .carbon-legend-item-btn{margin-left:.5rem}.carbon-legend .carbon-legend-item .carbon-legend-item-text{word-wrap:break-word}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]{cursor:pointer}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false]:hover{background-color:#ebf6fd;background-color:var(--terra-graphs-blue10)}[dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-btn, [dir] .carbon-legend .carbon-legend-item[aria-disabled=false] .carbon-legend-item-text{cursor:pointer}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn,.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{outline:none}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-btn{opacity:.35}.carbon-legend .carbon-legend-item[aria-disabled=true] .carbon-legend-item-text{color:#bcbfc0;color:var(--terra-graphs-grey30)}.carbon-legend .carbon-legend-item .carbon-legend-item-icon{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-icon-with-line{display:block;height:.857rem;stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:5px;width:.857rem}.carbon-legend .carbon-legend-item .carbon-legend-item-span{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center}.carbon-legend .carbon-legend-item .carbon-legend-item-line{height:5px;width:28px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{height:5px;width:18px}[dir] .carbon-legend .carbon-legend-item .carbon-legend-item-line-with-icon{padding-top:1px}.carbon-legend .carbon-legend-item .carbon-legend-white-line{stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:6px}[dir] .carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-btn{background-color:#fff;background-color:var(--terra-graphs-white);border-color:#dedfe0;border-color:var(--terra-graphs-grey15);border-style:solid;border-width:1px}.carbon-legend .carbon-legend-item[aria-current=false] .carbon-legend-item-text{color:#6f7477;color:var(--terra-graphs-grey65)}.carbon-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing);opacity:.2}[dir] .carbon-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-point[aria-disabled=false]{cursor:pointer}.carbon-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point{display:block;fill:#ebf6fd;fill:var(--terra-graphs-blue10);fill-opacity:.25;stroke:#a6d9f4;stroke:var(--terra-graphs-blue30)}.carbon-selected-data-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-selected-data-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-selected-data-point path{stroke-width:1px}.carbon-criticality-outer[aria-hidden=true],.carbon-criticality-inner[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-criticality-outer[aria-hidden=true], [dir] .carbon-criticality-inner[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-criticality-outer{fill:#c00;fill:var(--terra-graphs-red85);stroke:#c00;stroke:var(--terra-graphs-red85);stroke-width:24px}.carbon-criticality-inner{fill:#fff;fill:var(--terra-graphs-white);stroke:#fff;stroke:var(--terra-graphs-white);stroke-width:8px}.carbon-region{fill:#f4f4f4;fill:var(--terra-graphs-grey5)}.carbon-region[aria-hidden=true],.carbon-region.carbon-region-blur{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-region[aria-hidden=true], [dir] .carbon-region.carbon-region-blur{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-region.carbon-value-region{stroke:#f4f4f4;stroke:var(--terra-graphs-grey5);stroke-width:.625rem}.carbon-region.carbon-region-highlight{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:1;visibility:visible}[dir] .carbon-region.carbon-region-highlight{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-content-container{fill:none;stroke:#e8e9ea;stroke:var(--terra-graphs-grey10)}.carbon-data-completion-bar,.carbon-data-bar{shape-rendering:auto;stroke-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] .carbon-data-completion-bar[aria-disabled=false], [dir] .carbon-data-bar[aria-disabled=false]{cursor:pointer}.carbon-data-completion-bar[aria-hidden=true],.carbon-data-bar[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-data-completion-bar[aria-hidden=true], [dir] .carbon-data-bar[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-axis-info-row-item[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-axis-info-row-item[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}[dir] .carbon-axis-info-row-item[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline{shape-rendering:auto;opacity:.3;stroke-width:3px}[dir] .carbon-dateline-group .carbon-dateline-point[aria-disabled=false]{cursor:pointer}.carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),transform 1s cubic-bezier(0.07, 0.95, 0, 1);transition:opacity var(--default-transition-duration) var(--default-transition-timing),transform var(--default-transition-duration) var(--default-transition-timing);opacity:0;visibility:hidden}[dir] .carbon-dateline-group .carbon-dateline-point[aria-hidden=true]{-webkit-transition:opacity 1s cubic-bezier(0.07, 0.95, 0, 1),-webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1);-webkit-transition:opacity var(--default-transition-duration) var(--default-transition-timing),-webkit-transform var(--default-transition-duration) var(--default-transition-timing)}.carbon-eventline-group .carbon-eventline{shape-rendering:auto;opacity:1;stroke-width:2px}.carbon-no-data-label{fill:#6f7477;fill:var(--terra-graphs-grey65);font-size:1.25rem;text-anchor:middle}.carbon-no-data-overlay{fill:#fff;fill:var(--terra-graphs-white);opacity:.6}.carbon-label-popup-tooltip{-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:absolute;z-index:20}[dir] .carbon-label-popup-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.carbon-label-popup-tooltip.popup-item{display:block}.carbon-label-popup-tooltip.section{display:block}[dir=ltr] .carbon-label-popup-tooltip.section{padding-left:1rem}[dir=rtl] .carbon-label-popup-tooltip.section{padding-right:1rem}.carbon-label-popup-tooltip.content{display:block}[dir] .carbon-label-popup-tooltip.content:last-child{padding-bottom:0}[dir] .carbon-label-popup-tooltip.content:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-tooltip g{display:inline-block}.carbon-label-popup-tooltip g.popup-label{color:#01579b}.carbon-label-popup-tooltip g.popup-label::after{content:": "}.carbon-label-popup-tooltip g.popup-text{color:#000}[dir] .carbon-label-popup-tooltip g:not(:last-child){padding-bottom:.5rem}.carbon-label-popup-overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .carbon-label-popup-overlay{cursor:pointer}[dir=ltr] .carbon-label-popup-overlay{left:0}[dir=rtl] .carbon-label-popup-overlay{right:0} +[dir] .example-graph-container, [dir] .legend-bindto-container{padding:2.17rem 0}.carbon-graph-container,.carbon-timeline-container,.legend-bindto-container{font-size:.75rem}.bindto-container{display:-ms-flexbox;display:flex;width:100%}.bindto-container .legend-bindto-container{width:20%}.bindto-container .legend-bindto-graph-container{width:80%}.tooltip{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);font-family:"Segoe UI",sans-serif;font-size:.866rem;font-weight:400;letter-spacing:.01071em;line-height:1.5;position:fixed;z-index:20}[dir] .tooltip{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1rem}.tooltip .popup-item{display:block}.tooltip .section{display:block}[dir=ltr] .tooltip .section{padding-left:1rem}[dir=rtl] .tooltip .section{padding-right:1rem}.tooltip .content{display:block}[dir] .tooltip .content:last-child{padding-bottom:0}[dir] .tooltip .content:not(:last-child){padding-bottom:.5rem}.tooltip g{display:inline-block}.tooltip g .popup-label{color:#01579b}.tooltip g .popup-label::after{content:": "}.tooltip g .popup-text{color:#000}[dir] .tooltip g:not(:last-child){padding-bottom:.5rem}.overlay{height:100vh;position:fixed;top:0;width:100vw;z-index:1200}[dir] .overlay{cursor:pointer}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.shape-container{width:100%}.panning-container{display:-ms-flexbox;display:flex}[dir] .panning-container{padding:1rem}.panning-container .nav-left,.panning-container .nav-right{display:-ms-flexbox;display:flex;font-size:inherit}[dir] .panning-container .nav-left, [dir] .panning-container .nav-right{background-color:#176ba0;border:.1rem solid #dedfe0;border-radius:.25rem;cursor:pointer;padding:.5rem}[dir=ltr] .panning-container .nav-left, [dir=ltr] .panning-container .nav-right{margin-right:.5rem}[dir=rtl] .panning-container .nav-left, [dir=rtl] .panning-container .nav-right{margin-left:.5rem}.custom-container-style{height:auto !important}[dir] .custom-container-style{border:1px dashed;padding:5rem 5rem 0}[dir] .custom-container-style .carbon-graph-container, [dir] .custom-container-style .legend-bindto-container{padding:0}[dir] .custom-container-legend-style .carbon-graph-container, [dir] .custom-container-legend-style .legend-bindto-container{padding:0}[dir] .background-color-class{background-color:#176ba0}.initial-tooltip{display:none}[dir] .button-pan-right{margin-top:15px}[dir] .button-pan-left{margin-top:15px}[dir=ltr] .button-pan-left{margin-left:18px;margin-right:10px}[dir=rtl] .button-pan-left{margin-right:18px;margin-left:10px} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/11058-a5d69d680fac38ee424b.js b/11058-a5d69d680fac38ee424b.js new file mode 100644 index 0000000000..09ccc06ea3 --- /dev/null +++ b/11058-a5d69d680fac38ee424b.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11058],{54775:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;t.default=function(e){return{bindTo:e,axis:{x:{label:"Data",lowerLimit:20.7,upperLimit:22.7,suppressTrailingZeros:!0},y:{label:"Line Set A",lowerLimit:.2,upperLimit:3.8,suppressTrailingZeros:!0},y2:{show:!0,label:"Line Set B",lowerLimit:10.2,upperLimit:13.8,suppressTrailingZeros:!0}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0,ticksCount:7}}},15528:function(e,t,n){"use strict";var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{type:a.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,0,0).toISOString(),upperLimit:new Date(2016,0,1,23,59).toISOString()},y:{label:"Line Set A",lowerLimit:10,upperLimit:30},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},29030:function(e,t,n){"use strict";var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(54520));t.default=function(e){return{bindTo:e,axis:{x:{type:a.default.helpers.AXIS_TYPE.TIME_SERIES,label:"Datetime",lowerLimit:new Date(2016,0,1,0,0).toISOString(),upperLimit:new Date(2016,0,1,23,59).toISOString(),ticks:{values:[new Date(2016,0,1,1,0).toISOString(),new Date(2016,0,1,5,0).toISOString(),new Date(2016,0,1,10,0).toISOString(),new Date(2016,0,1,15,0).toISOString(),new Date(2016,0,1,20,0).toISOString()],format:"%a %b %e %X %Y"}},y:{label:"Line Set A",lowerLimit:10,upperLimit:30},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!0}}},93065:function(e,t,n){"use strict";var r=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(67294)),i=r(n(45697));n(80244);var o={id:i.default.string.isRequired},s=function(e){return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),a.default.createElement("div",{id:e.id,className:"example-graph-container"}))};s.propTypes=o;t.default=s},27705:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),i=r(n(54520)),o=r(n(53334));n(56867);var s=r(n(93065)),l=r(n(15528)),p=o.default.deepClone((0,l.default)("#staticXAxisTicks"));t.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(s.default,{id:"staticXAxisTicks"})}},8188:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),i=r(n(54520)),o=r(n(53334));n(56867);var s=r(n(93065)),l=r(n(54775)),p=o.default.deepClone((0,l.default)("#supressTickValue"));t.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(s.default,{id:"supressTickValue"})}},67603:function(e,t,n){"use strict";var r=n(64836);t.Z=void 0;var a=r(n(67294)),i=r(n(54520)),o=r(n(53334));n(56867);var s=r(n(93065)),l=r(n(29030)),p=o.default.deepClone((0,l.default)("#xAxisTicksFormatted"));t.Z=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(s.default,{id:"xAxisTicksFormatted"})}},93202:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return V}});var r=n(67294),a=n(81254),i=n(27705),o=["components"];function s(){return s=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p={};function c(e){var t=e.components,n=l(e,o);return(0,a.mdx)("wrapper",s({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/timeseriesConfig';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#staticXAxisTicks'));\n\nconst StaticXAxisTicksGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default StaticXAxisTicksGeneralExample;\n\n")))}c.isMDXComponent=!0;var u=n(49271),m=n(25005),d=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.Z,{title:t||"Static X Axis Ticks",description:n,example:r.createElement(i.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(c,null),isExpanded:a})},f=n(11598),g=n(67603),h=["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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var y={};function v(e){var t=e.components,n=x(e,h);return(0,a.mdx)("wrapper",b({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/timeseriesConfigTicksFormatted';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#xAxisTicksFormatted'));\n\nconst XAxisTicksFormattedGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default XAxisTicksFormattedGeneralExample;\n\n")))}v.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.Z,{title:t||"X Axis Ticks Formatted",description:n,example:r.createElement(g.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(v,null),isExpanded:a})},O=n(8188),S=["components"];function j(){return j=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var E={};function T(e){var t=e.components,n=C(e,S);return(0,a.mdx)("wrapper",j({},E,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs/lib/js/carbon';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Graph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultDecimalAxes';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#supressTickValue'));\n\nconst SupressTickValueGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default SupressTickValueGeneralExample;\n\n")))}T.isMDXComponent=!0;var L=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.Z,{title:t||"Suppress Tick Value Trailing Zero",description:n,example:r.createElement(O.Z,null),exampleCssSrc:r.createElement(m.Z,null),exampleSrc:r.createElement(T,null),isExpanded:a})},k=["components"];function G(){return G=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var A={},X="wrapper";function I(e){var t=e.components,n=D(e,k);return(0,a.mdx)(X,G({},A,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const getDefaultConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n label: 'Data',\n lowerLimit: 20.7,\n upperLimit: 22.7,\n suppressTrailingZeros: true,\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 0.2,\n upperLimit: 3.8,\n suppressTrailingZeros: true,\n },\n y2: {\n show: true,\n label: 'Line Set B',\n lowerLimit: 10.2,\n upperLimit: 13.8,\n suppressTrailingZeros: true,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n ticksCount: 7,\n});\n\nexport default getDefaultConfig;\n\n")))}I.isMDXComponent=!0;var P=["components"];function Z(){return Z=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n(51320);var M={},_="wrapper";function V(e){var t=e.components,n=N(e,P);return(0,a.mdx)(_,Z({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"axis-ticks"},"Axis Ticks"),(0,a.mdx)("p",null,"Axis ticks contains simple graph examples with static x-axis ticks, formatted ticks and suppress tick values trailing zeros."),(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 i @cerner/carbon-graphs --save-dev"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/dist/js/carbon-graphs.js';\nimport '@cerner/carbon-graphs/dist/css/carbon-graphs.css';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(d,{mdxType:"StaticXAxisTicksGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for static x-axis ticks")),(0,a.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,a.mdx)(f.Z,{mdxType:"StaticXAxisTicksGraphConfig"})),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)(w,{mdxType:"XAxisTicksFormattedGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for x-axis ticks formatted ")),(0,a.mdx)("h3",{id:"graph-config-object-1"},"Graph Config object"),(0,a.mdx)(f.Z,{mdxType:"XAxisTicksFormattedGraphConfig"})),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)(L,{mdxType:"SuppressTickValueTrailingZeroGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for suppress tick value trailing zero's")),(0,a.mdx)("h3",{id:"graph-config-object-2"},"Graph Config object"),(0,a.mdx)(I,{mdxType:"SuppressTickValueTrailingZeroGraphConfig"})))}V.isMDXComponent=!0},11598:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});n(67294);var r=n(81254),a=["components"];function i(){return i=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={},l="wrapper";function p(e){var t=e.components,n=o(e,a);return(0,r.mdx)(l,i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs/lib/js/carbon';\n\nconst getLineTimeseriesConfig = (id) => ({\n bindTo: id,\n axis: {\n x: {\n type: Carbon.helpers.AXIS_TYPE.TIME_SERIES,\n label: 'Datetime',\n lowerLimit: new Date(2016, 0, 1, 1, 0).toISOString(),\n upperLimit: new Date(2016, 0, 1, 23, 59).toISOString(),\n },\n y: {\n label: 'Line Set A',\n lowerLimit: 10,\n upperLimit: 30,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineTimeseriesConfig;\n\n")))}p.isMDXComponent=!0},51320:function(e,t,n){var r,a;void 0===(a="function"==typeof(r=function(){var e="details",t="summary";function n(e){if("summary"===e.target.nodeName.toLowerCase()){var t=e.target.parentNode;if(!t)return;t.getAttribute("open")?(t.open=!1,t.removeAttribute("open")):(t.open=!0,t.setAttribute("open","open"))}}function r(){var n=document.createElement(e);if(!("open"in n))return!1;n.innerHTML="<"+t+">ab",document.body.appendChild(n);var r=n.offsetHeight;n.open=!0;var a=r!=n.offsetHeight;return document.body.removeChild(n),a}function a(e,t){if(!document.getElementById(e)){var n=document.createElement("style");n.id=e,n.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(n)}}r()||(document.documentElement.className+=" no-details",window.addEventListener("click",n),a("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+t+") { display: none; }\nhtml.no-details "+e+" > "+t+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+t+':before { content: "▼"; }'))})?r.call(t,n,t,e):r)||(e.exports=a)}}]); \ No newline at end of file diff --git a/1107-877c0bc009144eb32256.css b/1107-877c0bc009144eb32256.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/1107-877c0bc009144eb32256.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/1107-877c0bc009144eb32256.js b/1107-877c0bc009144eb32256.js new file mode 100644 index 0000000000..3028fbb10d --- /dev/null +++ b/1107-877c0bc009144eb32256.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1107,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),d=r(n(45697)),l=r(n(47166)),m=r(n(17422)),i=l.default.bind(m.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,n=e.name,r=e.url,d=e.version,l=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(d))),m=a?t.default.createElement("a",{className:i("badge"),href:a},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},l,m)};o.propTypes=u;var p=o;a.Z=p},1107:function(e,a,n){n.r(a),n.d(a,{default:function(){return f}});n(67294);var r=n(81254),t=n(7951),d=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var i={},u="wrapper";function o(e){var a=e.components,n=m(e,d);return(0,r.mdx)(u,l({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"1130---december-7-2022"},"1.13.0 - (December 7, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"1120---november-2-2021"},"1.12.0 - (November 2, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,r.mdx)("h2",{id:"1110---september-21-2021"},"1.11.0 - (September 21, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,r.mdx)("h2",{id:"1100---april-6-2021"},"1.10.0 - (April 6, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,r.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,r.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing"),(0,r.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,r.mdx)("h2",{id:"190---january-5-2021"},"1.9.0 - (January 5, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed"),(0,r.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,r.mdx)("h2",{id:"180---december-8-2020"},"1.8.0 - (December 8, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,r.mdx)("h2",{id:"170---august-4-2020"},"1.7.0 - (August 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"160---july-29-2020"},"1.6.0 - (July 29, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,r.mdx)("h2",{id:"150---june-9-2020"},"1.5.0 - (June 9, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,r.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,r.mdx)("h2",{id:"140---april-28-2020"},"1.4.0 - (April 28, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,r.mdx)("h2",{id:"130---april-22-2020"},"1.3.0 - (April 22, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added Section ",(0,r.mdx)("inlineCode",{parentName:"li"},"Peer Dependencies")," for docsite"),(0,r.mdx)("li",{parentName:"ul"},"Updated documentation links"),(0,r.mdx)("li",{parentName:"ul"},"Added Usage section")))),(0,r.mdx)("h2",{id:"120---february-18-2020"},"1.2.0 - (February 18, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,r.mdx)("h2",{id:"110---february-4-2020"},"1.1.0 - (February 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,r.mdx)("h2",{id:"100---january-17-2020"},"1.0.0 - (January 17, 2020)"),(0,r.mdx)("p",null,"Initial stable release"))}o.isMDXComponent=!0;var p=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var x={},g="wrapper";function f(e){var a=e.components,n=s(e,p);return(0,r.mdx)(g,c({},x,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)(o,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},7951:function(e,a,n){n.d(a,{C:function(){return d}});var r=n(67294),t=n(22863),d=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-cell-grid",name:"terra-cell-grid",version:"1.13.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/11270-ef78788ea16851ca0543.css b/11270-ef78788ea16851ca0543.css new file mode 100644 index 0000000000..aef363a3ca --- /dev/null +++ b/11270-ef78788ea16851ca0543.css @@ -0,0 +1,2 @@ +.DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__date-facade___QJnLm{display:inline-block;vertical-align:top}[dir=ltr] .DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__date-facade___QJnLm{margin:0 .5rem .5rem 0}[dir=rtl] .DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__date-facade___QJnLm{margin:0 0 .5rem .5rem}.DateTimePicker-module__date-time-picker___55U1I .DateTimePicker-module__time-facade___AD4Fb{display:inline-block} +._TimeClarification-module__clinical-lowlight-theme___ZL6ML{--terra-date-time-picker-clarification-button-offset-background-color: #2d3539;--terra-date-time-picker-clarification-header-background-color: #222a2e;--terra-date-time-picker-clarification-header-border-bottom-color: #181b1d;--terra-date-time-picker-clarification-header-color: #b2b5b6;--terra-date-time-picker-clarification-modal-background-color: #222a2e;--terra-date-time-picker-clarification-modal-border: #181b1d;--terra-date-time-picker-clarification-modal-box-shadow: 0 3px 7px #181b1d;--terra-date-time-picker-clarification-modal-color: #b2b5b6;--terra-date-time-picker-clarification-modal-border-radius: 5px;--terra-date-time-picker-clarification-header-height: 3.587rem;--terra-date-time-picker-clarification-header-padding: 0.714rem;--terra-date-time-picker-clarification-title-font-size: 1.285rem;--terra-date-time-picker-clarification-title-line-height: 1.75;--terra-date-time-picker-clarification-button-offset-height: 2.142857rem}._TimeClarification-module__orion-fusion-theme___7mulH{--terra-date-time-picker-clarification-button-offset-background-color: #fff;--terra-date-time-picker-clarification-button-offset-height: 2.16667rem;--terra-date-time-picker-clarification-header-background-color: #f4f4f4;--terra-date-time-picker-clarification-header-border-bottom-color: #9b9fa1;--terra-date-time-picker-clarification-header-color: #1c1f21;--terra-date-time-picker-clarification-header-height: 2.83333rem;--terra-date-time-picker-clarification-header-padding: 0.25rem;--terra-date-time-picker-clarification-modal-background-color: #fff;--terra-date-time-picker-clarification-modal-border-radius: 0;--terra-date-time-picker-clarification-modal-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--terra-date-time-picker-clarification-modal-color: #1c1f21;--terra-date-time-picker-clarification-title-font-size: 1.667rem;--terra-date-time-picker-clarification-title-line-height: 1.25;--terra-date-time-picker-clarification-modal-border: #dedfe0}._TimeClarification-module__time-clarification___a-cWb{color:var(--terra-date-time-picker-clarification-modal-color);width:640px}[dir] ._TimeClarification-module__time-clarification___a-cWb{background-color:#fff;background-color:var(--terra-date-time-picker-clarification-modal-background-color, #fff);border:var(--terra-date-time-picker-clarification-modal-border);border-radius:5px;border-radius:var(--terra-date-time-picker-clarification-modal-border-radius, 5px);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-date-time-picker-clarification-modal-box-shadow, 0 3px 7px rgba(0, 0, 0, 0.3))}._TimeClarification-module__header___DHi7K{color:#1c1f21;color:var(--terra-date-time-picker-clarification-header-color, #1c1f21);height:3.587rem;height:var(--terra-date-time-picker-clarification-header-height, 3.587rem);width:100%}[dir] ._TimeClarification-module__header___DHi7K{background-color:#f4f4f4;background-color:var(--terra-date-time-picker-clarification-header-background-color, #f4f4f4);border-bottom-color:#dedfe0;border-bottom-color:var(--terra-date-time-picker-clarification-header-border-bottom-color, #dedfe0);border-bottom-style:solid;border-bottom-width:1px;padding:0.714rem;padding:var(--terra-date-time-picker-clarification-header-padding, 0.714rem)}._TimeClarification-module__title___bNP9P{font-size:1.285rem;font-size:var(--terra-date-time-picker-clarification-title-font-size, 1.285rem);font-weight:normal;line-height:1.75;line-height:var(--terra-date-time-picker-clarification-title-line-height, 1.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}[dir] ._TimeClarification-module__title___bNP9P{margin:0}[dir] ._TimeClarification-module__body___xJUYS{padding:.25rem .714rem}[dir] ._TimeClarification-module__body___xJUYS p{margin-top:.714rem}._TimeClarification-module__buttons___X700z{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}[dir] ._TimeClarification-module__buttons___X700z{margin:.714rem 0}[dir] ._TimeClarification-module__buttons___X700z ._TimeClarification-module__button-daylight___Y2IWC, [dir] ._TimeClarification-module__buttons___X700z ._TimeClarification-module__button-standard___ktUI\+{margin:.25rem}._TimeClarification-module__button-offset___VG0Om{height:2.142857rem;height:var(--terra-date-time-picker-clarification-button-offset-height, 2.142857rem)}[dir] ._TimeClarification-module__button-offset___VG0Om{background-color:#fff;background-color:var(--terra-date-time-picker-clarification-button-offset-background-color, #fff)}._TimeClarification-module__button-offset___VG0Om:focus{outline:none}._TimeClarification-module__button-offset-hidden___QEVm2{display:none}._TimeClarification-module__offset-button-container___WDUv\+{display:inline-block;vertical-align:top} diff --git a/11270-ef78788ea16851ca0543.js b/11270-ef78788ea16851ca0543.js new file mode 100644 index 0000000000..2a85b536bf --- /dev/null +++ b/11270-ef78788ea16851ca0543.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11270],{11551:function(e,t,n){"use strict";var a=n(64836),i=n(18698);t.Z=void 0;var l=a(n(27424)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=l?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(67294)),o=a(n(48978)),s=a(n(81852));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)}t.Z=function(){var e=(0,r.useState)(0),t=(0,l.default)(e,2),n=t[0],a=t[1],i=(0,r.useState)(0),d=(0,l.default)(i,2),u=d[0],m=d[1],h=(0,r.useState)(0),p=(0,l.default)(h,2),c=p[0],f=p[1],b=(0,r.useState)(""),g=(0,l.default)(b,2),j=g[0],x=g[1],v=(0,r.useState)(""),C=(0,l.default)(v,2),N=C[0],w=C[1],y=(0,r.useState)(""),k=(0,l.default)(y,2),T=k[0],O=k[1];return r.default.createElement("div",null,r.default.createElement("p",null,"onFocus Trigger Count:"," ",r.default.createElement("span",{id:"onFocus-count"},u),r.default.createElement("br",null),r.default.createElement("br",null),"onBlur Trigger Count:"," ",r.default.createElement("span",{id:"onBlur-count"},n),r.default.createElement("br",null),r.default.createElement("br",null),"onRequestClose Trigger Count:"," ",r.default.createElement("span",{id:"onRequestClose-count"},c),r.default.createElement("br",null),r.default.createElement("br",null),"onChangeRaw Triggered:"," ",r.default.createElement("span",{id:"onChangeRaw"},N),r.default.createElement("br",null),r.default.createElement("br",null),"onChange Triggered:"," ",r.default.createElement("span",{id:"onChange"},j),r.default.createElement("br",null),r.default.createElement("br",null),"onSelect Triggered:"," ",r.default.createElement("span",{id:"onSelect"},T)),r.default.createElement(o.default,{name:"date-time-picker-events",onBlur:function(){a(n+1)},onFocus:function(){m(u+1)},onChange:function(e,t){x(t)},onChangeRaw:function(e,t){w(t)},onSelect:function(e,t){O(t)},onRequestClose:function(){f(c+1)},timeVariant:s.default.FORMAT_12_HOUR,showSeconds:!0}))}},69091:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return x}});var a=n(67294),i=n(81254),l=n(27025),r=n(11551),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var u={};function m(e){var t=e.components,n=d(e,o);return(0,i.mdx)("wrapper",s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DateTimePicker from 'terra-date-time-picker';\nimport DateTimeUtils from 'terra-date-time-picker/lib/DateTimeUtils';\n\nconst DateTimePickerEvents = () => {\n const [blurCount, setBlurCount] = useState(0);\n const [focusCount, setFocusCount] = useState(0);\n const [onRequestCloseCount, setonRequestCloseCount] = useState(0);\n const [changeValue, setChangeValue] = useState('');\n const [changeRawValue, setChangeRawValue] = useState('');\n const [selectValue, setSelectValue] = useState('');\n\n const handleBlur = () => {\n setBlurCount(blurCount + 1);\n };\n\n const handleFocus = () => {\n setFocusCount(focusCount + 1);\n };\n\n const handleChange = (event, value) => {\n setChangeValue(value);\n };\n\n const handleChangeRaw = (event, value) => {\n setChangeRawValue(value);\n };\n\n const handleSelect = (event, value) => {\n setSelectValue(value);\n };\n\n const handleOnRequestClose = () => {\n setonRequestCloseCount(onRequestCloseCount + 1);\n };\n\n return (\n
\n

\n onFocus Trigger Count:\n {' '}\n {focusCount}\n
\n
\n onBlur Trigger Count:\n {' '}\n {blurCount}\n
\n
\n onRequestClose Trigger Count:\n {' '}\n {onRequestCloseCount}\n
\n
\n onChangeRaw Triggered:\n {' '}\n {changeRawValue}\n
\n
\n onChange Triggered:\n {' '}\n {changeValue}\n
\n
\n onSelect Triggered:\n {' '}\n {selectValue}\n

\n \n
\n );\n};\n\nexport default DateTimePickerEvents;\n\n")))}m.isMDXComponent=!0;var h=n(49271),p=function(e){var t=e.title,n=e.description,i=e.isExpanded;return a.createElement(h.Z,{title:t||"Date Time Picker Events",description:n,example:a.createElement(r.Z,null),exampleSrc:a.createElement(m,null),isExpanded:i})},c=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var g={},j="wrapper";function x(e){var t=e.components,n=b(e,c);return(0,i.mdx)(j,f({},g,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(l.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terra-date-time-picker"},"Terra Date Time Picker"),(0,i.mdx)("h2",{id:"events"},"Events"),(0,i.mdx)("p",null,"terra-date-time-picker has several callback events that are slightly different in behavior from the native counterparts."),(0,i.mdx)("h3",{id:"onblur"},"onBlur"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop is triggered only when the entire component loses focus. If the focus is moved from the date input to the time input, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," event will not be triggered since the focus is still within the DateTime Picker component. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," event would be triggered when the focus is moved to any element that is not a child node of the DateTime Picker."),(0,i.mdx)("li",{parentName:"ul"},"There are two paramters in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," callback prop. The first parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"event")," object representing the blur event. The second parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the component loses focus.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,i.mdx)("h3",{id:"onchange"},"onChange"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop is triggered only when both a valid date and time that conform to the format is entered directly in the date and time inputs or selected from the date picker. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop would not be triggered if the entered or selected date meets one of the following criteria.")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"An exlcuded date in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"excludeDates")," prop."),(0,i.mdx)("li",{parentName:"ul"},"A date that is filtered by the ",(0,i.mdx)("inlineCode",{parentName:"li"},"filterDate")," prop."),(0,i.mdx)("li",{parentName:"ul"},"Not an included date in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"includeDates")," prop."),(0,i.mdx)("li",{parentName:"ul"},"Not within the range of the ",(0,i.mdx)("inlineCode",{parentName:"li"},"minDate")," and ",(0,i.mdx)("inlineCode",{parentName:"li"},"maxDate")," props.")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback prop. The first parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"date and time")," value. The third parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," callback is triggered.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,i.mdx)("h3",{id:"onchangeraw"},"onChangeRaw"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop is triggered whenever any key is entered in the date input. If the entered value happens to be a valid date and time, both the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," and ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," events will be triggered. The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," event would be triggered first followed by the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," event."),(0,i.mdx)("li",{parentName:"ul"},"There are three parameters in the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback prop. The first parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"event")," object. The second parameter is ",(0,i.mdx)("inlineCode",{parentName:"li"},"either the date or time")," value, which ever was changed. The third parameter is the ",(0,i.mdx)("inlineCode",{parentName:"li"},"options")," object that contains the following attributes to describe the current state of the input values at the time when the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChangeRaw")," callback is triggered.",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"iSO")," - The date/time value in the ISO format. This attribute would be empty if the date/time value is either empty or is not a complete date time. That is, the ISO string is available only if the isCompleteValue attribute is true."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"inputValue")," - The face up value in the date and time inputs. If both the date and time have a value, these values will be separated by an white space."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"dateValue")," - The face up value in the date input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"timeValue")," - The face up value in the time input."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isAmbiguousHour")," - A boolean to indicate whether or not both the date and time values correspond to an ambiguous hour. If this boolean is true, the date and time correspond to an ambiguous hour."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isCompleteValue")," - A boolean to indicate whether or not both the date and time values are filled out and conforms to the date/time format. If this boolean is false, the iSO attribute would be empty."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"isValidValue")," - A boolean to indicate whether or not the complete date/time value is within the range of the minDate and maxDate props and is not an excluded date.")))),(0,i.mdx)("h3",{id:"onrequestclose"},"onRequestClose"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onRequestClose")," callback prop is triggered when dismissing the datepicker.")),(0,i.mdx)("h3",{id:"onfocus"},"onFocus"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")," callback prop is triggered when the component initially gains focus. If the focus is moved from the date input to the time input, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")," event will not be triggered since the focus is still within the DateTime Picker component. Similar to the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onBlur")," event, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onFocus")," event does not get triggered when the focus is moved from one child node of the DateTime Picker component to another child node of the same DateTime Picker component.")),(0,i.mdx)("h3",{id:"onselect"},"onSelect"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"The ",(0,i.mdx)("inlineCode",{parentName:"li"},"onSelect")," callback prop is triggered when a date is selected from the date picker. Once a date is selected, the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onChange")," event will be triggered first (if the newly selected is different from the previous date) followed by the ",(0,i.mdx)("inlineCode",{parentName:"li"},"onSelect")," event.")),(0,i.mdx)("h2",{id:"event-trigger-order"},"Event Trigger Order"),(0,i.mdx)("p",null,"When these actions are taken, the events are triggered in the following order."),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"Manual date entry ",(0,i.mdx)("ol",{parentName:"li"},(0,i.mdx)("li",{parentName:"ol"},"onChangeRaw"),(0,i.mdx)("li",{parentName:"ol"},"onChange (if the entered date and time are valid.)"))),(0,i.mdx)("li",{parentName:"ul"},"Selection from the picker",(0,i.mdx)("ol",{parentName:"li"},(0,i.mdx)("li",{parentName:"ol"},"onSelect"),(0,i.mdx)("li",{parentName:"ol"},"onChange (if the existing time is valid which now forms a complete date time value.)")))),(0,i.mdx)("h2",{id:"examples"},"Examples"),(0,i.mdx)(p,{title:"Date Picker Event Triggers",mdxType:"DateTimePickerEvents"}))}x.isMDXComponent=!0},46700:function(e,t,n){var a={"./af":42786,"./af.js":42786,"./ar":30867,"./ar-dz":14130,"./ar-dz.js":14130,"./ar-kw":96135,"./ar-kw.js":96135,"./ar-ly":56440,"./ar-ly.js":56440,"./ar-ma":47702,"./ar-ma.js":47702,"./ar-sa":16040,"./ar-sa.js":16040,"./ar-tn":37100,"./ar-tn.js":37100,"./ar.js":30867,"./az":31083,"./az.js":31083,"./be":9808,"./be.js":9808,"./bg":68338,"./bg.js":68338,"./bm":67438,"./bm.js":67438,"./bn":8905,"./bn-bd":76225,"./bn-bd.js":76225,"./bn.js":8905,"./bo":11560,"./bo.js":11560,"./br":1278,"./br.js":1278,"./bs":80622,"./bs.js":80622,"./ca":2468,"./ca.js":2468,"./cs":5822,"./cs.js":5822,"./cv":50877,"./cv.js":50877,"./cy":47373,"./cy.js":47373,"./da":24780,"./da.js":24780,"./de":59740,"./de-at":60217,"./de-at.js":60217,"./de-ch":60894,"./de-ch.js":60894,"./de.js":59740,"./dv":5300,"./dv.js":5300,"./el":50837,"./el.js":50837,"./en-au":78348,"./en-au.js":78348,"./en-ca":77925,"./en-ca.js":77925,"./en-gb":22243,"./en-gb.js":22243,"./en-ie":46436,"./en-ie.js":46436,"./en-il":47207,"./en-il.js":47207,"./en-in":44175,"./en-in.js":44175,"./en-nz":76319,"./en-nz.js":76319,"./en-sg":31662,"./en-sg.js":31662,"./eo":92915,"./eo.js":92915,"./es":55655,"./es-do":55251,"./es-do.js":55251,"./es-mx":96112,"./es-mx.js":96112,"./es-us":71146,"./es-us.js":71146,"./es.js":55655,"./et":5603,"./et.js":5603,"./eu":77763,"./eu.js":77763,"./fa":76959,"./fa.js":76959,"./fi":11897,"./fi.js":11897,"./fil":42549,"./fil.js":42549,"./fo":94694,"./fo.js":94694,"./fr":94470,"./fr-ca":63049,"./fr-ca.js":63049,"./fr-ch":52330,"./fr-ch.js":52330,"./fr.js":94470,"./fy":5044,"./fy.js":5044,"./ga":29295,"./ga.js":29295,"./gd":2101,"./gd.js":2101,"./gl":38794,"./gl.js":38794,"./gom-deva":27884,"./gom-deva.js":27884,"./gom-latn":23168,"./gom-latn.js":23168,"./gu":95349,"./gu.js":95349,"./he":24206,"./he.js":24206,"./hi":30094,"./hi.js":30094,"./hr":30316,"./hr.js":30316,"./hu":22138,"./hu.js":22138,"./hy-am":11423,"./hy-am.js":11423,"./id":29218,"./id.js":29218,"./is":90135,"./is.js":90135,"./it":90626,"./it-ch":10150,"./it-ch.js":10150,"./it.js":90626,"./ja":39183,"./ja.js":39183,"./jv":24286,"./jv.js":24286,"./ka":12105,"./ka.js":12105,"./kk":47772,"./kk.js":47772,"./km":18758,"./km.js":18758,"./kn":79282,"./kn.js":79282,"./ko":33730,"./ko.js":33730,"./ku":1408,"./ku.js":1408,"./ky":33291,"./ky.js":33291,"./lb":36841,"./lb.js":36841,"./lo":55466,"./lo.js":55466,"./lt":57010,"./lt.js":57010,"./lv":37595,"./lv.js":37595,"./me":39861,"./me.js":39861,"./mi":35493,"./mi.js":35493,"./mk":59637,"./mk.js":59637,"./ml":87341,"./ml.js":87341,"./mn":5115,"./mn.js":5115,"./mr":10370,"./mr.js":10370,"./ms":9847,"./ms-my":41237,"./ms-my.js":41237,"./ms.js":9847,"./mt":72126,"./mt.js":72126,"./my":56165,"./my.js":56165,"./nb":64924,"./nb.js":64924,"./ne":16744,"./ne.js":16744,"./nl":93901,"./nl-be":59814,"./nl-be.js":59814,"./nl.js":93901,"./nn":83877,"./nn.js":83877,"./oc-lnc":92135,"./oc-lnc.js":92135,"./pa-in":47762,"./pa-in.js":47762,"./pl":64495,"./pl.js":64495,"./pt":96432,"./pt-br":57971,"./pt-br.js":57971,"./pt.js":96432,"./ro":96459,"./ro.js":96459,"./ru":21793,"./ru.js":21793,"./sd":40950,"./sd.js":40950,"./se":10490,"./se.js":10490,"./si":90124,"./si.js":90124,"./sk":64249,"./sk.js":64249,"./sl":14985,"./sl.js":14985,"./sq":51104,"./sq.js":51104,"./sr":49131,"./sr-cyrl":79915,"./sr-cyrl.js":79915,"./sr.js":49131,"./ss":85893,"./ss.js":85893,"./sv":98760,"./sv.js":98760,"./sw":91172,"./sw.js":91172,"./ta":27333,"./ta.js":27333,"./te":23110,"./te.js":23110,"./tet":52095,"./tet.js":52095,"./tg":27321,"./tg.js":27321,"./th":9041,"./th.js":9041,"./tk":19005,"./tk.js":19005,"./tl-ph":75768,"./tl-ph.js":75768,"./tlh":89444,"./tlh.js":89444,"./tr":72397,"./tr.js":72397,"./tzl":28254,"./tzl.js":28254,"./tzm":51106,"./tzm-latn":30699,"./tzm-latn.js":30699,"./tzm.js":51106,"./ug-cn":9288,"./ug-cn.js":9288,"./uk":67691,"./uk.js":67691,"./ur":13795,"./ur.js":13795,"./uz":6791,"./uz-latn":14126,"./uz-latn.js":14126,"./uz.js":6791,"./vi":65666,"./vi.js":65666,"./x-pseudo":14378,"./x-pseudo.js":14378,"./yo":75805,"./yo.js":75805,"./zh-cn":83839,"./zh-cn.js":83839,"./zh-hk":55726,"./zh-hk.js":55726,"./zh-mo":99807,"./zh-mo.js":99807,"./zh-tw":74152,"./zh-tw.js":74152};function i(e){var t=l(e);return n(t)}function l(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}i.keys=function(){return Object.keys(a)},i.resolve=l,e.exports=i,i.id=46700}}]); \ No newline at end of file diff --git a/11299-d74500b294b7441950b9.js b/11299-d74500b294b7441950b9.js new file mode 100644 index 0000000000..d46b61b997 --- /dev/null +++ b/11299-d74500b294b7441950b9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11299],{95032:function(e,l,a){l.Z=void 0;var t=o(a(67294)),n=o(a(8556)),r=o(a(47166)),d=o(a(48824));function o(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(d.default);l.Z=function(){return t.default.createElement(n.default,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-1",className:m("form-select")},t.default.createElement(n.default.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(n.default.Option,{value:"small",display:"Small"}),t.default.createElement(n.default.Option,{value:"medium",display:"Medium"}),t.default.createElement(n.default.Option,{value:"large",display:"Large"}),t.default.createElement(n.default.Option,{value:"xLarge",display:"Extra Large"}))}},69111:function(e,l,a){l.Z=void 0;var t=o(a(67294)),n=o(a(8556)),r=o(a(47166)),d=o(a(48824));function o(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(d.default);l.Z=function(){return t.default.createElement(n.default,{required:!0,isIncomplete:!0,label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-2",className:m("form-select")},t.default.createElement(n.default.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(n.default.Option,{value:"small",display:"Small"}),t.default.createElement(n.default.Option,{value:"medium",display:"Medium"}),t.default.createElement(n.default.Option,{value:"large",display:"Large"}),t.default.createElement(n.default.Option,{value:"xLarge",display:"Extra Large"}))}},85727:function(e,l,a){l.Z=void 0;var t=o(a(67294)),n=o(a(8556)),r=o(a(47166)),d=o(a(48824));function o(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(d.default);l.Z=function(){return t.default.createElement(n.default,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-3",required:!0,className:m("form-select")},t.default.createElement(n.default.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(n.default.Option,{value:"small",display:"Small"}),t.default.createElement(n.default.Option,{value:"medium",display:"Medium"}),t.default.createElement(n.default.Option,{value:"large",display:"Large"}),t.default.createElement(n.default.Option,{value:"xLarge",display:"Extra Large"}))}},49271:function(e,l,a){var t=a(64836),n=a(18698);l.Z=void 0;var r=t(a(27424)),d=function(e,l){if(!l&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var a=x(l);if(a&&a.has(e))return a.get(e);var t={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=r?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(t,d,o):t[d]=e[d]}t.default=e,a&&a.set(e,t);return t}(a(67294)),o=t(a(45697)),m=t(a(47166)),i=a(21538),p=t(a(33864)),u=t(a(23399)),s=a(51051),c=t(a(53560));function x(e){if("function"!=typeof WeakMap)return null;var l=new WeakMap,a=new WeakMap;return(x=function(e){return e?a:l})(e)}var f=m.default.bind(c.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var l=e.example,a=e.exampleSrc,t=e.exampleCssSrc,n=e.title,o=e.description,m=e.isExpanded,c=(0,d.useState)(m),x=(0,r.default)(c,2),y=x[0],v=x[1],h=(0,d.useState)(!1),T=(0,r.default)(h,2),C=T[0],O=T[1],N=d.default.useContext(i.ThemeContext),E=void 0!==t,_=function(){O(!C),y&&v(!y)},j=function(){v(!y),C&&O(!C)},w=function(e,l){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),l())};return d.default.createElement("div",{className:f("template",N.className)},d.default.createElement("div",{className:f("header")},n&&d.default.createElement("h2",{className:f("title")},n)),d.default.createElement("div",{className:f("content")},o&&d.default.createElement("div",{className:f("description")},o),l),d.default.createElement("div",{className:f("footer")},a?d.default.createElement("div",{className:f("button-container")},E&&d.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":C}),onClick:_,onKeyDown:function(e){return w(e,_)},onBlur:b,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(u.default,{className:f("chevron")})),d.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":y}),onClick:j,onKeyDown:function(e){return w(e,j)},onBlur:b,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(p.default,{className:f("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(u.default,{className:f("chevron")}))):null,d.default.createElement("div",null,C&&d.default.createElement("div",{className:f("css")},t),y&&d.default.createElement("div",{className:f("code")},a))))};v.propTypes=y,v.defaultProps={isExpanded:!1};var h=v;l.Z=h},60876:function(e,l,a){a.r(l),a.d(l,{default:function(){return V}});var t=a(67294),n=a(81254),r=a(57739),d=a(95032),o=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p={};function u(e){var l=e.components,a=i(e,o);return(0,n.mdx)("wrapper",m({},p,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ComboboxField from \'terra-form-select/lib/ComboboxField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxFieldExample;\n\n')))}u.isMDXComponent=!0;var s=a(49271),c=a(15305),x=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(s.Z,{title:l||"Combobox Field",description:a,example:t.createElement(d.Z,null),exampleCssSrc:t.createElement(c.Z,null),exampleSrc:t.createElement(u,null),isExpanded:n})},f=a(85727),y=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var v={};function h(e){var l=e.components,a=g(e,y);return(0,n.mdx)("wrapper",b({},v,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ComboboxField from \'terra-form-select/lib/ComboboxField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxFieldExample;\n\n')))}h.isMDXComponent=!0;var T=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(s.Z,{title:l||"Required Combobox Field",description:a,example:t.createElement(f.Z,null),exampleCssSrc:t.createElement(c.Z,null),exampleSrc:t.createElement(h,null),isExpanded:n})},C=a(69111),O=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var _={};function j(e){var l=e.components,a=E(e,O);return(0,n.mdx)("wrapper",N({},_,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ComboboxField from \'terra-form-select/lib/ComboboxField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxFieldExample;\n\n')))}j.isMDXComponent=!0;var w=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(s.Z,{title:l||"Incomplete Combobox Field",description:a,example:t.createElement(C.Z,null),exampleCssSrc:t.createElement(c.Z,null),exampleSrc:t.createElement(j,null),isExpanded:n})},R=a(78530),S=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var P={},W="wrapper";function F(e){var l=e.components,a=q(e,S);return(0,n.mdx)(W,D({},P,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(R.ZP,{mdxType:"PropsTable"},(0,n.mdx)(R.X2,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"allowClear"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether a clear option is available to clear the selection."))),(0,n.mdx)(R.X2,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The select options."))),(0,n.mdx)(R.X2,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(R.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The field label."))),(0,n.mdx)(R.X2,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"defaultValue"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,n.mdx)(R.X2,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the input is disabled."))),(0,n.mdx)(R.X2,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"error"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,n.mdx)(R.X2,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"help"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Help message to display with the select."))),(0,n.mdx)(R.X2,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"hideRequired"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,n.mdx)(R.X2,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"isIncomplete"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,n.mdx)("em",{parentName:"p"},"(usage note: ",(0,n.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,n.mdx)(R.X2,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"isInline"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,n.mdx)(R.X2,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"isInvalid"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,n.mdx)(R.X2,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"isLabelHidden"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,n.mdx)(R.X2,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,n.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,n.mdx)(R.X2,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"labelAttrs"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,n.mdx)(R.X2,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"maxHeight"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The max height of the dropdown."))),(0,n.mdx)(R.X2,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"maxWidth"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Set the max-width of a field using ",(0,n.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,n.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,n.mdx)(R.X2,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"onChange"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function triggered when the select value changes. function(value)"))),(0,n.mdx)(R.X2,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"placeholder"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Placeholder text."))),(0,n.mdx)(R.X2,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"required"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is required."))),(0,n.mdx)(R.X2,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"selectAttrs"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,n.mdx)(R.X2,{key:"ROW21",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"selectId"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(R.dS,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,n.mdx)(R.X2,{key:"ROW22",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"showOptional"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,n.mdx)(R.X2,{key:"ROW23",mdxType:"Row"},(0,n.mdx)(R.O,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(R.Di,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,n.mdx)(R.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(R.mW,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(R.Ex,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers.")))))}F.isMDXComponent=!0;var k=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var L={},X="wrapper";function V(e){var l=e.components,a=M(e,k);return(0,n.mdx)(X,I({},L,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-form-combobox-field"},"Terra Form Combobox Field"),(0,n.mdx)("p",null,"A convenience wrapper assembling a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select/src/Combobox.jsx"},"terra-form-select Combobox")," within a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ComboboxField from 'terra-form-select/lib/ComboboxField';\n")),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(x,{title:"Combobox Field Example",mdxType:"ComboboxFieldExample"}),(0,n.mdx)(T,{title:"Required Combobox Field Example",mdxType:"RequiredComboboxFieldExample"}),(0,n.mdx)(w,{title:"Incomplete Combobox Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteComboboxFieldExample"}),(0,n.mdx)("h2",{id:"combobox-field-props"},"Combobox Field Props"),(0,n.mdx)(F,{mdxType:"ComboboxFieldPropsTable"}))}V.isMDXComponent=!0},15305:function(e,l,a){a.d(l,{Z:function(){return i}});a(67294);var t=a(81254),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var o={},m="wrapper";function i(e){var l=e.components,a=d(e,n);return(0,t.mdx)(m,r({},o,a,{components:l,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n}\n\n")))}i.isMDXComponent=!0},57739:function(e,l,a){a.d(l,{C:function(){return r}});var t=a(67294),n=a(22863),r=function(e){var l=e.url;return t.createElement(n.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.49.0",url:l})}},48824:function(e,l,a){a.r(l),l.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn"}},53560:function(e,l,a){a.r(l),l.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"}},21488:function(e,l,a){a.r(l),l.default={"clinical-lowlight-theme":"_ClearOption-module__clinical-lowlight-theme___didEg","orion-fusion-theme":"_ClearOption-module__orion-fusion-theme___KZPgR","clear-option":"_ClearOption-module__clear-option___0FCZT"}},8556:function(e,l,a){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=p(a(67294)),n=p(a(45697)),r=p(a(47717)),d=p(a(30555)),o=p(a(87786)),m=p(a(88413)),i=["allowClear","children","defaultValue","disabled","error","help","hideRequired","isIncomplete","isInline","isInvalid","isLabelHidden","isTouchAccessible","label","labelAttrs","maxHeight","maxWidth","onChange","placeholder","required","selectAttrs","selectId","showOptional","value"];function p(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var c={allowClear:n.default.bool,children:n.default.node,label:n.default.string.isRequired,defaultValue:n.default.oneOfType([n.default.string,n.default.number,n.default.array]),disabled:n.default.bool,error:n.default.node,help:n.default.node,hideRequired:n.default.bool,isIncomplete:n.default.bool,isInline:n.default.bool,isInvalid:n.default.bool,isLabelHidden:n.default.bool,isTouchAccessible:n.default.bool,labelAttrs:n.default.object,maxHeight:n.default.number,maxWidth:n.default.string,onChange:n.default.func,placeholder:n.default.string,required:n.default.bool,selectAttrs:n.default.object,selectId:n.default.string.isRequired,showOptional:n.default.bool,value:n.default.oneOfType([n.default.string,n.default.number,n.default.array])},x={allowClear:!1,children:void 0,defaultValue:void 0,disabled:!1,error:void 0,help:void 0,hideRequired:!1,isIncomplete:!1,isInline:!1,isInvalid:!1,isTouchAccessible:!1,isLabelHidden:!1,labelAttrs:{},maxHeight:void 0,maxWidth:void 0,onChange:void 0,placeholder:void 0,required:!1,selectAttrs:{},showOptional:!1,value:void 0},f=function(e){var l,a=e.allowClear,n=e.children,o=e.defaultValue,m=e.disabled,p=e.error,c=e.help,x=e.hideRequired,f=e.isIncomplete,y=e.isInline,b=e.isInvalid,g=e.isLabelHidden,v=e.isTouchAccessible,h=e.label,T=e.labelAttrs,C=e.maxHeight,O=e.maxWidth,N=e.onChange,E=e.placeholder,_=e.required,j=e.selectAttrs,w=e.selectId,R=e.showOptional,S=e.value,D=s(e,i);return c&&p&&b?l="".concat(w,"-error ").concat(w,"-help"):(c&&(l="".concat(w,"-help")),p&&b&&(l="".concat(w,"-error"))),t.default.createElement(r.default,u({},D,{label:h,labelAttrs:T,error:p,help:c,hideRequired:x,required:_,showOptional:R,isInvalid:b,isInline:y,isLabelHidden:g,htmlFor:w,maxWidth:O}),t.default.createElement(d.default,u({},j,{ariaLabel:h,allowClear:a,"aria-describedby":l,disabled:j.disabled||m,inputId:w,isIncomplete:f,isInvalid:b,isTouchAccessible:v,defaultValue:o,maxHeight:C||j.maxHeight,onChange:N,placeholder:E,required:_,value:S}),n))};f.propTypes=c,f.defaultProps=x,f.Option=m.default,f.OptGroup=o.default;l.default=f},32751:function(e,l,a){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=m(a(67294)),n=m(a(45697)),r=a(25387),d=m(a(88413)),o=["value","intl"];function m(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var u={intl:n.default.shape({formatMessage:n.default.func}).isRequired,value:n.default.oneOfType([n.default.number,n.default.string])},s=function(e){var l=e.value,a=e.intl,n=p(e,o);return t.default.createElement(d.default,i({},n,{isAddOption:!0,value:l,display:a.formatMessage({id:"Terra.form.select.add"},{text:l}),"data-terra-select-add-option":!0}))};s.propTypes=u,s.isOption=!0;l.default=(0,r.injectIntl)(s)},61698:function(e,l,a){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=u(a(67294)),n=u(a(45697)),r=u(a(94184)),d=u(a(47166)),o=u(a(50026)),m=u(a(88413)),i=u(a(21488)),p=["display","value"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var x=d.default.bind(i.default),f={display:n.default.string,value:n.default.string},y=function(e){var l=e.display,a=e.value,n=c(e,p),d=t.default.useContext(o.default);return t.default.createElement(m.default,s({},n,{className:(0,r.default)(x("clear-option",d.className),n.className),display:l,value:a,isSelected:!1,"data-terra-select-clear-option":!0}))};y.propTypes=f,y.isOption=!0;l.default=y},33864:function(e,l,a){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=r(a(67294)),n=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var p={},c="wrapper";function u(e){var r=e.components,n=l(e,o);return(0,t.mdx)(c,a({},p,n,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)("h1",{id:"custom-property-no-duplicate-declaration"},"custom-property-no-duplicate-declaration"),(0,t.mdx)("p",null,"Disallows a custom property to be declared more than once with a different fallback value."),(0,t.mdx)("h2",{id:"options"},"Options"),(0,t.mdx)("p",null,(0,t.mdx)("inlineCode",{parentName:"p"},"boolean"),": ",(0,t.mdx)("inlineCode",{parentName:"p"},"true")),(0,t.mdx)("p",null,"The following patterns are considered violations:"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-css"},"a {\n /* Custom Property ↓ ↓ Value */\n color: var(--terra-example-color, #000);\n}\n\n.anchor {\n /* Custom Property ↓ ↓ Value */\n color: var(--terra-example-color, #111);\n}\n")),(0,t.mdx)("p",null,"The following patterns are ",(0,t.mdx)("em",{parentName:"p"},"not")," considered violations:"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-css"},"a {\n /* Custom Property ↓ ↓ Value */\n color: var(--terra-example-color, #000);\n}\n\n.anchor {\n /* Custom Property ↓ ↓ Value */\n color: var(--terra-example-color, #000);\n}\n")))}u.isMDXComponent=!0;var i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d={},f="wrapper";function y(e){var r=e.components,n=m(e,i);return(0,t.mdx)(f,s({},d,n,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(u,{mdxType:"Readme"}))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/11799-9cfc9f1e9f8d0a129ee2.css b/11799-9cfc9f1e9f8d0a129ee2.css new file mode 100644 index 0000000000..fb4490f689 --- /dev/null +++ b/11799-9cfc9f1e9f8d0a129ee2.css @@ -0,0 +1,4 @@ +.Whitespace-module__whitespace___nfEbP{display:block;min-height:0}[dir] .Whitespace-module__whitespace___nfEbP{margin:0;padding:0}.Whitespace-module__newline-1___JsrIt{height:1.4285714286em}.Whitespace-module__newline-2___Q0uWI{height:2.8571428572em}.Whitespace-module__newline-3___Q94cX{height:4.2857142858em}.Whitespace-module__newline-4___20zS-{height:5.7142857144em}.Whitespace-module__newline-5___nHyJ-{height:7.142857143em}.Whitespace-module__newline-6___TGqYR{height:8.5714285716em}.Whitespace-module__newline-7___4YsCl{height:10.0000000002em}.Whitespace-module__newline-8___NTNEl{height:11.4285714288em} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.Toggle-module__toggle___7F95e[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7F95e[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7F95e[aria-hidden=false]{transition-delay:0s} diff --git a/11817-07d726bb2645325b3f33.js b/11817-07d726bb2645325b3f33.js new file mode 100644 index 0000000000..dca596d41b --- /dev/null +++ b/11817-07d726bb2645325b3f33.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[11817],{68586:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___clY96","orion-fusion-theme":"Input-module__orion-fusion-theme___phvH5","form-input":"Input-module__form-input___Fk8kb","form-error":"Input-module__form-error___aU4hq","form-incomplete":"Input-module__form-incomplete___h4I7H"}},55142:function(e,t,r){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=c(r(67294)),l=c(r(45697)),a=c(r(94184)),u=c(r(47166)),i=c(r(50026)),f=c(r(68586)),d=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function h(e,t){for(var r=0;r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var p={inputId:o.default.string.isRequired,label:o.default.string.isRequired,defaultValue:o.default.oneOfType([o.default.string,o.default.number]),disabled:o.default.bool,error:o.default.node,errorIcon:o.default.element,help:o.default.node,hideRequired:o.default.bool,inputAttrs:o.default.object,isIncomplete:o.default.bool,isInline:o.default.bool,isInvalid:o.default.bool,isLabelHidden:o.default.bool,labelAttrs:o.default.object,maxWidth:o.default.string,onChange:o.default.func,onInput:o.default.func,refCallback:o.default.func,required:o.default.bool,showOptional:o.default.bool,type:o.default.string,value:o.default.oneOfType([o.default.string,o.default.number])},s={defaultValue:void 0,disabled:!1,error:null,errorIcon:n.default.createElement(a.default,null),help:null,hideRequired:!1,inputAttrs:{},isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},onChange:void 0,onInput:void 0,maxWidth:void 0,refCallback:void 0,required:!1,showOptional:!1,type:void 0,value:void 0},b=function(e){var t,r=e.defaultValue,o=e.disabled,a=e.error,f=e.errorIcon,p=e.help,s=e.hideRequired,b=e.inputAttrs,y=e.inputId,h=e.isIncomplete,v=e.isInline,m=e.isInvalid,O=e.isLabelHidden,g=e.label,I=e.labelAttrs,j=e.maxWidth,_=e.onChange,w=e.onInput,P=e.refCallback,C=e.required,k=e.showOptional,q=e.type,S=e.value,x=c(e,i);p&&a&&m?t="".concat(y,"-error ").concat(y,"-help"):(p&&(t="".concat(y,"-help")),a&&m&&(t="".concat(y,"-error")));var E=q||b.type;return x.placeholder&&(x.placeholder=null),n.default.createElement(l.default,d({label:g,labelAttrs:I,error:a,errorIcon:f,help:p,hideRequired:s,required:C,showOptional:k,isInvalid:m,isInline:v,isLabelHidden:O,htmlFor:y,maxWidth:j},x),n.default.createElement(u.default,d({},b,{disabled:b.disabled||o,id:y,isIncomplete:h,type:E,onChange:_,onInput:w,value:S,defaultValue:r,refCallback:P,"aria-describedby":t})))};b.propTypes=p,b.defaultProps=s;t.default=b}}]); \ No newline at end of file diff --git a/11841-199097d3ce993441c3a8.css b/11841-199097d3ce993441c3a8.css new file mode 100644 index 0000000000..f854fadf2d --- /dev/null +++ b/11841-199097d3ce993441c3a8.css @@ -0,0 +1,7 @@ +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +._MaxSelection-module__clinical-lowlight-theme___ie0WY{--terra-form-select-max-selection-padding: 0.28571rem 0.714286rem}._MaxSelection-module__orion-fusion-theme___9hy2S{--terra-form-select-max-selection-padding: 0.5rem 1rem}._MaxSelection-module__max-selection___qYj-f{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._MaxSelection-module__max-selection___qYj-f{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-max-selection-padding, 0.28571rem 0.714286rem)} +._Tag-module__clinical-lowlight-theme___HHYvE{--terra-form-select-tag-background: #1d2427;--terra-form-select-tag-border-radius: 3px;--terra-form-select-tag-font-size: 1rem;--terra-form-select-tag-height: auto;--terra-form-select-tag-line-height: 1.143;--terra-form-select-tag-margin-right: 0.42857rem;--terra-form-select-tag-margin-top: 0.21428571428571427rem;--terra-form-select-tag-display-border-bottom: 1px solid #181b1d;--terra-form-select-tag-display-color: #b2b5b6;--terra-form-select-tag-display-padding: 0.14285714285714285rem 0.571429rem;--terra-form-select-tag-deselect-background: #2d3539;--terra-form-select-tag-deselect-border-bottom: 1px solid #181b1d;--terra-form-select-tag-deselect-font-size: 1rem;--terra-form-select-tag-deselect-padding: 0.2142857rem 0.5rem;--terra-form-select-tag-deselect-hover-background: #1a2023;--terra-form-select-tag-deselect-hover-border-bottom: 1px solid #181b1d;--terra-form-select-tag-icon-height: 0.7142857142857143rem;--terra-form-select-tag-icon-width: 0.7142857142857143rem;--terra-form-select-tag-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23c5c5c6%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%2F%3E%3C%2Fsvg%3E")}._Tag-module__orion-fusion-theme___qlVM1{--terra-form-select-tag-background: #f2f2f2;--terra-form-select-tag-border-radius: 3px;--terra-form-select-tag-font-size: 1rem;--terra-form-select-tag-height: auto;--terra-form-select-tag-line-height: normal;--terra-form-select-tag-margin-right: 0.5rem;--terra-form-select-tag-margin-top: 0.25rem;--terra-form-select-tag-display-border-bottom: 1px solid #dedfe0;--terra-form-select-tag-display-color: #1c1f21;--terra-form-select-tag-display-padding: 0.16667rem 0.33333rem;--terra-form-select-tag-deselect-background: #dedfe0;--terra-form-select-tag-deselect-border-bottom: 1px solid #dedfe0;--terra-form-select-tag-deselect-font-size: 1rem;--terra-form-select-tag-deselect-padding: 0.16667rem 0.33333rem;--terra-form-select-tag-deselect-hover-background: #b9bbbc;--terra-form-select-tag-deselect-hover-border-bottom: 1px solid #dedfe0;--terra-form-select-tag-icon-height: 0.91667rem;--terra-form-select-tag-icon-width: 0.91667rem;--terra-form-select-tag-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M4.2%2048L0%2043.8%2043.8%200%2048%204.2zM43.8%2048L0%204.2%204.2%200%2048%2043.8z%22%2F%3E%3C%2Fsvg%3E")}._Tag-module__tag___969yD{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;font-size:1rem;font-size:var(--terra-form-select-tag-font-size, 1rem);height:auto;height:var(--terra-form-select-tag-height, auto);line-height:1.143;line-height:var(--terra-form-select-tag-line-height, 1.143);overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir] ._Tag-module__tag___969yD{background:#f2f2f2;background:var(--terra-form-select-tag-background, #f2f2f2);border-radius:3px;border-radius:var(--terra-form-select-tag-border-radius, 3px);margin-top:0.2142857143rem;margin-top:var(--terra-form-select-tag-margin-top, 0.2142857143rem)}[dir=ltr] ._Tag-module__tag___969yD{margin-right:0.42857rem;margin-right:var(--terra-form-select-tag-margin-right, 0.42857rem)}[dir=rtl] ._Tag-module__tag___969yD{margin-left:0.42857rem;margin-left:var(--terra-form-select-tag-margin-right, 0.42857rem)}._Tag-module__display___HBS3z{color:#1c1f21;color:var(--terra-form-select-tag-display-color, #1c1f21);display:inline-block;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._Tag-module__display___HBS3z{border-bottom:0.14286rem solid #dedfe0;border-bottom:var(--terra-form-select-tag-display-border-bottom, 0.14286rem solid #dedfe0);padding:0.1428571429rem 0.571429rem;padding:var(--terra-form-select-tag-display-padding, 0.1428571429rem 0.571429rem)}._Tag-module__deselect___10G1R{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-size:1rem;font-size:var(--terra-form-select-tag-deselect-font-size, 1rem)}[dir] ._Tag-module__deselect___10G1R{background:#e0e0e0;background:var(--terra-form-select-tag-deselect-background, #e0e0e0);border-bottom:0.14286rem solid #aeaeaf;border-bottom:var(--terra-form-select-tag-deselect-border-bottom, 0.14286rem solid #aeaeaf);cursor:pointer;padding:0.2142857rem 0.5rem;padding:var(--terra-form-select-tag-deselect-padding, 0.2142857rem 0.5rem)}[dir] ._Tag-module__deselect___10G1R:hover{background:#b9bbbc;background:var(--terra-form-select-tag-deselect-hover-background, #b9bbbc);border-bottom:0.14286rem solid #8f8f90;border-bottom:var(--terra-form-select-tag-deselect-hover-border-bottom, 0.14286rem solid #8f8f90)}._Tag-module__icon___cl1zJ{display:inline-block;height:0.7142857143rem;height:var(--terra-form-select-tag-icon-height, 0.7142857143rem);width:0.7142857143rem;width:var(--terra-form-select-tag-icon-width, 0.7142857143rem)}[dir] ._Tag-module__icon___cl1zJ{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-select-tag-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain} +.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px} diff --git a/12389-5d8eedd5dfc6d501350d.css b/12389-5d8eedd5dfc6d501350d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/12389-5d8eedd5dfc6d501350d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/12389-5d8eedd5dfc6d501350d.js b/12389-5d8eedd5dfc6d501350d.js new file mode 100644 index 0000000000..accd14ad09 --- /dev/null +++ b/12389-5d8eedd5dfc6d501350d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12389,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,n){var t=n(64836);a.Z=void 0;var r=t(n(67294)),d=t(n(45697)),l=t(n(47166)),i=t(n(17422)),m=l.default.bind(i.default),s={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,n=e.name,t=e.url,d=e.version,l=r.default.createElement("a",{className:m("badge"),href:t||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},r.default.createElement("span",{className:m("badge-name")},t?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(d))),i=a?r.default.createElement("a",{className:m("badge"),href:a},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},l,i)};o.propTypes=s;var p=o;a.Z=p},12389:function(e,a,n){n.r(a),n.d(a,{default:function(){return o}});n(67294);var t=n(81254),r=n(77292),d=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={},s="wrapper";function o(e){var a=e.components,n=i(e,d);return(0,t.mdx)(s,l({},m,n,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(r.C,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"package-json-lint-rules"},"Package JSON Lint Rules"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Rule Name"),(0,t.mdx)("th",{parentName:"tr",align:null},"Severity Type"),(0,t.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-dependencies-declared-at-appropriate-level")),(0,t.mdx)("td",{parentName:"tr",align:null},"warn"),(0,t.mdx)("td",{parentName:"tr",align:null},"Notifies when there are dependencies declared at an inappropriate level. For example babel compilers and webpack should be devDependencies and not regular dependencies. Doesn't apply for devModule.")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-no-hard-coded-dependency-versions")),(0,t.mdx)("td",{parentName:"tr",align:null},"error"),(0,t.mdx)("td",{parentName:"tr",align:null},"Prevents hard-coded dependencies from being specified in the package.json. Only applies for module and devModule.")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-no-terra-base-peer-dependency-versions")),(0,t.mdx)("td",{parentName:"tr",align:null},"warn"),(0,t.mdx)("td",{parentName:"tr",align:null},"Notifies when using terra packages that require terra-base as a peerDependency.")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},(0,t.mdx)("strong",{parentName:"td"},"require-theme-context-versions")),(0,t.mdx)("td",{parentName:"tr",align:null},"warn"),(0,t.mdx)("td",{parentName:"tr",align:null},"Notifies when using terra packages that don't use terra-theme-context as a dependency.")))))}o.isMDXComponent=!0},77292:function(e,a,n){n.d(a,{C:function(){return d}});var t=n(67294),r=n(22863),d=function(e){var a=e.url;return t.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/package-json-lint",name:"@cerner/package-json-lint",version:"2.2.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/12953-be1ef5d150290816816d.css b/12953-be1ef5d150290816816d.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/12953-be1ef5d150290816816d.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/12953-be1ef5d150290816816d.js b/12953-be1ef5d150290816816d.js new file mode 100644 index 0000000000..68e5cb3cf2 --- /dev/null +++ b/12953-be1ef5d150290816816d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12953,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),i=r(n(45697)),o=r(n(47166)),d=r(n(17422)),c=o.default.bind(d.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},l=function(e){var a=e.src,n=e.name,r=e.url,i=e.version,o=t.default.createElement("a",{className:c("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},t.default.createElement("span",{className:c("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:c("badge-version")},"v".concat(i))),d=a?t.default.createElement("a",{className:c("badge"),href:a},t.default.createElement("span",{className:c("badge-name")},"github"),t.default.createElement("span",{className:c("badge-version")},"source")):void 0;return t.default.createElement("div",{className:c("badge-container")},o,d)};l.propTypes=s;var p=l;a.Z=p},12953:function(e,a,n){n.r(a),n.d(a,{default:function(){return l}});n(67294);var r=n(81254),t=n(93626),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var c={},s="wrapper";function l(e){var a=e.components,n=d(e,i);return(0,r.mdx)(s,o({},c,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"webpack-config-terra-upgrade-guide"},"webpack-config-terra Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-cernerwebpack-config-terra-2-to-cernerwebpack-config-terra-3"},"Changes from @cerner/webpack-config-terra 2 to @cerner/webpack-config-terra 3"),(0,r.mdx)("h3",{id:"updated-webpack-dev-server-from-version-3-to-verison-4"},"Updated Webpack-Dev-Server from version 3 to verison 4"),(0,r.mdx)("p",null,"Webpack-dev-server has been updated to the latest version 4.x. This update will fix hot reloading issue on development mode which stopped working after upgrading Webpack to verison 5."),(0,r.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,r.mdx)("p",null,"Webpack-dev-server v3 will not work with webpack-config-terra v3. The webpack-dev-server has replaced the configuration options ( listed below ) in v4, These changes will cause webpack-dev-server v3 configurations to fail with webpack-config-terra v3."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"inline")," has been removed without replacement in webpack-dev-server v4."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"stats"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"index")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"publicPath")," has been moved to ",(0,r.mdx)("inlineCode",{parentName:"li"},"devMiddleware")," option.")),(0,r.mdx)("p",null,"Updating webpack-config-terra to v3 would require consuming projects to update webpack-dev-server to v4 in their local dependencies."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},' "devDependencies": {\n- "webpack-dev-server": "^3.x.x"\n+ "webpack-dev-server": "^4.7.2"\n }\n')))}l.isMDXComponent=!0},93626:function(e,a,n){n.d(a,{C:function(){return i}});var r=n(67294),t=n(22863),i=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.3.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13011-e8d0a42f1408a29ba945.css b/13011-e8d0a42f1408a29ba945.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/13011-e8d0a42f1408a29ba945.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/13011-e8d0a42f1408a29ba945.js b/13011-e8d0a42f1408a29ba945.js new file mode 100644 index 0000000000..e3d3b72519 --- /dev/null +++ b/13011-e8d0a42f1408a29ba945.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13011,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),t=d(l(17422)),u=r.default.bind(t.default),i={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),t=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,t)};p.propTypes=i;var x=p;a.Z=x},13011:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(67294);var d=l(81254),m=l(65814),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var u={},i="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,d.mdx)(i,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"5390---july-31-2023"},"5.39.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5380---july-19-2023"},"5.38.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5370---february-14-2023"},"5.37.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"5360---march-15-2022"},"5.36.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs terra-framework-docs")))),(0,d.mdx)("h2",{id:"5350---september-20-2021"},"5.35.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"5340---july-21-2021"},"5.34.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,d.mdx)("h2",{id:"5331---june-8-2021"},"5.33.1 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5330---april-6-2021"},"5.33.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"5320---march-9-2021"},"5.32.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to terra-functional-testing")))),(0,d.mdx)("h2",{id:"5310---february-2-2021"},"5.31.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5300---january-5-2021"},"5.30.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5290---december-8-2020"},"5.29.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"5280---november-10-2020"},"5.28.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5270---october-13-2020"},"5.27.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed terra-markdown and terra-toggle dependency.")))),(0,d.mdx)("h2",{id:"5260---august-4-2020"},"5.26.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"5250---july-14-2020"},"5.25.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove unused disable eslint directives")))),(0,d.mdx)("h2",{id:"5240---june-2-2020"},"5.24.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5230---april-28-2020"},"5.23.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"5220---march-31-2020"},"5.22.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"5210---march-3-2020"},"5.21.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,d.mdx)("h2",{id:"5200---february-18-2020"},"5.20.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,d.mdx)("h2",{id:"5190---january-28-2020"},"5.19.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"5180---january-7-2020"},"5.18.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"5170---december-10-2019"},"5.17.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,d.mdx)("h2",{id:"5160---november-7-2019"},"5.16.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"5150---october-16-2019"},"5.15.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"5140---october-3-2019"},"5.14.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"5130---september-26-2019"},"5.13.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"5120---september-19-2019"},"5.12.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution")))),(0,d.mdx)("h2",{id:"5110---september-6-2019"},"5.11.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"5100---august-21-2019"},"5.10.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,d.mdx)("h2",{id:"590---august-14-2019"},"5.9.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"580---july-30-2019"},"5.8.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"570---july-16-2019"},"5.7.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"560---july-10-2019"},"5.6.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"550---july-2-2019"},"5.5.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"540---june-19-2019"},"5.4.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"530---june-12-2019"},"5.3.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio spec to use Terra.describeViewports")))),(0,d.mdx)("h2",{id:"520---may-21-2019"},"5.2.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added hard-coded breakpoint values to NavigationLayout.jsx"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed dependency on terra-responsive-element")))),(0,d.mdx)("h2",{id:"510---may-15-2019"},"5.1.0 - (May 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"500---may-13-2019"},"5.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react-router-dom peerDependency to latest stable major release")))),(0,d.mdx)("h2",{id:"450---april-24-2019"},"4.5.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"440---april-2-2019"},"4.4.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"430---march-26-2019"},"4.3.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"420---february-13-2019"},"4.2.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"410---february-5-2019"},"4.1.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"400---january-25-2019"},"4.0.0 - (January 25, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove the use of componentWillReceiveProps")))),(0,d.mdx)("h2",{id:"330---january-5-2019"},"3.3.0 - (January 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"320---january-2-2019"},"3.2.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated readme so headings have logical nesting.")))),(0,d.mdx)("h2",{id:"310---december-5-2018"},"3.1.0 - (December 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"300---december-3-2018"},"3.0.0 - (December 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed instances of the NavigationLayout and related components injecting an ",(0,d.mdx)("inlineCode",{parentName:"li"},"app")," prop into child components."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed dependency on terra-app-delegate package.")))),(0,d.mdx)("h2",{id:"2220---november-15-2018"},"2.22.0 - (November 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"2210---october-16-2018"},"2.21.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"2200---october-8-2018"},"2.20.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated links in docs on supported features")))),(0,d.mdx)("h2",{id:"2190---september-25-2018"},"2.19.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"2180---september-11-2018"},"2.18.0 - (September 11, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2170---september-5-2018"},"2.17.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2160---august-30-2018"},"2.16.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v5 update")))),(0,d.mdx)("h2",{id:"2150---august-13-2018"},"2.15.0 - (August 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint errors regarding file path resolution")))),(0,d.mdx)("h2",{id:"2140---july-26-2018"},"2.14.0 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"2130---july-25-2018"},"2.13.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"2120---july-10-2018"},"2.12.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove dependency on terra-menu, update dependency on reponsive-element.")))),(0,d.mdx)("h2",{id:"2110---july-3-2018"},"2.11.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change logs to documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2100---june-29-2018"},"2.10.0 - (June 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"290---june-12-2018"},"2.9.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"280---june-5-2018"},"2.8.0 - (June 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"270---may-30-2018"},"2.7.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved examples to src")))),(0,d.mdx)("h2",{id:"260---may-22-2018"},"2.6.0 - (May 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"250---april-30-2018"},"2.5.0 - (April 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"),(0,d.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,d.mdx)("h2",{id:"240---april-13-2018"},"2.4.0 - (April 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Dependencies are now pointing to react 16 version.")))),(0,d.mdx)("h2",{id:"230---april-10-2018"},"2.3.0 - (April 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"220---march-23-2018"},"2.2.0 - (March 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated webdriver snapshots due to terra-layout updates.")))),(0,d.mdx)("h2",{id:"210---march-6-2018"},"2.1.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added 'show' function to RoutingStackDelegate."),(0,d.mdx)("li",{parentName:"ul"},"Added 'rejectRoutingStackNavigation' key to component configuration."),(0,d.mdx)("li",{parentName:"ul"},"Added npmrc file with package-lock set to false.")))),(0,d.mdx)("h2",{id:"200---february-21-2018"},"2.0.0 - (February 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"120---february-15-2018"},"1.2.0 - (February 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updating tests to point to new terra-framework-site location.")))),(0,d.mdx)("h2",{id:"110---january-23-2018"},"1.1.0 - (January 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"100---december-5-2017"},"1.0.0 - (December 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial release of terra-navigation-layout")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},65814:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-layout",name:"terra-navigation-layout",version:"5.39.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13016-6687d2f610f84f0667a8.css b/13016-6687d2f610f84f0667a8.css new file mode 100644 index 0000000000..117b283ae7 --- /dev/null +++ b/13016-6687d2f610f84f0667a8.css @@ -0,0 +1,5 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Toolbar-module__clinical-lowlight-theme___lhZh0{--terra-toolbar-background-color: #1c1f21;--terra-toolbar-border-bottom-color: #181b1d;--terra-toolbar-padding-bottom: 0.14285714285714285rem;--terra-toolbar-padding-left: 0.714285714rem;--terra-toolbar-padding-right: 0.714285714rem;--terra-toolbar-padding-top: 0.14285714285714285rem;--terra-toolbar-item-padding-end: 0.35714285714285715rem;--terra-toolbar-item-padding-start: 0.35714285714285715rem;--terra-toolbar-item-padding-bottom: 0.35714285714285715rem;--terra-toolbar-item-padding-top: 0.35714285714285715rem}.Toolbar-module__orion-fusion-theme___Oq6Xn{--terra-toolbar-background-color: #e8e9ea;--terra-toolbar-border-bottom-color: #c8cacb;--terra-toolbar-padding-bottom: 0.25rem;--terra-toolbar-padding-left: 0.285714286rem;--terra-toolbar-padding-right: 0.285714286rem;--terra-toolbar-padding-top: 0.25rem;--terra-toolbar-item-padding-end: 0.25rem;--terra-toolbar-item-padding-start: 0.25rem;--terra-toolbar-item-padding-bottom: 0.25rem;--terra-toolbar-item-padding-top: 0.25rem}.Toolbar-module__toolbar___XowP8{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}[dir] .Toolbar-module__toolbar___XowP8{background-color:#f4f4f4;background-color:var(--terra-toolbar-background-color, #f4f4f4);border-bottom-color:#d3d4d5;border-bottom-color:var(--terra-toolbar-border-bottom-color, #d3d4d5);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:0.1428571429rem;padding-bottom:var(--terra-toolbar-padding-bottom, 0.1428571429rem);padding-top:0.1428571429rem;padding-top:var(--terra-toolbar-padding-top, 0.1428571429rem)}[dir=ltr] .Toolbar-module__toolbar___XowP8{padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-left, 0.714285714rem);padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-right, 0.714285714rem)}[dir=rtl] .Toolbar-module__toolbar___XowP8{padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-left, 0.714285714rem);padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-right, 0.714285714rem)}.Toolbar-module__item___K92Xb{display:-ms-inline-flexbox;display:inline-flex}[dir] .Toolbar-module__item___K92Xb{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-toolbar-item-padding-bottom, 0.3571428571rem);padding-top:0.3571428571rem;padding-top:var(--terra-toolbar-item-padding-top, 0.3571428571rem)}[dir=ltr] .Toolbar-module__item___K92Xb{padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}[dir=rtl] .Toolbar-module__item___K92Xb{padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}.Toolbar-module__start-align___Ap05A{-ms-flex-pack:start;justify-content:flex-start}.Toolbar-module__end-align___WLp5E{-ms-flex-pack:end;justify-content:flex-end}.Toolbar-module__center-align___5f\+ex{-ms-flex-pack:center;justify-content:center} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/13016-6687d2f610f84f0667a8.js b/13016-6687d2f610f84f0667a8.js new file mode 100644 index 0000000000..69e0f2025d --- /dev/null +++ b/13016-6687d2f610f84f0667a8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13016,45627,37344,33667,96890,79482,14041,85565,3353,80858,27444,5161,16835,45865,85355,3193,17657,4845,33315,46647,66097,85161,38681,15318,40411,18101,38443,78996,39915,33442],{25191:function(e,t,n){function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}t.Z=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(67294)),l=d(n(4959)),o=d(n(55281)),i=n(34614),u=n(34261);function d(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,l,o,i=[],u=!0,d=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(a=l.call(n)).done)&&(i.push(a.value),i.length!==t);u=!0);}catch(e){d=!0,r=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(d)throw r}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=l.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_={children:r.default.string},b=function(e){var t=e.children,n=m(e,u),r=a.default.useContext(o.default),i=(0,l.default)(s(["button",r.className]),n.className);return a.default.createElement("button",c({},n,{type:"button",className:i,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=_;var x=b;t.default=x},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),l=u(n(47166)),o=u(n(50026)),i=u(n(30866));function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.bind(i.default),c={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},m=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,l=a.default.useContext(o.default);return a.default.createElement("div",{className:d("notice",n,l.className)},a.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:d("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};m.propTypes=c,m.defaultProps={ariaLevel:"2",variant:"important"};var s=m;t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),l=c(n(94184)),o=c(n(47166)),i=c(n(50026)),u=c(n(42620)),d=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(u.default),f={title:r.default.string},_=function(e){var t=e.title,n=s(e,d),r=a.default.useContext(i.default),o=(0,l.default)(p(["placeholder",r.className]),n.className),u=p(["inner"]);return a.default.createElement("div",m({},n,{className:o}),a.default.createElement("div",{className:u},a.default.createElement("p",{className:p("title")},t)))};_.propTypes=f,_.defaultProps={title:""};var b=_;t.default=b},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),l=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},5337:function(e,t,n){n.r(t),n.d(t,{default:function(){return j}});var a=n(67294),r=n(81254),l=n(90814),o=n(25191),i=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function m(e){var t=e.components,n=d(e,i);return(0,r.mdx)("wrapper",u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport Toolbar from \'terra-toolbar\';\nimport Button from \'terra-button\';\nimport {\n IconAdd,\n IconAttachment,\n IconEdit,\n} from \'terra-icon\';\nimport { Placeholder } from \'@cerner/terra-docs\';\n\nexport default () => {\n const [align, setAlign] = useState();\n const handleOnChange = (event) => {\n setAlign(event.target.value);\n };\n\n return (\n
\n \n
\n \n
\n );\n};\n\n')))}m.isMDXComponent=!0;var s=n(49271),p=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.Z,{title:t||"Default Toolbar",description:n,example:a.createElement(o.Z,null),exampleSrc:a.createElement(m,null),isExpanded:r})},f=n(78530),_=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var y={},g="wrapper";function h(e){var t=e.components,n=x(e,_);return(0,r.mdx)(g,b({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(f.ZP,{mdxType:"PropsTable"},(0,r.mdx)(f.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"align"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'start'\n 'end'\n 'center'\n],\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'start'\n"))),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Content alignment. Align to start, end, or center."))),(0,r.mdx)(f.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"ariaControls"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the content that the toolbar controls. Should reference\nthe id of the content area that the toolbar controls."))),(0,r.mdx)(f.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the content that the toolbar controls. ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," only be used\nwhen no visible label for the toolbar is present. ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabelledBy")," should be\nused over ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," when possible."))),(0,r.mdx)(f.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the content that the toolbar controls. Should reference\nthe visible text label that describes the toolbar's function. If no\nvisible text label is present, ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," should be used instead. If both\n",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," and ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabelledBy")," are present, ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabelledBy")," will be used."))),(0,r.mdx)(f.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(f.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(f.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(f.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(f.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(f.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Items to be displayed in toolbar such as buttons, button groups, and links.")))))}h.isMDXComponent=!0;var v=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var E={},T="wrapper";function j(e){var t=e.components,n=O(e,v);return(0,r.mdx)(T,N({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-toolbar"},"Terra Toolbar"),(0,r.mdx)("p",null,"The terra-toolbar component is used to display bar containing items such as buttons, button groups, and links."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-toolbar"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Toolbar from 'terra-toolbar';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support")),(0,r.mdx)("h2",{parentName:"li",id:"examples"},"Examples"),(0,r.mdx)(p,{title:"A Basic Toolbar using the aria-label and aria-controls attributes for accessibility",description:"For assistive technology users, this example adds the aria-label attribute to name the type of tools this \ntoolbar contains, and adds the aria-controls attribute to indicate which page region the toolbar applies to.",mdxType:"DefaultToolbar"}),(0,r.mdx)("h2",{parentName:"li",id:"toolbar-props"},"Toolbar Props"),(0,r.mdx)(h,{mdxType:"PropsTable"}))))}j.isMDXComponent=!0},90814:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toolbar",name:"terra-toolbar",version:"1.40.0",url:t})}},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"}},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},41241:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Toolbar-module__clinical-lowlight-theme___lhZh0","orion-fusion-theme":"Toolbar-module__orion-fusion-theme___Oq6Xn",toolbar:"Toolbar-module__toolbar___XowP8",item:"Toolbar-module__item___K92Xb","start-align":"Toolbar-module__start-align___Ap05A","end-align":"Toolbar-module__end-align___WLp5E","center-align":"Toolbar-module__center-align___5f+ex"}},4959:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),l=c(n(94184)),o=c(n(47166)),i=c(n(50026)),u=c(n(41241)),d=["align","ariaControls","ariaLabel","ariaLabelledBy","children"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(u.default),f={align:r.default.oneOf(["start","end","center"]),ariaControls:r.default.string,ariaLabel:r.default.string,ariaLabelledBy:r.default.string,children:r.default.node},_=function(e){var t=e.align,n=e.ariaControls,r=e.ariaLabel,o=e.ariaLabelledBy,u=e.children,c=s(e,d),f=a.default.useContext(i.default),_=(0,l.default)(p("toolbar","".concat(t,"-align"),f.className),c.className),b=a.default.Children.map(u,(function(e){return e?a.default.createElement("div",{className:p("item")},e):e}));return a.default.createElement("div",m({},c,{"aria-controls":n,"aria-label":o?void 0:r,"aria-labelledby":o,className:_,role:"toolbar"}),b)};_.propTypes=f,_.defaultProps={align:"start"};t.default=_}}]); \ No newline at end of file diff --git a/1309-8f86d8db96e5d45e9db8.js b/1309-8f86d8db96e5d45e9db8.js new file mode 100644 index 0000000000..3b19de61cc --- /dev/null +++ b/1309-8f86d8db96e5d45e9db8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1309],{22863:function(e,a,l){var d=l(64836);a.Z=void 0;var m=d(l(67294)),n=d(l(45697)),r=d(l(47166)),i=d(l(17422)),t=r.default.bind(i.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:t("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:t("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:t("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:t("badge"),href:a},m.default.createElement("span",{className:t("badge-name")},"github"),m.default.createElement("span",{className:t("badge-version")},"source")):void 0;return m.default.createElement("div",{className:t("badge-container")},r,i)};p.propTypes=u;var x=p;a.Z=x},1309:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(67294);var d=l(81254),m=l(15034),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"3960---november-2-2023"},"3.96.0 - (November 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3950---october-23-2023"},"3.95.0 - (October 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3940---october-16-2023"},"3.94.0 - (October 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3930---october-3-2023"},"3.93.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3920---september-21-2023"},"3.92.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3910---september-19-2023"},"3.91.0 - (September 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3900---august-25-2023"},"3.90.0 - (August 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3890---august-23-2023"},"3.89.0 - (August 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3880---august-18-2023"},"3.88.0 - (August 18, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add optional ",(0,d.mdx)("inlineCode",{parentName:"li"},"groupName")," prop to group Search Field components."),(0,d.mdx)("li",{parentName:"ul"},"Add optional ",(0,d.mdx)("inlineCode",{parentName:"li"},"isLabelVisible")," prop to add Label to Search Field."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated default search delay time to 2500ms")))),(0,d.mdx)("h2",{id:"3870---august-11-2023"},"3.87.0 - (August 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3860---august-11-2023"},"3.86.0 - (August 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3850---august-8-2023"},"3.85.0 - (August 8, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3840---august-1-2023"},"3.84.0 - (August 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Updated focus indicators to be a standard dashed line.")),(0,d.mdx)("h2",{id:"3830---june-14-2023"},"3.83.0 - (June 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed bug where search was being called twice when pressing Enter key.")))),(0,d.mdx)("h2",{id:"3820---april-27-2023"},"3.82.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3810---march-1-2023"},"3.81.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots for button changes.")))),(0,d.mdx)("h2",{id:"3800---february-16-2023"},"3.80.0 - (February 16, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3790---february-15-2023"},"3.79.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots for icon button changes.")))),(0,d.mdx)("h2",{id:"3780---february-7-2023"},"3.78.0 - (February 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3771---january-31-2023"},"3.77.1 - (January 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Jest snapshots updated due to decorative / informative icon changes in terra-icon.")))),(0,d.mdx)("h2",{id:"3770---january-9-2023"},"3.77.0 - (January 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon")))),(0,d.mdx)("h2",{id:"3760---december-7-2022"},"3.76.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3750---july-5-2022"},"3.75.0 - (July 5, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed mobile keyboard not closing after pressing enter key on mobile devices")))),(0,d.mdx)("h2",{id:"3745---may-3-2022"},"3.74.5 - (May 3, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3744---april-29-2022"},"3.74.4 - (April 29, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3743---february-15-2022"},"3.74.3 - (February 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3742---january-4-2022"},"3.74.2 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"3741---december-14-2021"},"3.74.1 - (December 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3740---november-2-2021"},"3.74.0 - (November 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3730---october-8-2021"},"3.73.0 - (October 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Correctly applied mismatch tolerance.")))),(0,d.mdx)("h2",{id:"3720---september-28-2021"},"3.72.0 - (September 28, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated failing WDIO screenshot.")))),(0,d.mdx)("h2",{id:"3710---september-21-2021"},"3.71.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots for minor rendering issue.")))),(0,d.mdx)("h2",{id:"3700---august-25-2021"},"3.70.0 - (August 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3690---june-22-2021"},"3.69.0 - (June 22, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3680---june-8-2021"},"3.68.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"searchTimeout")," to reset for any changes made to the input."),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"3670---april-13-2021"},"3.67.0 - (April 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3660---april-6-2021"},"3.66.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated jest test to correctly update the search text.")))),(0,d.mdx)("h2",{id:"3650---february-2-2021"},"3.65.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3640---january-5-2021"},"3.64.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,d.mdx)("inlineCode",{parentName:"li"},"intlShape")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"3630---december-8-2020"},"3.63.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"3620---november-17-2020"},"3.62.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3610---november-10-2020"},"3.61.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added data-attribute ",(0,d.mdx)("inlineCode",{parentName:"li"},"data-terra-search-field-button-attribute")," for the search and clear button.")))),(0,d.mdx)("h2",{id:"3600---october-27-2020"},"3.60.0 - (October 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3590---september-16-2020"},"3.59.0 - (September 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated vertical-alignment with buttons")))),(0,d.mdx)("h2",{id:"3580---september-1-2020"},"3.58.0 - (September 1, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Updated",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated fusion theme screenshots to fix master build")))),(0,d.mdx)("h2",{id:"3570---august-18-2020"},"3.57.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3560---august-6-2020"},"3.56.0 - (August 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3550---august-4-2020"},"3.55.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved custom input attributes to be spread first on the input element.")))),(0,d.mdx)("h2",{id:"3540---july-29-2020"},"3.54.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-form-input")," from dependencies."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed the terra-form-input and replaced it with a native input"),(0,d.mdx)("li",{parentName:"ul"},"Updated wdio snapshots"),(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting"),(0,d.mdx)("li",{parentName:"ul"},"Updated jest tests due to icon changes"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added new theme variables"),(0,d.mdx)("li",{parentName:"ul"},"Added test for disabled search-field with placeholder")))),(0,d.mdx)("h2",{id:"3530---july-7-2020"},"3.53.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3520---june-11-2020"},"3.52.0 - (June 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Disabled wdio axe color-contrast testing on placeholder examples for IE testing. This will be re-enabled when ",(0,d.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/2992"},"https://github.com/cerner/terra-core/issues/2992")," is resolved.")))),(0,d.mdx)("h2",{id:"3510---june-9-2020"},"3.51.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Updated jest due to icon theme context."),(0,d.mdx)("li",{parentName:"ul"},"Update jest due to form-input theme context."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"3500---june-2-2020"},"3.50.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3490---may-19-2020"},"3.49.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3480---may-12-2020"},"3.48.0 - (May 12, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"--terra-search-field-clear-right")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"--terra-search-field-clear-top")," theme variables.")))),(0,d.mdx)("h2",{id:"3470---may-5-2020"},"3.47.0 - (May 5, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3460---april-28-2020"},"3.46.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"3450---april-22-2020"},"3.45.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3440---april-22-2020"},"3.44.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio snapshots due to changes in button."),(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"3430---march-31-2020"},"3.43.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3420---march-31-2020"},"3.42.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3410---march-10-2020"},"3.41.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3400---march-3-2020"},"3.40.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"3390---february-18-2020"},"3.39.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"3380---february-4-2020"},"3.38.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added onInput prop.")))),(0,d.mdx)("h2",{id:"3370---january-28-2020"},"3.37.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3360---january-7-2020"},"3.36.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,d.mdx)("h2",{id:"3350---december-10-2019"},"3.35.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3340---december-3-2019"},"3.34.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3330---october-30-2019"},"3.33.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"3320---october-15-2019"},"3.32.0 - (October 15, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3310---october-14-2019"},"3.31.0 - (October 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated test screenshots to deal with css change in ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-form-input"),"."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Jest snapshot update due to changes in form input."),(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Wdio Update for svg align of bnutton.")))),(0,d.mdx)("h2",{id:"3300---october-3-2019"},"3.30.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3290---september-26-2019"},"3.29.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3280---september-19-2019"},"3.28.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"3270---september-6-2019"},"3.27.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"3260---september-3-2019"},"3.26.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated source and jest files for changes in form-input"),(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"3250---august-21-2019"},"3.25.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"3240---august-14-2019"},"3.24.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed explicit calls to set ",(0,d.mdx)("inlineCode",{parentName:"li"},"caret-color")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"transparent")," in WDIO tests"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated search-field example code to show more usage."),(0,d.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,d.mdx)("li",{parentName:"ul"},"Update jest test snapshot"),(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"3230---july-30-2019"},"3.23.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3220---july-24-2019"},"3.22.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3210---july-17-2019"},"3.21.0 - (July 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3200---july-17-2019"},"3.20.0 - (July 17, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3190---july-16-2019"},"3.19.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Components updated to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"injectIntl")," to interface with ",(0,d.mdx)("inlineCode",{parentName:"li"},"react-intl's")," ",(0,d.mdx)("inlineCode",{parentName:"li"},"intl")," context."),(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"3180----july-11-2019"},"3.18.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Docs around the requirement of terra-base and aggregate-translations.")))),(0,d.mdx)("h2",{id:"3170---july-9-2019"},"3.17.0 - (July 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated search field to pass event object to 'handleClear' from 'handleKeyDown'.")))),(0,d.mdx)("h2",{id:"3160---june-28-2019"},"3.16.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tolerance of search field tests to allow for slight differences in how the button icon is rendered")))),(0,d.mdx)("h2",{id:"3150---june-18-2019"},"3.15.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"3141---june-12-2019"},"3.14.1 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"3140---june-11-2019"},"3.14.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Clear button added to search field for cross-browser compatibility"),(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"3130---may-14-2019"},"3.13.0 - (May 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added a doc site example with AutoFormat attributes disabled")))),(0,d.mdx)("h2",{id:"3120---may-1-2019"},"3.12.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3110---april-16-2019"},"3.11.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3100---april-9-2019"},"3.10.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"390---april-2-2019"},"3.9.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package"),(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed browser.execute functions in wdio spec to be strings for IE and FF driver compatibility")))),(0,d.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2370---january-2-2019"},"2.37.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Set the input cursor to be transparent for wdio tests")))),(0,d.mdx)("h2",{id:"2361---november-20-2018"},"2.36.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2360---november-19-2018"},"2.36.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---november-13-2018"},"2.35.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2340---november-9-2018"},"2.34.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2330---october-24-2018"},"2.33.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---october-16-2018"},"2.32.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2310---october-8-2018"},"2.31.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2300---october-2-2018"},"2.30.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---september-25-2018"},"2.29.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added new prop to pass down custom props to input")))),(0,d.mdx)("h2",{id:"2281---september-6-2018"},"2.28.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2280---september-5-2018"},"2.28.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2270---september-4-2018"},"2.27.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---august-29-2018"},"2.26.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---august-21-2018"},"2.25.0 - (August 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---august-8-2018"},"2.24.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"2230---august-1-2018"},"2.23.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Changed input to have right border")))),(0,d.mdx)("h2",{id:"2220---july-26-2018"},"2.22.0 - (July 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add inputRefCallback prop")))),(0,d.mdx)("h2",{id:"2210---july-25-2018"},"2.21.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"2200---july-19-2018"},"2.20.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"2190---july-17-2018"},"2.19.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added more themeable variables"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"2180---july-10-2018"},"2.18.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2170---july-3-2018"},"2.17.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replace legacy Input with the new terra-form-input package")))),(0,d.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Added clickable text to a few test pages"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed a duplicate test page for Search Fields with Placeholders")))),(0,d.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,d.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16"),(0,d.mdx)("li",{parentName:"ul"},"Uplifted component to use terra-button v2"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed error when handle search with a null searchText.")))),(0,d.mdx)("h2",{id:"1200---february-1-2018"},"1.20.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1190---january-18-2018"},"1.19.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---november-28-2017"},"1.17.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add ability to default value and onChange function handler"),(0,d.mdx)("li",{parentName:"ul"},"Add ability to disable and stretch to fill its container"),(0,d.mdx)("li",{parentName:"ul"},"Add ability to disable the auto searching and trigger searching via ENTER key")))),(0,d.mdx)("h2",{id:"1160---november-16-2017"},"1.16.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1150---november-7-2017"},"1.15.0 - (November 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1140---october-31-2017"},"1.14.0 - (October 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---october-24-2017"},"1.13.0 - (October 24, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,d.mdx)("h2",{id:"1100---september-19-2017"},"1.10.0 - (September 19, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed search input rendering on Mobile Safari.")))),(0,d.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added onInvalidSearch callback for invalid search text entry.")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,d.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.C,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},15034:function(e,a,l){l.d(a,{C:function(){return n}});var d=l(67294),m=l(22863),n=function(e){var a=e.url;return d.createElement(m.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-search-field",name:"terra-search-field",version:"3.96.0",url:a})}},17422:function(e,a,l){l.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13207-0408875c79db29db9f54.css b/13207-0408875c79db29db9f54.css new file mode 100644 index 0000000000..cba009f74c --- /dev/null +++ b/13207-0408875c79db29db9f54.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/13207-0408875c79db29db9f54.js b/13207-0408875c79db29db9f54.js new file mode 100644 index 0000000000..bab3d6848c --- /dev/null +++ b/13207-0408875c79db29db9f54.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13207,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,a,t){var n=t(64836);a.Z=void 0;var r=n(t(67294)),o=n(t(45697)),d=n(t(47166)),i=n(t(17422)),s=d.default.bind(i.default),l={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var a=e.src,t=e.name,n=e.url,o=e.version,d=r.default.createElement("a",{className:s("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/v/").concat(o)},r.default.createElement("span",{className:s("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:s("badge-version")},"v".concat(o))),i=a?r.default.createElement("a",{className:s("badge"),href:a},r.default.createElement("span",{className:s("badge-name")},"github"),r.default.createElement("span",{className:s("badge-version")},"source")):void 0;return r.default.createElement("div",{className:s("badge-container")},d,i)};u.propTypes=l;var m=u;a.Z=m},13207:function(e,a,t){t.r(a),t.d(a,{default:function(){return u}});t(67294);var n=t(81254),r=t(14442),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s={},l="wrapper";function u(e){var a=e.components,t=i(e,o);return(0,n.mdx)(l,d({},s,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.C,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-form-field-upgrade-guide"},"Terra Form Field Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,n.mdx)("h3",{id:"props"},"Props"),(0,n.mdx)("h4",{id:"updated"},"Updated"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Form Fields allowed the ",(0,n.mdx)("inlineCode",{parentName:"li"},"label")," to be a node, which potentially breaks the display when injecting other non-inline-only text elements (terra-text) or has the potential to completely break accessibility if something non-text based would be passed in."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"label")," prop's type changed from node to string.")),(0,n.mdx)("h5",{id:"steps-to-upgrade"},"Steps to Upgrade"),(0,n.mdx)("p",null,"To upgrade from 3.0 to 4.0 each existing Field must be reviewed and updated to ensure only a string is being passed to the ",(0,n.mdx)("inlineCode",{parentName:"p"},"label")," prop. Solutions passing node data types need to be reworked to provide only a string."),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}u.isMDXComponent=!0},14442:function(e,a,t){t.d(a,{C:function(){return o}});var n=t(67294),r=t(22863),o=function(e){var a=e.url;return n.createElement(r.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field",name:"terra-form-field",version:"4.30.0",url:a})}},17422:function(e,a,t){t.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13390-5a76a335479bd23872ec.css b/13390-5a76a335479bd23872ec.css new file mode 100644 index 0000000000..0a9f02ce5f --- /dev/null +++ b/13390-5a76a335479bd23872ec.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/13390-5a76a335479bd23872ec.js b/13390-5a76a335479bd23872ec.js new file mode 100644 index 0000000000..778aa52490 --- /dev/null +++ b/13390-5a76a335479bd23872ec.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13390,45627,79482,85565,3353,80858,5161,45865,85355,3193,4845,46647,66097,85161,38681,15318,40411,18101,38443,78996,39915,33442],{22863:function(e,a,n){var r=n(64836);a.Z=void 0;var t=r(n(67294)),d=r(n(45697)),l=r(n(47166)),m=r(n(17422)),p=l.default.bind(m.default),i={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},o=function(e){var a=e.src,n=e.name,r=e.url,d=e.version,l=t.default.createElement("a",{className:p("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},t.default.createElement("span",{className:p("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:p("badge-version")},"v".concat(d))),m=a?t.default.createElement("a",{className:p("badge"),href:a},t.default.createElement("span",{className:p("badge-name")},"github"),t.default.createElement("span",{className:p("badge-version")},"source")):void 0;return t.default.createElement("div",{className:p("badge-container")},l,m)};o.propTypes=i;var s=o;a.Z=s},83883:function(e,a,n){n.r(a),n.d(a,{default:function(){return f}});n(67294);var r=n(81254),t=n(24164),d=n(78530),l=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var i={},o="wrapper";function s(e){var a=e.components,n=p(e,l);return(0,r.mdx)(o,m({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(d.ZP,{mdxType:"PropsTable"},(0,r.mdx)(d.X2,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"isBidi"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,'Should the svg mirror when dir="rtl".'))),(0,r.mdx)(d.X2,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"isSpin"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Should the SVG rotate."))),(0,r.mdx)(d.X2,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Child nodes."))),(0,r.mdx)(d.X2,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"height"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1em'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Height of SVG."))),(0,r.mdx)(d.X2,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"width"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'1em'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Width of SVG."))),(0,r.mdx)(d.X2,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"a11yLabel"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nString that labels the current element.\na11yLabel is required for informative icons to convey meaning of icon to screenreaders."))),(0,r.mdx)(d.X2,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nariaLabel has been deprecated and will be removed on next major version release.\nrename the ",(0,r.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," prop to ",(0,r.mdx)("inlineCode",{parentName:"p"},"a11yLabel"),"."))),(0,r.mdx)(d.X2,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(d.O,{mdxType:"PropNameCell"},"focusable"),(0,r.mdx)(d.Di,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(d.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(d.mW,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"'false'\n"))),(0,r.mdx)(d.Ex,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Focusable attribute. IE 10/11 are focusable without this attribute.")))))}s.isMDXComponent=!0;var u=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}var g={},y="wrapper";function f(e){var a=e.components,n=x(e,u);return(0,r.mdx)(y,c({},g,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(t.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-icon"},"Terra Icon"),(0,r.mdx)("p",null,"The terra-icon component is used to visually represent a literal or symbolic object intended to initiate an action, communicate a status, or navigate the workflow.\nIcons can be ",(0,r.mdx)("inlineCode",{parentName:"p"},"meaningful")," where they used to convey a semantic meaning or ",(0,r.mdx)("inlineCode",{parentName:"p"},"decorative")," where they are are simply used for aesthetic purposes."),(0,r.mdx)("p",null,"See ",(0,r.mdx)("a",{parentName:"p",href:"#usage"},"Usage")," for more information."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-icon"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("p",null,"The value for ",(0,r.mdx)("inlineCode",{parentName:"p"},"a11yLabel")," prop is required for the icons that are ",(0,r.mdx)("inlineCode",{parentName:"p"},"meaningful")," which means that they are intended to convey meaning. "),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import { IconAdd, IconEdit } from \'terra-icon\';\n\n
\n \n \n
\n')),(0,r.mdx)("p",null,"If icons are intended for aesthetic purposes (",(0,r.mdx)("inlineCode",{parentName:"p"},"decorative")," icons) then ",(0,r.mdx)("inlineCode",{parentName:"p"},"a11yLabel")," can be ignored."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { IconAllergy, IconScratchPad } from 'terra-icon';\n
\n \n \n
\n")),(0,r.mdx)("p",null,"Refer to ",(0,r.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/icon/AccessibilityGuide"},"Accessibility guide")," to know more about informative and decorative icons."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"icon-props"},"Icon Props"),(0,r.mdx)(s,{mdxType:"IconBasePropsTable"}))}f.isMDXComponent=!0},24164:function(e,a,n){n.d(a,{C:function(){return d}});var r=n(67294),t=n(22863),d=function(e){var a=e.url;return r.createElement(t.Z,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-icon",name:"terra-icon",version:"3.58.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/13395-708202f6083df76ffd3a.css b/13395-708202f6083df76ffd3a.css new file mode 100644 index 0000000000..9e52424aff --- /dev/null +++ b/13395-708202f6083df76ffd3a.css @@ -0,0 +1,7 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} + +.Region-module__region-child-container___FfpXw{height:100%;width:100%} +.Card-module__card___iN88V{height:100%;vertical-align:middle;word-wrap:break-word}[dir] .Card-module__card___iN88V{background-color:#ccf;border:1px solid #7f7fe3;border-radius:5px;padding:20px;text-align:center} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/13398-961d74a6daf1cb12eabc.css b/13398-961d74a6daf1cb12eabc.css new file mode 100644 index 0000000000..a4a55e5d64 --- /dev/null +++ b/13398-961d74a6daf1cb12eabc.css @@ -0,0 +1,4 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex:0 0;flex:0 0}} +[dir] .Heading-module__heading___v5\+PO{margin:0}.Heading-module__italic___AZeOx{font-style:italic}.Heading-module__level-1___Dzh7M{font-size:2.286rem}.Heading-module__level-2___Fn5NE{font-size:1.714rem}.Heading-module__level-3___HjC1Z{font-size:1.429rem}.Heading-module__level-4___gatwI{font-size:1.286rem}.Heading-module__level-5___-iiqy{font-size:1.143rem}.Heading-module__level-6___VXhR\+{font-size:1rem}.Heading-module__size-huge___0iP2D{font-size:2.286rem}.Heading-module__size-large___rZwu-{font-size:1.714rem}.Heading-module__size-medium___Hk3pG{font-size:1.429rem}.Heading-module__size-small___OWyDY{font-size:1.286rem}.Heading-module__size-tiny___Z5Fm4{font-size:1.143rem}.Heading-module__size-mini___Gd90U{font-size:1rem}.Heading-module__weight-200___EQF-G{font-weight:200}.Heading-module__weight-400___cOGso{font-weight:400}.Heading-module__weight-700___SbBvg{font-weight:700}.Heading-module__visually-hidden___5i7ow{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Heading-module__visually-hidden___5i7ow{border:0;margin:-1px;padding:0} +.HeadingDocCommon-module__fitstart-content___2UtvR{color:#333;font-size:1.429rem}[dir=ltr] .HeadingDocCommon-module__heading-wrapper___uK5Ux{margin-left:10px;margin-right:10px}[dir=rtl] .HeadingDocCommon-module__heading-wrapper___uK5Ux{margin-right:10px;margin-left:10px}.HeadingDocCommon-module__heading-content___Qtdrd{color:#767676} diff --git a/13398-961d74a6daf1cb12eabc.js b/13398-961d74a6daf1cb12eabc.js new file mode 100644 index 0000000000..c7674e6a24 --- /dev/null +++ b/13398-961d74a6daf1cb12eabc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13398,45627,85565,3353,5161,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{510:function(e,t,n){t.Z=void 0;var a=d(n(67294)),r=d(n(78490)),i=d(n(44027)),l=d(n(47166)),o=n(34261),s=d(n(81238));function d(e){return e&&e.__esModule?e:{default:e}}var c=l.default.bind(s.default);t.Z=function(){return a.default.createElement("div",null,a.default.createElement(o.Notice,{variant:"important",ariaLevel:"5"},a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:1},"Allergies Hospitals Locations"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:2},"Kansas,MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:3},"Riverport Campus, MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:4},"Innovations Campus, MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:5},"Realization Campus, MO"))}),a.default.createElement(r.default,{align:"center",fill:a.default.createElement("div",{className:c("heading-wrapper")},a.default.createElement(i.default,{level:6},"Kansas HQ,MO"))})))}},40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(47166)),l=d(n(50026)),o=d(n(66983)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=i.default.bind(o.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},g=function(e){var t=e.children,n=u(e,s),r=a.default.useContext(l.default),o=(0,i.default)(m(["button",r.className]),n.className);return a.default.createElement("button",c({},n,{type:"button",className:o,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;var x=g;t.default=x},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(47166)),l=s(n(50026)),o=s(n(30866));function s(e){return e&&e.__esModule?e:{default:e}}var d=i.default.bind(o.default),c={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},u=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(l.default);return a.default.createElement("div",{className:d("notice",n,i.className)},a.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:d("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};u.propTypes=c,u.defaultProps={ariaLevel:"2",variant:"important"};var m=u;t.default=m},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),i=c(n(94184)),l=c(n(47166)),o=c(n(50026)),s=c(n(42620)),d=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=l.default.bind(s.default),h={title:r.default.string},f=function(e){var t=e.title,n=m(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["placeholder",r.className]),n.className),s=p(["inner"]);return a.default.createElement("div",u({},n,{className:l}),a.default.createElement("div",{className:s},a.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};var g=f;t.default=g},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=l(n(59278)),r=l(n(47306)),i=l(n(40996));function l(e){return e&&e.__esModule?e:{default:e}}},39279:function(e,t,n){n.r(t),n.d(t,{default:function(){return u}});n(67294);var a=n(81254),r=n(35527),i=(n(34261),n(48157),n(510)),l=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},c="wrapper";function u(e){var t=e.components,n=s(e,l);return(0,a.mdx)(c,o({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.C,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra--heading"},"Accessibility Guide for Terra Heading"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Accessibility of Headings is important because headers are used on virtually every page and in every product. Headings convey the page's visual structure and informational hierarchy and can also provide cues such as urgency, importance, or activity. However, headings must be coded correctly, for example, with proper heading levels, so that screen readers can convey the same structure of the page to people with limited or no vision. ")),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Headings should accurately describe the content that follows them to ensure all users understand the proper context. It can be confusing if headings don't represent associated content or if heading levels do not match the appropriate level or are skipped or out of order. Any text that is visually styled to look like a heading must be understood programmatically, as a heading. ")),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,a.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Headings must accurately describe the content they represent (content creators must provide the words used for the heading that describe its content and engineers must implement that within the code).")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Side note that Toggle Section Header provides teams with spaces to drop in other components or content. When consuming teams are adding interactive controls inside of Toggle Section Headers, Content creators must: "),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Ensure the controls have labels that accurately describe the action they perform "),(0,a.mdx)("li",{parentName:"ul"},"Ensure the objects have unique accessible names or add programmatic association to the Toggle Section Header heading."),(0,a.mdx)("li",{parentName:"ul"},"If icons that convey information (meaningful icons) are used, ensure they have alternate content that reflect their purpose. And ensure the icon and alternate content used to describe it are consistent for other instances of the same icon when used for the same functionality."),(0,a.mdx)("li",{parentName:"ul"},"If default theme colors are overridden, the consuming team must make sure colors meet proper contrast ratios for any meaningful text and non-text content.")))),(0,a.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do-1"},"Code Considerations: What do engineers need to do?"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Headings must programmatically have a heading level that is set to match the structure of its placement on the page. Content creators should work with engineers to determine what heading level to use, and engineers must assign the proper heading level.")),(0,a.mdx)("div",{"aria-label":"Heading Demo"},(0,a.mdx)(i.Z,{mdxType:"HeadingExamples"})),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'
\n \n\n \n \n Allergies Hospitals Locations\n \n
\n)}\n />\n \n \n Kansas,MO\n \n \n)}\n />\n \n \n Riverport Campus, MO\n \n \n)}\n />\n \n \n Innovations Campus, MO\n \n \n)}\n />\n \n \n Realization Campus, MO\n \n \n)}\n />\n \n \n Kansas,MO\n \n \n)}\n />\n \n \n')),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,a.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,a.mdx)("p",null,"Terra Heading is not interactable."),(0,a.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,a.mdx)("p",null,"Terra Heading is not interactable."),(0,a.mdx)("h2",{id:"concerns-and-hazards"},"Concerns and Hazards"),(0,a.mdx)("h3",{id:"support-compliance"},"Support Compliance"),(0,a.mdx)("p",null,"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessible products. However, using Terra components will not automatically make a product accessible."),(0,a.mdx)("p",null,"Final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,a.mdx)("h3",{id:"primary-accessibility-criteria-for-toggle-section-header"},"Primary accessibility criteria for Toggle Section Header"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://wiki.cerner.com/pages/viewpage.action?pageId=2016418858"},(0,a.mdx)("strong",{parentName:"a"},"1.3.1 Info and Relationships"))," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that appropriate heading level is applied to convey proper content structure of the Heading on the page. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators should provide engineering with heading level to match structure within the page. ")))),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://wiki.cerner.com/display/UserExperience/2.4.6+Headings+and+Labels"},(0,a.mdx)("strong",{parentName:"a"},"2.4.6 Headings and Labels"))," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure headings and labels accurately describe the purpose of the content it represents.")))),(0,a.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-heading"},"Related accessibility criteria that apply when adding content to Heading"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.1.1+Non-text+Content"},(0,a.mdx)("strong",{parentName:"a"},"1.1.1 Non-text Content"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure appropriate alternate content is added graphics, icons, or images that convey meaning. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide Engineers with alternate content that conveys meaning to the user. See also 3.2.4 Consistent Identification."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.1+Use+of+Color"},(0,a.mdx)("strong",{parentName:"a"},"1.4.1 Use of Color"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that color, alone, is not used to convey information or meaning."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.3+Contrast"},(0,a.mdx)("strong",{parentName:"a"},"1.4.3 Contrast (Minimum)"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure any content used within Terra Heading meets the proper color contrast ratios for text."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any content used within Terra Heading meets the proper color contrast ratios for text."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.1+Keyboard"},(0,a.mdx)("strong",{parentName:"a"},"2.1.1 Keyboard"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon via keyboard only."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.1+Keyboard"},(0,a.mdx)("strong",{parentName:"a"},"2.1.2 Keyboard Trap"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure no keyboard traps are introduced into code."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.3+Focus+Order"},(0,a.mdx)("strong",{parentName:"a"},"2.4.3 Focus Order"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure the focus order is expected and preserves page meaning. Must also ensure not to implement a tab index value greater than zero."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.7+Focus+Visible"},(0,a.mdx)("strong",{parentName:"a"},"2.4.7 Focus Visible"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Consuming teams must ensure visible focus is maintained on interactive elements used within the Terra Heading. "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.5.2+Pointer+Cancellation"},(0,a.mdx)("strong",{parentName:"a"},"2.5.2 Pointer Cancellation"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that actions are activated by the mouse up event (not the down action), allowing the users to cancel interactions."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.5.3+Label+in+Name"},(0,a.mdx)("strong",{parentName:"a"},"2.5.3 Label in Name"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic label matches the visual label when interactable elements are included with Heading. The visual label of an interactive object (e.g., button) must be the first word(s) of the accessible name of the object. Other programmatic association may be made by using an aria-describedby attribute."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should tell engineers what content should be used to create programmatic association for unique and descriptive accessible names of interactive objects."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.1+On+Focus"},(0,a.mdx)("strong",{parentName:"a"},"3.2.1 On Focus"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure no unexpected change of context happens when interactive elements receive focus."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must use standard and predictable design patterns."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.2+On+Input"},(0,a.mdx)("strong",{parentName:"a"},"3.2.2 On Input"))),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that nothing unexpected happens when interactive elements receive input."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.4+Consistent+Identification"},(0,a.mdx)("strong",{parentName:"a"},"3.2.4 Consistent Identification"))),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any icons used are used to consistently represent the same function. Additionally, the alternate content used to represent icons must be consistent for users to predictably understand it’s function."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.1+Parsing"},(0,a.mdx)("strong",{parentName:"a"},"4.1.1 Parsing"))," - Does Not Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that clean, fundamentally sound code is implemented, including elements with complete start and end tags, elements nested according to specifications, elements that do not contain duplicate attributes, and so on."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},(0,a.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.2+Name%2C+Role%2C+Value"},(0,a.mdx)("strong",{parentName:"a"},"4.1.2 Name, Role, Value"))," - Supports"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Content creators and engineers must ensure that any content inside Heading meets this criterion.")))),(0,a.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,a.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC)")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"NVDA not tested (PC)"),(0,a.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology"),(0,a.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,a.mdx)("h3",{id:"linked-references"},"Linked References:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Use heading to convey meaning and structure"))))}u.isMDXComponent=!0},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/13456-09feaa9a745094fe5c49.js b/13456-09feaa9a745094fe5c49.js new file mode 100644 index 0000000000..8aa9d4f9fa --- /dev/null +++ b/13456-09feaa9a745094fe5c49.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13456],{40996:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),o=u(n(47166)),l=u(n(50026)),i=u(n(66983)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=o.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},_=function(e){var t=e.children,n=m(e,d),r=a.default.useContext(l.default),i=(0,o.default)(s(["button",r.className]),n.className);return a.default.createElement("button",c({},n,{type:"button",className:i,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};_.propTypes=h;var x=_;t.default=x},59278:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),o=d(n(47166)),l=d(n(50026)),i=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var u=o.default.bind(i.default),c={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},m=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,o=a.default.useContext(l.default);return a.default.createElement("div",{className:u("notice",n,o.className)},a.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:u("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};m.propTypes=c,m.defaultProps={ariaLevel:"2",variant:"important"};var s=m;t.default=s},47306:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),r=c(n(45697)),o=c(n(94184)),l=c(n(47166)),i=c(n(50026)),d=c(n(42620)),u=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=l.default.bind(d.default),f={title:r.default.string},h=function(e){var t=e.title,n=s(e,u),r=a.default.useContext(i.default),l=(0,o.default)(p(["placeholder",r.className]),n.className),d=p(["inner"]);return a.default.createElement("div",m({},n,{className:l}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:p("title")},t)))};h.propTypes=f,h.defaultProps={title:""};var _=h;t.default=_},34261:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=l(n(59278)),r=l(n(47306)),o=l(n(40996));function l(e){return e&&e.__esModule?e:{default:e}}},13456:function(e,t,n){n.r(t),n.d(t,{default:function(){return c}});n(67294);var a=n(81254),r=n(34261),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={},u="wrapper";function c(e){var t=e.components,n=i(e,o);return(0,a.mdx)(u,l({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"writing-documentation"},"Writing Documentation"),(0,a.mdx)("p",null,"Writing component documentation with ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," is easy. We support github style markdown and mdx. Simply add a ",(0,a.mdx)("inlineCode",{parentName:"p"},".doc.mdx")," file to ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," and it will be converted into react for you."),(0,a.mdx)("h2",{id:"loaders"},"Loaders"),(0,a.mdx)("p",null,"Terra Dev Site offer several webpack loaders to help write easier documentation. The loaders are all accessed through the use of webpacks ",(0,a.mdx)("a",{parentName:"p",href:"https://webpack.js.org/configuration/module/#ruleresourcequery"},"resource query"),"."),(0,a.mdx)("p",null,"For example to use the example loader you would require your example with the ",(0,a.mdx)("inlineCode",{parentName:"p"},"?dev-site-example")," resource query."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Example from './example?dev-site-example';\n")),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/cerner-terra-application-docs/terra-dev-site/webpack-loaders/codeblock-loader"},"Codeblock Loader"),": Import a component into a syntax highlighted codeblock."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/cerner-terra-application-docs/terra-dev-site/webpack-loaders/example-loader"},"Example Loader"),": Render and example and display the code in a hidden section below it."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/cerner-terra-application-docs/terra-dev-site/webpack-loaders/package-loader"},"Package Loader"),": Convert package.json information into badges."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/cerner-terra-application-docs/terra-dev-site/webpack-loaders/props-table-loader"},"Props Table Loader"),": Create a props table for react components.")),(0,a.mdx)("h2",{id:"terra-documentation-components"},"Terra Documentation Components"),(0,a.mdx)("p",null,"Terra offers several light weight react components to help enrich your documentation from the terra-docs package."),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner/documentation-components/button"},"terra-docs documentation"),"."),(0,a.mdx)("h2",{id:"mdx"},"MDX"),(0,a.mdx)("p",null,"Terra dev site uses MDX as a markdown loader. MDX allows you to mix JSX syntax into your markdown documents. This is very helpful for pulling in examples and richer content for documentation."),(0,a.mdx)("p",null,"To use mdx syntax you must use a .mdx file extension."),(0,a.mdx)("p",null,"For example the following block will render into:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-md"},'import { Notice } from \'@cerner/terra-docs\';\n\n# Hello, *terra*!\n\nBelow is an example of JSX embedded in Markdown.\n\n\n\nIf you leave spaces between your component and it\'s content, the content will be parsed by **mdx**.\n\n\n')),(0,a.mdx)("p",null,"With the output below:"),(0,a.mdx)("hr",null),(0,a.mdx)("h1",{id:"hello-terra"},"Hello, ",(0,a.mdx)("em",{parentName:"h1"},"terra"),"!"),(0,a.mdx)("p",null,"Below is an example of JSX embedded in Markdown."),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"If you leave spaces between your component and it's content, the content will be parsed by ",(0,a.mdx)("strong",{parentName:"p"},"mdx"),".")),(0,a.mdx)("hr",null),(0,a.mdx)("p",null,"For more information see ",(0,a.mdx)("a",{parentName:"p",href:"https://mdxjs.com/"},"https://mdxjs.com/")),(0,a.mdx)("h3",{id:"mdx-loader"},"MDX loader"),(0,a.mdx)("p",null,"Mdx is loaded at build time rather than interpreted at run time. The mdx loader that is used is more strict that the 'marked' library previously used."),(0,a.mdx)("p",null,"The MDX loader requires closing tags. For example the before markdown would fail because the img tag was not closed."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'- terra logo\n+ terra logo\n')),(0,a.mdx)("p",null,"MDX also has a bug where a comment cannot directly follow a closing tag."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},"-

\n-hi mom\n-

\n-\x3c!-- AUTO-GENERATED-CONTENT:END --\x3e\n\n+

\n+hi mom\n+

\n\n+\x3c!-- AUTO-GENERATED-CONTENT:END --\x3e\n\n")))}c.isMDXComponent=!0},66983:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]); \ No newline at end of file diff --git a/13511-3cb15b0616306a0c7cf2.css b/13511-3cb15b0616306a0c7cf2.css new file mode 100644 index 0000000000..ee8f647c84 --- /dev/null +++ b/13511-3cb15b0616306a0c7cf2.css @@ -0,0 +1,3 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} +.ThemedComponent-module__clinical-lowlight-theme___l0mQD{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #ffa500}.ThemedComponent-module__orion-fusion-theme___2uD2h{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #9400d3}.ThemedComponent-module__test-theme___4eG98{--terra-framework-docs-terra-theme-context-themed-component-block-background-color: #009d00}.ThemedComponent-module__themed___7DVOV{height:100%;overflow:auto;position:relative}[dir] .ThemedComponent-module__themed___7DVOV{padding:24px}.ThemedComponent-module__themed-block___tJk6B{height:24px}[dir] .ThemedComponent-module__themed-block___tJk6B{background-color:#0079be;background-color:var(--terra-framework-docs-terra-theme-context-themed-component-block-background-color, #0079be)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} diff --git a/13511-3cb15b0616306a0c7cf2.js b/13511-3cb15b0616306a0c7cf2.js new file mode 100644 index 0000000000..8df92f258d --- /dev/null +++ b/13511-3cb15b0616306a0c7cf2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13511,45627,85565,3353,5161,16835,45865,85355,3193,4845,46647,85161,38681,15318,40411,18101,38443],{22863:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(45697)),o=a(n(47166)),m=a(n(17422)),d=o.default.bind(m.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(l))),m=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,m)};u.propTypes=c;var i=u;t.Z=i},49271:function(e,t,n){var a=n(64836),r=n(18698);t.Z=void 0;var l=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var m=l?Object.getOwnPropertyDescriptor(e,o):null;m&&(m.get||m.set)?Object.defineProperty(a,o,m):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),m=a(n(45697)),d=a(n(47166)),c=n(21538),u=a(n(33864)),i=a(n(23399)),s=n(51051),p=a(n(53560));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var h=d.default.bind(p.default),x={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,m=e.description,d=e.isExpanded,p=(0,o.useState)(d),f=(0,l.default)(p,2),x=f[0],v=f[1],b=(0,o.useState)(!1),y=(0,l.default)(b,2),E=y[0],N=y[1],T=o.default.useContext(c.ThemeContext),O=void 0!==a,C=function(){N(!E),x&&v(!x)},w=function(){v(!x),E&&N(!E)},j=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:h("template",T.className)},o.default.createElement("div",{className:h("header")},r&&o.default.createElement("h2",{className:h("title")},r)),o.default.createElement("div",{className:h("content")},m&&o.default.createElement("div",{className:h("description")},m),t),o.default.createElement("div",{className:h("footer")},n?o.default.createElement("div",{className:h("button-container")},O&&o.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":E}),onClick:C,onKeyDown:function(e){return j(e,C)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(i.default,{className:h("chevron")})),o.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":x}),onClick:w,onKeyDown:function(e){return j(e,w)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(i.default,{className:h("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:h("css")},a),x&&o.default.createElement("div",{className:h("code")},n))))};v.propTypes=x,v.defaultProps={isExpanded:!1};var b=v;t.Z=b},71165:function(e,t,n){var a=n(64836);t.Z=void 0;var r=a(n(67294)),l=a(n(37497)),o=a(n(45397));t.Z=function(){return r.default.createElement(l.default,{theme:{name:"test-theme",className:"test-theme"}},r.default.createElement(o.default,null))}},45397:function(e,t,n){var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),l=a(n(47166)),o=a(n(50026)),m=a(n(52780)),d=l.default.bind(m.default);t.default=function(){var e=r.default.useContext(o.default);return r.default.createElement("div",{className:d("themed",e.className)},r.default.createElement("h1",null,"Theme Name: ".concat(e.name)),r.default.createElement("div",{className:d("themed-block")}))}},13511:function(e,t,n){n.r(t),n.d(t,{default:function(){return T}});var a=n(67294),r=n(81254),l=n(31459),o=(n(48632),n(45397)),m=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={};function i(e){var t=e.components,n=c(e,m);return(0,r.mdx)("wrapper",d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ThemeContext from 'terra-theme-context';\n\nimport styles from './ThemedComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst Themed = () => {\n const theme = React.useContext(ThemeContext);\n return (\n
\n

\n {`Theme Name: ${theme.name}`}\n

\n
\n
\n );\n};\n\nexport default Themed;\n\n")))}i.isMDXComponent=!0;var s=n(49271),p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var x={};function _(e){var t=e.components,n=h(e,p);return(0,r.mdx)("wrapper",f({},x,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"//Themes\n@import './ThemedComponent.clinical-lowlight-theme.module';\n@import './ThemedComponent.orion-fusion-theme.module';\n@import './ThemedComponent.test-theme.module';\n\n:local {\n .themed {\n height: 100%;\n overflow: auto;\n padding: 24px;\n position: relative;\n }\n\n .themed-block {\n background-color: var(--terra-framework-docs-terra-theme-context-themed-component-block-background-color, #0079be);\n height: 24px;\n }\n}\n\n")))}_.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.Z,{title:t||"Themed Component",description:n,example:a.createElement(o.default,null),exampleCssSrc:a.createElement(_,null),exampleSrc:a.createElement(i,null),isExpanded:r})},v=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var E={},N="wrapper";function T(e){var t=e.components,n=y(e,v);return(0,r.mdx)(N,b({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.C,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-theme-context"},"Terra Theme Context"),(0,r.mdx)("p",null,"A React context to provide the current theme. This package is intended to be used by Terra components only. Any terra consumers or custom Terra components should consume the context from the ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-application")," package."),(0,r.mdx)("p",null,"This context can be used to apply any theme related changes to a component."),(0,r.mdx)("p",null,"The most common use would be to apply a theme class to the root tag of the component to apply theme variables. See below for an example."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-theme-context"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ThemeContext from 'terra-theme-context';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(g,{title:"A component using the theme context",mdxType:"ThemedComponent"}),(0,r.mdx)("h2",{id:"context-value"},"Context Value"),(0,r.mdx)("p",null,"The ThemeContext provides an object with the following values:"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Key Name"),(0,r.mdx)("th",{parentName:"tr",align:null},"Type"),(0,r.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,r.mdx)("th",{parentName:"tr",align:null},"DefaultValue"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"name")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"undefined"),(0,r.mdx)("td",{parentName:"tr",align:null},"The current application theme name. This field requires use of the terra-functional-testing webpack config.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("inlineCode",{parentName:"td"},"className")),(0,r.mdx)("td",{parentName:"tr",align:null},"String"),(0,r.mdx)("td",{parentName:"tr",align:null},"optional"),(0,r.mdx)("td",{parentName:"tr",align:null},"undefined"),(0,r.mdx)("td",{parentName:"tr",align:null},"The current application theme className. The default theme is indicated as undefined or empty string.")))))}T.isMDXComponent=!0},48632:function(e,t,n){n.d(t,{Z:function(){return s}});var a=n(67294),r=n(71165),l=n(81254),o=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function u(e){var t=e.components,n=d(e,o);return(0,l.mdx)("wrapper",m({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n\nimport ThemedComponent from './ThemedComponent';\n\nconst ThemeContextProviderExample = () => (\n \n \n \n);\n\nexport default ThemeContextProviderExample;\n\n")))}u.isMDXComponent=!0;var i=n(49271),s=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(i.Z,{title:t||"Theme Context Provider Example",description:n,example:a.createElement(r.Z,null),exampleSrc:a.createElement(u,null),isExpanded:l})}},31459:function(e,t,n){n.d(t,{C:function(){return l}});var a=n(67294),r=n(22863),l=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-theme-context",name:"terra-theme-context",version:"1.8.0",url:t})}},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"}},52780:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___l0mQD","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___2uD2h","test-theme":"ThemedComponent-module__test-theme___4eG98",themed:"ThemedComponent-module__themed___7DVOV","themed-block":"ThemedComponent-module__themed-block___tJk6B"}},33864:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),r=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={};function u(e){var t=e.components,n=d(e,r);return(0,l.mdx)("wrapper",i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport { WorklistDataGrid } from \'terra-data-grid\';\nimport NotificationDialog from \'terra-notification-dialog\';\n\nconst WorklistDataGridFocusableCell = () => {\n const rowHeaderIndex = 0;\n\n const [isOpen, setIsOpen] = useState(false);\n\n const handleCloseModal = () => {\n setIsOpen(false);\n };\n\n const handleButtonOpenModal = () => {\n setIsOpen(true);\n };\n\n const buttonCell = ;\n // eslint-disable-next-line react/forbid-dom-props\n const inputCell = ;\n const anchorCell = Visit Oracle;\n const textAreaCell =