@cerner/terra-core-docs - npm Package Compare versions

Comparing version 1.39.0 to 1.40.0

lib/terra-dev-site/doc/alert/example/LongTextExample.js

@@ -9,3 +9,3 @@ "use strict";
 var _react = _interopRequireWildcard(require("react"));
-var _terraShowHide = _interopRequireDefault(require("terra-show-hide"));
+var _terraShowHide = _interopRequireWildcard(require("terra-show-hide"));
 var _terraAlert = _interopRequireDefault(require("terra-alert"));
@@ -25,2 +25,3 @@ var _bind = _interopRequireDefault(require("classnames/bind"));
 var LongTextExample = function LongTextExample() {
+  var focusRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(false),
@@ -31,2 +32,3 @@ _useState2 = _slicedToArray(_useState, 2),
   var previewText = 'Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.';
+  var paragraph = 'Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.';
   return /*#__PURE__*/_react.default.createElement(_terraAlert.default, {
@@ -36,2 +38,3 @@ type: "info",
   }, /*#__PURE__*/_react.default.createElement(_terraShowHide.default, {
+    focusRef: focusRef,
     preview: previewText,
@@ -43,5 +46,8 @@ isOpen: isOpen,
     className: cx('long-text-example')
-  }, /*#__PURE__*/_react.default.createElement("p", null, previewText), /*#__PURE__*/_react.default.createElement("p", null, "Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this."), /*#__PURE__*/_react.default.createElement("p", null, "But, in a larger sense, we can not dedicate -- we can not consecrate -- we can not hallow -- this ground. The brave men, living and dead, who struggled here, have consecrated it, far above our poor power to add or detract. The world will little note, nor long remember what we say here, but it can never forget what they did here. It is for us the living, rather, to be dedicated here to the unfinished work which they who fought here have thus far so nobly advanced. It is rather for us to be here dedicated to the great task remaining before us -- that from these honored dead we take increased devotion to that cause for which they gave the last full measure of devotion -- that we here highly resolve that these dead shall not have died in vain -- that this nation, under God, shall have a new birth of freedom -- and that government of the people, by the people, for the people, shall not perish from the earth.")));
+  }, /*#__PURE__*/_react.default.createElement("p", null, previewText), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_terraShowHide.ShowHideFocuser, {
+    ref: focusRef,
+    focusableText: paragraph
+  })), /*#__PURE__*/_react.default.createElement("p", null, "But, in a larger sense, we can not dedicate -- we can not consecrate -- we can not hallow -- this ground. The brave men, living and dead, who struggled here, have consecrated it, far above our poor power to add or detract. The world will little note, nor long remember what we say here, but it can never forget what they did here. It is for us the living, rather, to be dedicated here to the unfinished work which they who fought here have thus far so nobly advanced. It is rather for us to be here dedicated to the great task remaining before us -- that from these honored dead we take increased devotion to that cause for which they gave the last full measure of devotion -- that we here highly resolve that these dead shall not have died in vain -- that this nation, under God, shall have a new birth of freedom -- and that government of the people, by the people, for the people, shall not perish from the earth.")));
 };
 var _default = LongTextExample;
 exports.default = _default;

lib/terra-dev-site/doc/form-radio/example/radio/HiddenLabelRadioExample.js

@@ -11,9 +11,9 @@ "use strict";
 var hiddenLabelRadioExample = function hiddenLabelRadioExample() {
-  return /*#__PURE__*/_react.default.createElement(_terraFormRadio.default, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("b", null, "Note: "), "Radio button should always have label to ensures that people with visual or cognitive disabilities will recognize radio buttons and understand what information to provide to fill in the fields.", /*#__PURE__*/_react.default.createElement("br", null), "For example: When we have radio fields for selection of account types, authors may feel that just providing programmatically determined names of the fields will be sufficient to identify them. However, even if all the fields have programmatically determined names, a text label must also identify the set of fields as a account type."), /*#__PURE__*/_react.default.createElement(_terraFormRadio.default, {
     id: "hidden-radio",
     labelText: "can you see me?",
     isLabelHidden: true
-  });
+  }));
 };
 var _default = hiddenLabelRadioExample;
 exports.default = _default;

lib/terra-dev-site/doc/icon/example/A11yDecorative.js

@@ -8,4 +8,4 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconAnnouncement = _interopRequireDefault(require("terra-icon/lib/icon/IconAnnouncement"));
 var _terraCard = _interopRequireDefault(require("terra-card"));
+var _terraIcon = require("terra-icon");
 var _common = require("./common");
@@ -16,3 +16,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var A11yDecorative = function A11yDecorative() {
-  return /*#__PURE__*/_react.default.createElement(_terraCard.default, null, /*#__PURE__*/_react.default.createElement(_terraCard.default.Body, null, /*#__PURE__*/_react.default.createElement(_IconAnnouncement.default, {
+  return /*#__PURE__*/_react.default.createElement(_terraCard.default, null, /*#__PURE__*/_react.default.createElement(_terraCard.default.Body, null, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAnnouncement, {
     width: _common.width,
@@ -19,0 +19,0 @@ height: _common.height

lib/terra-dev-site/doc/icon/example/A11yGroupInteractive.js

@@ -8,6 +8,5 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconFeaturedOutlineYellow = _interopRequireDefault(require("terra-icon/lib/icon/IconFeaturedOutlineYellow"));
-var _IconFeaturedOutline = _interopRequireDefault(require("terra-icon/lib/icon/IconFeaturedOutline"));
+var _terraCard = _interopRequireDefault(require("terra-card"));
+var _terraIcon = require("terra-icon");
 var _terraVisuallyHiddenText = _interopRequireDefault(require("terra-visually-hidden-text"));
-var _terraCard = _interopRequireDefault(require("terra-card"));
 var _common = require("./common");
@@ -20,3 +19,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconFeaturedOutlineYellow.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
     a11yLabel: "Rate one star",
@@ -27,3 +26,3 @@ width: _common.width,
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconFeaturedOutlineYellow.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
     a11yLabel: "Rate two stars",
@@ -34,3 +33,3 @@ width: _common.width,
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconFeaturedOutlineYellow.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
     a11yLabel: "Rate three stars",
@@ -41,3 +40,3 @@ width: _common.width,
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconFeaturedOutlineYellow.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
     a11yLabel: "Rate four stars",
@@ -48,3 +47,3 @@ width: _common.width,
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconFeaturedOutline.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutline, {
     a11yLabel: "Rate five stars",
@@ -51,0 +50,0 @@ width: _common.width,

lib/terra-dev-site/doc/icon/example/A11yGroupReadOnly.js

@@ -8,4 +8,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconFeaturedOutlineYellow = _interopRequireDefault(require("terra-icon/lib/icon/IconFeaturedOutlineYellow"));
-var _IconFeaturedOutline = _interopRequireDefault(require("terra-icon/lib/icon/IconFeaturedOutline"));
+var _terraIcon = require("terra-icon");
 var _terraCard = _interopRequireDefault(require("terra-card"));
@@ -16,3 +15,3 @@ var _common = require("./common");
 
-var InformativeStar = /*#__PURE__*/_react.default.createElement(_IconFeaturedOutlineYellow.default, {
+var InformativeStar = /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
   a11yLabel: "Four out of five stars",
@@ -22,3 +21,3 @@ width: _common.width,
 });
-var DecorativeStar = /*#__PURE__*/_react.default.createElement(_IconFeaturedOutlineYellow.default, {
+var DecorativeStar = /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
   width: _common.width,
@@ -28,3 +27,3 @@ height: _common.height
 var A11yGroupReadOnly = function A11yGroupReadOnly() {
-  return /*#__PURE__*/_react.default.createElement(_terraCard.default, null, /*#__PURE__*/_react.default.createElement(_terraCard.default.Body, null, "Rating:\xA0", InformativeStar, DecorativeStar, DecorativeStar, /*#__PURE__*/_react.default.createElement(_IconFeaturedOutline.default, {
+  return /*#__PURE__*/_react.default.createElement(_terraCard.default, null, /*#__PURE__*/_react.default.createElement(_terraCard.default.Body, null, "Rating:\xA0", InformativeStar, DecorativeStar, DecorativeStar, /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutline, {
     width: _common.width,
@@ -31,0 +30,0 @@ height: _common.height

lib/terra-dev-site/doc/icon/example/A11yMeaningfulInteractive.js

@@ -9,5 +9,3 @@ "use strict";
 var _terraCard = _interopRequireDefault(require("terra-card"));
-var _IconMediaPlay = _interopRequireDefault(require("terra-icon/lib/icon/IconMediaPlay"));
-var _IconMediaFastForward = _interopRequireDefault(require("terra-icon/lib/icon/IconMediaFastForward"));
-var _IconMediaRewind = _interopRequireDefault(require("terra-icon/lib/icon/IconMediaRewind"));
+var _terraIcon = require("terra-icon");
 var _common = require("./common");
@@ -25,3 +23,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconMediaRewind.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaRewind, {
     a11yLabel: "Rewind",
@@ -32,3 +30,3 @@ width: _common.width,
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconMediaPlay.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaPlay, {
     a11yLabel: "Play",
@@ -39,3 +37,3 @@ width: _common.width,
     type: "button"
-  }, /*#__PURE__*/_react.default.createElement(_IconMediaFastForward.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaFastForward, {
     a11yLabel: "Fast Forward",
@@ -42,0 +40,0 @@ width: _common.width,

lib/terra-dev-site/doc/icon/example/A11yMeaningfulReadOnly.js

@@ -8,3 +8,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconAnnouncement = _interopRequireDefault(require("terra-icon/lib/icon/IconAnnouncement"));
+var _terraIcon = require("terra-icon");
 var _terraCard = _interopRequireDefault(require("terra-card"));
@@ -14,3 +14,3 @@ var _common = require("./common");
 var A11yMeaningfulReadOnly = function A11yMeaningfulReadOnly() {
-  return /*#__PURE__*/_react.default.createElement(_terraCard.default, null, /*#__PURE__*/_react.default.createElement(_terraCard.default.Body, null, /*#__PURE__*/_react.default.createElement(_IconAnnouncement.default, {
+  return /*#__PURE__*/_react.default.createElement(_terraCard.default, null, /*#__PURE__*/_react.default.createElement(_terraCard.default.Body, null, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAnnouncement, {
     a11yLabel: "Announcement",
@@ -17,0 +17,0 @@ width: _common.width,

lib/terra-dev-site/doc/icon/example/IconStatic.js

@@ -8,51 +8,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconSuccess = _interopRequireDefault(require("terra-icon/lib/icon/IconSuccess"));
-var _IconSuccessInverse = _interopRequireDefault(require("terra-icon/lib/icon/IconSuccessInverse"));
-var _IconAvailable = _interopRequireDefault(require("terra-icon/lib/icon/IconAvailable"));
-var _IconComplete = _interopRequireDefault(require("terra-icon/lib/icon/IconComplete"));
-var _IconNoRisk = _interopRequireDefault(require("terra-icon/lib/icon/IconNoRisk"));
-var _IconScheduled = _interopRequireDefault(require("terra-icon/lib/icon/IconScheduled"));
-var _IconRollup = _interopRequireDefault(require("terra-icon/lib/icon/IconRollup"));
-var _IconHighPriority = _interopRequireDefault(require("terra-icon/lib/icon/IconHighPriority"));
-var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
-var _IconWarning = _interopRequireDefault(require("terra-icon/lib/icon/IconWarning"));
-var _IconModerate = _interopRequireDefault(require("terra-icon/lib/icon/IconModerate"));
-var _IconUnspecified = _interopRequireDefault(require("terra-icon/lib/icon/IconUnspecified"));
-var _IconCritical = _interopRequireDefault(require("terra-icon/lib/icon/IconCritical"));
-var _IconCriticalInverse = _interopRequireDefault(require("terra-icon/lib/icon/IconCriticalInverse"));
-var _IconHazardLow = _interopRequireDefault(require("terra-icon/lib/icon/IconHazardLow"));
-var _IconInformation = _interopRequireDefault(require("terra-icon/lib/icon/IconInformation"));
-var _IconInformationInverse = _interopRequireDefault(require("terra-icon/lib/icon/IconInformationInverse"));
-var _IconInformationStatic = _interopRequireDefault(require("terra-icon/lib/icon/IconInformationStatic"));
-var _IconErrorDark = _interopRequireDefault(require("terra-icon/lib/icon/IconErrorDark"));
-var _IconError = _interopRequireDefault(require("terra-icon/lib/icon/IconError"));
-var _IconDoNotDisturb = _interopRequireDefault(require("terra-icon/lib/icon/IconDoNotDisturb"));
-var _IconIncompleteInverse = _interopRequireDefault(require("terra-icon/lib/icon/IconIncompleteInverse"));
-var _IconFeaturedOutlineYellow = _interopRequireDefault(require("terra-icon/lib/icon/IconFeaturedOutlineYellow"));
-var _IconHelp = _interopRequireDefault(require("terra-icon/lib/icon/IconHelp"));
-var _IconHelpInverse = _interopRequireDefault(require("terra-icon/lib/icon/IconHelpInverse"));
-var _IconHelpStatic = _interopRequireDefault(require("terra-icon/lib/icon/IconHelpStatic"));
-var _IconUnexpected = _interopRequireDefault(require("terra-icon/lib/icon/IconUnexpected"));
-var _IconDueSoon = _interopRequireDefault(require("terra-icon/lib/icon/IconDueSoon"));
-var _IconOverDue = _interopRequireDefault(require("terra-icon/lib/icon/IconOverDue"));
-var _IconHigh = _interopRequireDefault(require("terra-icon/lib/icon/IconHigh"));
-var _IconHighInverse = _interopRequireDefault(require("terra-icon/lib/icon/IconHighInverse"));
-var _IconLow = _interopRequireDefault(require("terra-icon/lib/icon/IconLow"));
-var _IconLowRisk = _interopRequireDefault(require("terra-icon/lib/icon/IconLowRisk"));
-var _IconMax = _interopRequireDefault(require("terra-icon/lib/icon/IconMax"));
-var _IconMin = _interopRequireDefault(require("terra-icon/lib/icon/IconMin"));
-var _IconAbnormal = _interopRequireDefault(require("terra-icon/lib/icon/IconAbnormal"));
-var _IconDeviceCheck = _interopRequireDefault(require("terra-icon/lib/icon/IconDeviceCheck"));
-var _IconDeviceAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconDeviceAlert"));
-var _IconDiamond = _interopRequireDefault(require("terra-icon/lib/icon/IconDiamond"));
-var _IconPharmacyReject = _interopRequireDefault(require("terra-icon/lib/icon/IconPharmacyReject"));
-var _IconHide = _interopRequireDefault(require("terra-icon/lib/icon/IconHide"));
-var _IconBedAssigned = _interopRequireDefault(require("terra-icon/lib/icon/IconBedAssigned"));
-var _IconDischargeComplete = _interopRequireDefault(require("terra-icon/lib/icon/IconDischargeComplete"));
-var _IconDischargeComingDue = _interopRequireDefault(require("terra-icon/lib/icon/IconDischargeComingDue"));
-var _IconDischargeOverDue = _interopRequireDefault(require("terra-icon/lib/icon/IconDischargeOverDue"));
-var _IconDrugDrug = _interopRequireDefault(require("terra-icon/lib/icon/IconDrugDrug"));
-var _IconOutOfNetwork = _interopRequireDefault(require("terra-icon/lib/icon/IconOutOfNetwork"));
-var _IconStatusPositive = _interopRequireDefault(require("terra-icon/lib/icon/IconStatusPositive"));
-var _IconStatusPositiveWhite = _interopRequireDefault(require("terra-icon/lib/icon/IconStatusPositiveWhite"));
+var _terraIcon = require("terra-icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -81,3 +33,3 @@ // This file is autogenerated from scripts/src/generate-example
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconSuccess.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconSuccess, {
     height: "2em",
@@ -92,3 +44,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconSuccess from 'terra-icon/lib/icon/IconSuccess';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconSuccess, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -99,3 +51,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconSuccessInverse.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconSuccessInverse, {
     height: "2em",
@@ -110,3 +62,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconSuccessInverse from 'terra-icon/lib/icon/IconSuccessInverse';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconSuccessInverse, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -117,3 +69,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconAvailable.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAvailable, {
     height: "2em",
@@ -128,3 +80,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconAvailable from 'terra-icon/lib/icon/IconAvailable';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconAvailable, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -135,3 +87,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconComplete.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconComplete, {
     height: "2em",
@@ -146,3 +98,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconComplete from 'terra-icon/lib/icon/IconComplete';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconComplete, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -153,3 +105,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconNoRisk.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconNoRisk, {
     height: "2em",
@@ -164,3 +116,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconNoRisk from 'terra-icon/lib/icon/IconNoRisk';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconNoRisk, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -171,3 +123,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconScheduled.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconScheduled, {
     height: "2em",
@@ -182,3 +134,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconScheduled from 'terra-icon/lib/icon/IconScheduled';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconScheduled, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -189,3 +141,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconRollup.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconRollup, {
     height: "2em",
@@ -200,3 +152,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconRollup from 'terra-icon/lib/icon/IconRollup';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconRollup, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -207,3 +159,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHighPriority.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHighPriority, {
     height: "2em",
@@ -218,3 +170,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHighPriority from 'terra-icon/lib/icon/IconHighPriority';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHighPriority, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -225,3 +177,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconAlert.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, {
     height: "2em",
@@ -236,3 +188,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconAlert from 'terra-icon/lib/icon/IconAlert';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconAlert, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -243,3 +195,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconWarning.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconWarning, {
     height: "2em",
@@ -254,3 +206,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconWarning from 'terra-icon/lib/icon/IconWarning';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconWarning, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -261,3 +213,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconModerate.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconModerate, {
     height: "2em",
@@ -272,3 +224,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconModerate from 'terra-icon/lib/icon/IconModerate';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconModerate, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -279,3 +231,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconUnspecified.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnspecified, {
     height: "2em",
@@ -290,3 +242,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconUnspecified from 'terra-icon/lib/icon/IconUnspecified';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconUnspecified, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -297,3 +249,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconCritical.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconCritical, {
     height: "2em",
@@ -308,3 +260,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconCritical from 'terra-icon/lib/icon/IconCritical';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconCritical, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -315,3 +267,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconCriticalInverse.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconCriticalInverse, {
     height: "2em",
@@ -326,3 +278,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconCriticalInverse from 'terra-icon/lib/icon/IconCriticalInverse';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconCriticalInverse, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -333,3 +285,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHazardLow.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHazardLow, {
     height: "2em",
@@ -344,3 +296,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHazardLow from 'terra-icon/lib/icon/IconHazardLow';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHazardLow, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -351,3 +303,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconInformation.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformation, {
     height: "2em",
@@ -362,3 +314,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconInformation from 'terra-icon/lib/icon/IconInformation';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconInformation, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -369,3 +321,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconInformationInverse.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformationInverse, {
     height: "2em",
@@ -380,3 +332,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconInformationInverse from 'terra-icon/lib/icon/IconInformationInverse';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconInformationInverse, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -387,3 +339,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconInformationStatic.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformationStatic, {
     height: "2em",
@@ -398,3 +350,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconInformationStatic from 'terra-icon/lib/icon/IconInformationStatic';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconInformationStatic, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -405,3 +357,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconErrorDark.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconErrorDark, {
     height: "2em",
@@ -416,3 +368,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconErrorDark from 'terra-icon/lib/icon/IconErrorDark';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconErrorDark, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -423,3 +375,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconError.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconError, {
     height: "2em",
@@ -434,3 +386,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconError from 'terra-icon/lib/icon/IconError';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconError, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -441,3 +393,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDoNotDisturb.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDoNotDisturb, {
     height: "2em",
@@ -452,3 +404,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDoNotDisturb from 'terra-icon/lib/icon/IconDoNotDisturb';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDoNotDisturb, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -459,3 +411,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconIncompleteInverse.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconIncompleteInverse, {
     height: "2em",
@@ -470,3 +422,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconIncompleteInverse from 'terra-icon/lib/icon/IconIncompleteInverse';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconIncompleteInverse, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -477,3 +429,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconFeaturedOutlineYellow.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
     height: "2em",
@@ -488,3 +440,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconFeaturedOutlineYellow from 'terra-icon/lib/icon/IconFeaturedOutlineYellow';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconFeaturedOutlineYellow, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -495,3 +447,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHelp.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelp, {
     height: "2em",
@@ -506,3 +458,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHelp from 'terra-icon/lib/icon/IconHelp';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHelp, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -513,3 +465,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHelpInverse.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelpInverse, {
     height: "2em",
@@ -524,3 +476,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHelpInverse from 'terra-icon/lib/icon/IconHelpInverse';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHelpInverse, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -531,3 +483,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHelpStatic.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelpStatic, {
     height: "2em",
@@ -542,3 +494,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHelpStatic from 'terra-icon/lib/icon/IconHelpStatic';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHelpStatic, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -549,3 +501,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconUnexpected.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnexpected, {
     height: "2em",
@@ -560,3 +512,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconUnexpected from 'terra-icon/lib/icon/IconUnexpected';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconUnexpected, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -567,3 +519,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDueSoon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDueSoon, {
     height: "2em",
@@ -578,3 +530,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDueSoon from 'terra-icon/lib/icon/IconDueSoon';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDueSoon, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -585,3 +537,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconOverDue.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconOverDue, {
     height: "2em",
@@ -596,3 +548,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconOverDue from 'terra-icon/lib/icon/IconOverDue';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconOverDue, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -603,3 +555,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHigh.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHigh, {
     height: "2em",
@@ -614,3 +566,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHigh from 'terra-icon/lib/icon/IconHigh';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHigh, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -621,3 +573,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHighInverse.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHighInverse, {
     height: "2em",
@@ -632,3 +584,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHighInverse from 'terra-icon/lib/icon/IconHighInverse';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHighInverse, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -639,3 +591,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconLow.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconLow, {
     height: "2em",
@@ -650,3 +602,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconLow from 'terra-icon/lib/icon/IconLow';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconLow, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -657,3 +609,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconLowRisk.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconLowRisk, {
     height: "2em",
@@ -668,3 +620,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconLowRisk from 'terra-icon/lib/icon/IconLowRisk';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconLowRisk, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -675,3 +627,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconMax.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconMax, {
     height: "2em",
@@ -686,3 +638,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconMax from 'terra-icon/lib/icon/IconMax';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconMax, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -693,3 +645,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconMin.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconMin, {
     height: "2em",
@@ -704,3 +656,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconMin from 'terra-icon/lib/icon/IconMin';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconMin, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -711,3 +663,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconAbnormal.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAbnormal, {
     height: "2em",
@@ -722,3 +674,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconAbnormal from 'terra-icon/lib/icon/IconAbnormal';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconAbnormal, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -729,3 +681,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDeviceCheck.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceCheck, {
     height: "2em",
@@ -740,3 +692,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDeviceCheck from 'terra-icon/lib/icon/IconDeviceCheck';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDeviceCheck, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -747,3 +699,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDeviceAlert.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceAlert, {
     height: "2em",
@@ -758,3 +710,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDeviceAlert from 'terra-icon/lib/icon/IconDeviceAlert';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDeviceAlert, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -765,3 +717,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDiamond.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDiamond, {
     height: "2em",
@@ -776,3 +728,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDiamond from 'terra-icon/lib/icon/IconDiamond';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDiamond, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -783,3 +735,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconPharmacyReject.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconPharmacyReject, {
     height: "2em",
@@ -794,3 +746,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconPharmacyReject from 'terra-icon/lib/icon/IconPharmacyReject';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconPharmacyReject, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -801,3 +753,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconHide.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconHide, {
     height: "2em",
@@ -812,3 +764,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconHide from 'terra-icon/lib/icon/IconHide';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconHide, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -819,3 +771,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconBedAssigned.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconBedAssigned, {
     height: "2em",
@@ -830,3 +782,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconBedAssigned from 'terra-icon/lib/icon/IconBedAssigned';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconBedAssigned, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -837,3 +789,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDischargeComplete.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeComplete, {
     height: "2em",
@@ -848,3 +800,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDischargeComplete from 'terra-icon/lib/icon/IconDischargeComplete';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDischargeComplete, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -855,3 +807,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDischargeComingDue.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeComingDue, {
     height: "2em",
@@ -866,3 +818,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDischargeComingDue from 'terra-icon/lib/icon/IconDischargeComingDue';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDischargeComingDue, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -873,3 +825,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDischargeOverDue.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeOverDue, {
     height: "2em",
@@ -884,3 +836,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDischargeOverDue from 'terra-icon/lib/icon/IconDischargeOverDue';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDischargeOverDue, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -891,3 +843,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconDrugDrug.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDrugDrug, {
     height: "2em",
@@ -902,3 +854,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconDrugDrug from 'terra-icon/lib/icon/IconDrugDrug';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconDrugDrug, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -909,3 +861,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconOutOfNetwork.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconOutOfNetwork, {
     height: "2em",
@@ -920,3 +872,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconOutOfNetwork from 'terra-icon/lib/icon/IconOutOfNetwork';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconOutOfNetwork, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -927,3 +879,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconStatusPositive.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconStatusPositive, {
     height: "2em",
@@ -938,3 +890,3 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconStatusPositive from 'terra-icon/lib/icon/IconStatusPositive';"))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconStatusPositive, " from 'terra-icon';"))), /*#__PURE__*/_react.default.createElement("tr", {
     style: {
@@ -945,3 +897,3 @@ backgroundColor: '#EEEEEE'
     style: cellStyle
-  }, /*#__PURE__*/_react.default.createElement(_IconStatusPositiveWhite.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconStatusPositiveWhite, {
     height: "2em",
@@ -956,5 +908,5 @@ width: "2em"
     }
-  }, /*#__PURE__*/_react.default.createElement("code", null, "import IconStatusPositiveWhite from 'terra-icon/lib/icon/IconStatusPositiveWhite';"))))));
+  }, /*#__PURE__*/_react.default.createElement("code", null, "import ", _terraIcon.IconStatusPositiveWhite, " from 'terra-icon';"))))));
 };
 var _default = IconAll;
 exports.default = _default;

lib/terra-dev-site/doc/paginator/example/ControlledPaginatorExample.js

@@ -63,3 +63,3 @@ "use strict";
           id: "controlled_paginator_header_id"
-        }, "Page", this.state.currentPage),
+        }, "Controlled Paginator Example"),
         footer: /*#__PURE__*/_react.default.createElement(_ControlledPaginator.default, {
@@ -66,0 +66,0 @@ onPageChange: this.changePages,

lib/terra-dev-site/doc/paginator/example/ControlledPaginatorNoPagesExample.js

@@ -40,3 +40,3 @@ "use strict";
   }, /*#__PURE__*/_react.default.createElement(_terraDialog.default, {
-    header: /*#__PURE__*/_react.default.createElement("h1", null, "Page", currentPage),
+    header: /*#__PURE__*/_react.default.createElement("h1", null, "Controlled Paginator No Pages Example"),
     footer: /*#__PURE__*/_react.default.createElement(_ControlledPaginator.default, {
@@ -43,0 +43,0 @@ onPageChange: changePages,

lib/terra-dev-site/doc/paginator/example/ControlledProgressivePaginatorExample.js

@@ -63,3 +63,3 @@ "use strict";
           id: "controlled_progressive_paginator_header_id"
-        }, "Page", this.state.currentPage),
+        }, "Controlled Progressive Paginator Example"),
         footer: /*#__PURE__*/_react.default.createElement(_ControlledProgressivePaginator.default, {
@@ -66,0 +66,0 @@ onPageChange: this.changePages,

lib/terra-dev-site/doc/paginator/example/ControlledProgressivePaginatorWithoutTotalCountExample.js

@@ -42,3 +42,3 @@ "use strict";
   }, /*#__PURE__*/_react.default.createElement(_terraDialog.default, {
-    header: /*#__PURE__*/_react.default.createElement("h1", null, "Page", currentPage),
+    header: /*#__PURE__*/_react.default.createElement("h1", null, "Controlled Progressive Paginator Without Total Count Example"),
     footer: /*#__PURE__*/_react.default.createElement(_ControlledProgressivePaginator.default, {
@@ -45,0 +45,0 @@ onPageChange: changePages,

lib/terra-dev-site/doc/paginator/example/PaginatorExample.js

@@ -61,6 +61,6 @@ "use strict";
           id: "paginator_header_id"
-        }, "Page", this.state.currentPage),
+        }, "Paginator Example"),
         footer: /*#__PURE__*/_react.default.createElement(_terraPaginator.default, {
           onPageChange: this.changePages,
-          selectedPage: 1,
+          selectedPage: this.state.currentPage,
           totalCount: totalCount,
@@ -67,0 +67,0 @@ itemCountPerPage: 10,

lib/terra-dev-site/doc/paginator/example/PaginatorNoPagesExample.js

@@ -73,3 +73,3 @@ "use strict";
       }, /*#__PURE__*/_react.default.createElement(_terraDialog.default, {
-        header: /*#__PURE__*/_react.default.createElement("h1", null, "Page", this.state.currentPage),
+        header: /*#__PURE__*/_react.default.createElement("h1", null, "Paginator Example Without Pages"),
         footer: /*#__PURE__*/_react.default.createElement(_terraPaginator.default, {
@@ -76,0 +76,0 @@ onPageChange: this.changePages,

lib/terra-dev-site/doc/paginator/example/ProgressivePaginatorExample.js

@@ -61,6 +61,6 @@ "use strict";
           id: "progressive_paginator_header_id"
-        }, "Page", this.state.currentPage),
+        }, "Progressive Paginator Example"),
         footer: /*#__PURE__*/_react.default.createElement(_ProgressivePaginator.default, {
           onPageChange: this.changePages,
-          selectedPage: 1,
+          selectedPage: this.state.currentPage,
           totalCount: totalCount,
@@ -67,0 +67,0 @@ itemCountPerPage: 10,

lib/terra-dev-site/doc/paginator/example/ProgressivePaginatorWithoutTotalCountExample.js

@@ -41,5 +41,6 @@ "use strict";
   }, /*#__PURE__*/_react.default.createElement(_terraDialog.default, {
-    header: /*#__PURE__*/_react.default.createElement("h1", null, "Page", currentPage),
+    header: /*#__PURE__*/_react.default.createElement("h1", null, "Progressive Paginator Without Total Count Example"),
     footer: /*#__PURE__*/_react.default.createElement(_ProgressivePaginator.default, {
       onPageChange: changePages,
+      selectedPage: currentPage,
       ariaLabel: "progressive paginator no total count pagination"
@@ -46,0 +47,0 @@ })

lib/terra-dev-site/doc/scroll/example/ScrollHorizontal.js

@@ -9,3 +9,5 @@ "use strict";
 var _terraScroll = _interopRequireDefault(require("terra-scroll"));
+var _terraButton = _interopRequireDefault(require("terra-button"));
 var _bind = _interopRequireDefault(require("classnames/bind"));
+var _InputField = _interopRequireDefault(require("terra-form-input/lib/InputField"));
 var _ScrollCommonModule = _interopRequireDefault(require("./ScrollCommon.module.scss"));
@@ -16,7 +18,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Overflow-X Container"), /*#__PURE__*/_react.default.createElement("div", {
-    className: cx('overflow-wrapper')
-  }, /*#__PURE__*/_react.default.createElement(_terraScroll.default, null, /*#__PURE__*/_react.default.createElement("p", {
+    className: cx('overflow-y-wrapper')
+  }, /*#__PURE__*/_react.default.createElement(_terraScroll.default, {
+    tabIndex: "0"
+  }, /*#__PURE__*/_react.default.createElement("p", {
     className: cx('paragraph-x-wrapper')
-  }, "With a focus on enhanced productivity across ambulatory practices, Cerner Ambulatory is designed to help advance clinical and operational efficiencies throughout the continuum of care. We\u2019ve designed our products with an ambulatory-first focus where operations and workflows are streamlined through integration across venues. Cerner Ambulatory offers simplified workflows across venues through integrated products and embedded collaborative content."))));
+  }, "Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to provide accurate contact information as it will be used for communication and verification purposes."), /*#__PURE__*/_react.default.createElement("div", {
+    className: cx('container-x-wrapper')
+  }, /*#__PURE__*/_react.default.createElement(_InputField.default, {
+    inputId: "input-field",
+    label: "Enter Patient Name",
+    type: "text"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: cx('container-x-wrapper')
+  }, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+    text: "Submit"
+  })))));
 };
 exports.default = _default;

lib/terra-dev-site/doc/scroll/example/ScrollVertical.js

@@ -16,6 +16,8 @@ "use strict";
     className: cx('overflow-wrapper')
-  }, /*#__PURE__*/_react.default.createElement(_terraScroll.default, null, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement(_terraScroll.default, {
+    tabIndex: "0"
+  }, /*#__PURE__*/_react.default.createElement("p", {
     className: cx('paragraph-y-wrapper')
-  }, "With a focus on enhanced productivity across ambulatory practices, Cerner Ambulatory is designed to help advance clinical and operational efficiencies throughout the continuum of care. We\u2019ve designed our products with an ambulatory-first focus where operations and workflows are streamlined through integration across venues.", /*#__PURE__*/_react.default.createElement("br", null), "Cerner Ambulatory offers simplified workflows across venues through integrated products and embedded collaborative content."))));
+  }, "Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to provide accurate contact information as it will be used for communication and verification purposes."))));
 };
 exports.default = _default;

lib/terra-dev-site/test/alert/LongTextAlert.test.js

@@ -11,3 +11,3 @@ "use strict";
 var _terraButton = _interopRequireDefault(require("terra-button"));
-var _terraShowHide = _interopRequireDefault(require("terra-show-hide"));
+var _terraShowHide = _interopRequireWildcard(require("terra-show-hide"));
 var _bind = _interopRequireDefault(require("classnames/bind"));
@@ -26,2 +26,3 @@ var _LongTextExampleModule = _interopRequireDefault(require("./LongTextExample.module.scss"));
 var LongTextAlert = function LongTextAlert() {
+  var focusRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(true),
@@ -36,2 +37,3 @@ _useState2 = _slicedToArray(_useState, 2),
   var previewText = 'Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.';
+  var paragraph = 'Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -46,2 +48,3 @@ "aria-live": "polite"
   }, /*#__PURE__*/_react.default.createElement(_terraShowHide.default, {
+    focusRef: focusRef,
     preview: previewText,
@@ -53,3 +56,6 @@ isOpen: isTextOpen,
     className: cx('long-text-example')
-  }, /*#__PURE__*/_react.default.createElement("p", null, previewText), /*#__PURE__*/_react.default.createElement("p", null, "Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this."), /*#__PURE__*/_react.default.createElement("p", null, "But, in a larger sense, we can not dedicate -- we can not consecrate -- we can not hallow -- this ground. The brave men, living and dead, who struggled here, have consecrated it, far above our poor power to add or detract. The world will little note, nor long remember what we say here, but it can never forget what they did here. It is for us the living, rather, to be dedicated here to the unfinished work which they who fought here have thus far so nobly advanced. It is rather for us to be here dedicated to the great task remaining before us -- that from these honored dead we take increased devotion to that cause for which they gave the last full measure of devotion -- that we here highly resolve that these dead shall not have died in vain -- that this nation, under God, shall have a new birth of freedom -- and that government of the people, by the people, for the people, shall not perish from the earth.")))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+  }, /*#__PURE__*/_react.default.createElement("p", null, previewText), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_terraShowHide.ShowHideFocuser, {
+    ref: focusRef,
+    focusableText: paragraph
+  })), /*#__PURE__*/_react.default.createElement("p", null, "But, in a larger sense, we can not dedicate -- we can not consecrate -- we can not hallow -- this ground. The brave men, living and dead, who struggled here, have consecrated it, far above our poor power to add or detract. The world will little note, nor long remember what we say here, but it can never forget what they did here. It is for us the living, rather, to be dedicated here to the unfinished work which they who fought here have thus far so nobly advanced. It is rather for us to be here dedicated to the great task remaining before us -- that from these honored dead we take increased devotion to that cause for which they gave the last full measure of devotion -- that we here highly resolve that these dead shall not have died in vain -- that this nation, under God, shall have a new birth of freedom -- and that government of the people, by the people, for the people, shall not perish from the earth.")))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_terraButton.default, {
     isDisabled: isOpen,
@@ -56,0 +62,0 @@ text: "Trigger Alert",

lib/terra-dev-site/test/icon/IconAll.test.js

@@ -9,3 +9,3 @@ "use strict";
 var _bind = _interopRequireDefault(require("classnames/bind"));
-var _IconExports = _interopRequireDefault(require("terra-icon/lib/IconExports"));
+var _terraIcon = require("terra-icon");
 var _IconAllModule = _interopRequireDefault(require("./IconAll.module.scss"));
@@ -15,650 +15,650 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var IconAll = function IconAll() {
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAbnormal, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAbnormal, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAbnormalLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAbnormalLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAdd, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAdd, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAddPerson, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAddPerson, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAlert, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAlertLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlertLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAllergy, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAllergy, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAnalytics, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAnalytics, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAnnouncement, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAnnouncement, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconArchive, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconArchive, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAttachment, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAttachment, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAudio, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAudio, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAutoText, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAutoText, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAvailable, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAvailable, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconAway, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAway, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBedAssigned, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBedAssigned, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBedAssignedLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBedAssignedLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBedRequested, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBedRequested, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBluetooth, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBluetooth, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBluetoothSlash, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBluetoothSlash, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBookmark, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBookmark, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBriefcase, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBriefcase, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBrokenImage, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBrokenImage, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBrokenLinkUnlink, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBrokenLinkUnlink, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconBusy, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconBusy, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCalculator, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCalculator, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCalendar, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCalendar, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCamera, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCamera, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCancel, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCancel, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCaretDown, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCaretDown, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCaretLeft, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCaretLeft, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCaretRight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCaretRight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCaretUp, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCaretUp, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCatalogueNumber, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCatalogueNumber, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCaution, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCaution, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconChecklist, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconChecklist, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCheckmark, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCheckmark, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconChevron, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconChevron, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconChevronDown, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconChevronDown, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconChevronLeft, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconChevronLeft, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconChevronRight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconChevronRight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconChevronUp, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconChevronUp, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCircleLinesSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCircleLinesSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCircleSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCircleSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCircleSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCircleSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconClear, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconClear, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconClipboard, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconClipboard, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconClock, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconClock, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconClose, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconClose, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCollapseRow, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCollapseRow, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconComment, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconComment, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCommit, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCommit, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconComplete, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconComplete, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCompose, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCompose, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconConfidential, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconConfidential, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconConsultInstructionsForUse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconConsultInstructionsForUse, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCritical, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCritical, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCriticalInverse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCriticalInverse, {
     className: cx(['icon', 'icon-inverse'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCriticalInverseLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCriticalInverseLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconCriticalLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconCriticalLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDateOfManufacture, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDateOfManufacture, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDevice, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDevice, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDeviceAlert, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceAlert, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDeviceAlertLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceAlertLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDeviceCheck, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceCheck, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDeviceCheckLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceCheckLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDiamond, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDiamond, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDiamondLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDiamondLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDiamondSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDiamondSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDiamondSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDiamondSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDischargeComingDue, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeComingDue, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDischargeComingDueLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeComingDueLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDischargeComplete, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeComplete, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDischargeCompleteLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeCompleteLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDischargeOverDue, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeOverDue, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDischargeOverDueLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDischargeOverDueLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDocumentPlus, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDocumentPlus, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDocuments, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDocuments, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDoNotDisturb, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDoNotDisturb, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDoorOpen, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDoorOpen, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDoubleChevronLeft, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDoubleChevronLeft, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDoubleChevronRight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDoubleChevronRight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDown, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDown, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDownload, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDownload, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDrugDrug, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDrugDrug, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDrugDrugLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDrugDrugLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDue, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDue, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDueSoon, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDueSoon, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconDueSoonLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDueSoonLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconEcRep, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconEcRep, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconEdit, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconEdit, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconEllipses, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconEllipses, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconEnvelope, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconEnvelope, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconEnvelopeFill, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconEnvelopeFill, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconError, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconError, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconErrorDark, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconErrorDark, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconErrorLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconErrorLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconExclamation, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconExclamation, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconExpandLess, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconExpandLess, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconExpandMore, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconExpandMore, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconExpandRow, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconExpandRow, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconExtensions, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconExtensions, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconExternalLink, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconExternalLink, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFeatured, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeatured, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFeaturedOff, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOff, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFeaturedOutline, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutline, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFeaturedOutlineYellow, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFeaturedOutlineYellow, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFirst, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFirst, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFitHeight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFitHeight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFitScale, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFitScale, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFitWidth, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFitWidth, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFlag, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFlag, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFlipHorizontal, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFlipHorizontal, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFlipVertical, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFlipVertical, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFlowsheet, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFlowsheet, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFolder, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFolder, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconForward, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconForward, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconFunnel, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconFunnel, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconGapChecking, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconGapChecking, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconGlasses, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconGlasses, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconGroup, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconGroup, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHalfRating, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHalfRating, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHazardLow, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHazardLow, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHelp, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelp, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHelpInverse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelpInverse, {
     className: cx(['icon', 'icon-inverse'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHelpInverseLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelpInverseLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHelpLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelpLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHelpStatic, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelpStatic, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHelpThemeable, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHelpThemeable, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHide, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHide, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHigh, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHigh, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHighInverse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHighInverse, {
     className: cx(['icon', 'icon-inverse'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHighInverseLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHighInverseLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHighLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHighLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHighPriority, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHighPriority, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHold, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHold, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHospital, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHospital, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconHouse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconHouse, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconImage, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconImage, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconImplant, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconImplant, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconIncomingCall, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconIncomingCall, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconIncomplete, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconIncomplete, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconIncompleteInverse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconIncompleteInverse, {
     className: cx(['icon', 'icon-inverse'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconIncompleteInverseLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconIncompleteInverseLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconInformation, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformation, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconInformationInverse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformationInverse, {
     className: cx(['icon', 'icon-inverse'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconInformationInverseLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformationInverseLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconInformationLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformationLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconInformationStatic, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformationStatic, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconInformationThemeable, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformationThemeable, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconIPass, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconIPass, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconItalicI, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconItalicI, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconKeyboard, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconKeyboard, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconKnurling, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconKnurling, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLast, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLast, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLeft, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLeft, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLeftPane, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLeftPane, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLightbulb, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLightbulb, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLink, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLink, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconList, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconList, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLocationPin, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLocationPin, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLookback, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLookback, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLow, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLow, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLowLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLowLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLowRisk, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLowRisk, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconLowRiskLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconLowRiskLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconManufacturer, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconManufacturer, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMax, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMax, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMaximize, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMaximize, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMediaFastForward, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaFastForward, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMediaPause, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaPause, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMediaPlay, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaPlay, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMediaRecord, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaRecord, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMediaRewind, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaRewind, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMediaStop, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMediaStop, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMedicationTablet, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMedicationTablet, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMedicationTabletOutline, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMedicationTabletOutline, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMedicationTabletHalf, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMedicationTabletHalf, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMedicationTabletHalfOutline, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMedicationTabletHalfOutline, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMenu, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMerge, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMerge, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMicrophone, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMicrophone, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMicrophoneDisabled, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMicrophoneDisabled, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMin, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMin, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMinimize, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMinimize, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMinus, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMinus, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMissedCall, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMissedCall, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconModerate, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconModerate, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconModerateLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconModerateLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconModified, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconModified, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMultipleResultsNormal, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMultipleResultsNormal, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMultipleResultsNotNormal, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMultipleResultsNotNormal, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconMultipleResultsCritical, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconMultipleResultsCritical, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNavStackUp, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNavStackUp, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNext, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNext, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNoRisk, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNoRisk, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNoResults, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNoResults, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNoRiskLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNoRiskLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNoSignal, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNoSignal, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNotification, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNotification, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNotificationDisabled, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNotificationDisabled, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNotificationOff, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNotificationOff, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconNotMet, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconNotMet, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconOutgoingCall, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconOutgoingCall, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconOutOfNetwork, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconOutOfNetwork, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconOverDue, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconOverDue, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconOverDueLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconOverDueLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPadlock, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPadlock, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPager, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPager, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPanelLeft, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPanelLeft, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPanelRight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPanelRight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPaperFolded, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPaperFolded, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPaperPencil, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPaperPencil, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPartiallyMet, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPartiallyMet, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPatientSearch, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPatientSearch, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPending, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPending, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPerson, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPerson, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPersonConnection, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPersonConnection, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPersonDoor, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPersonDoor, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPersonHospital, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPersonHospital, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPersonnelPerson, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPersonnelPerson, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPharmacyReject, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPharmacyReject, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPharmacyRejectLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPharmacyRejectLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPharmacyReview, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPharmacyReview, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPharmacyVerification, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPharmacyVerification, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPhone, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPhone, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPhoneDown, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPhoneDown, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPill, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPill, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPinDiagonal, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPinDiagonal, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPinDown, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPinDown, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPlusSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPlusSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPlusSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPlusSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPrevious, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPrevious, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconPrinter, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconPrinter, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconProjects, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconProjects, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconProtocol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconProtocol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconProvider, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconProvider, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconQuestion, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconQuestion, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconQuestionOutline, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconQuestionOutline, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRectangleSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRectangleSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRectangleSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRectangleSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRecurringEvent, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRecurringEvent, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRedo, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRedo, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRefresh, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRefresh, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRefusedSlot, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRefusedSlot, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconReload, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconReload, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconReply, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconReply, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconReplyAll, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconReplyAll, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRequired, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRequired, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRollup, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRollup, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRotateLeft, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRotateLeft, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconRotateRight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconRotateRight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSave, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSave, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconScheduled, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconScheduled, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconScheduledLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconScheduledLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconScratchPad, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconScratchPad, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSearch, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSearch, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSecondaryProvider, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSecondaryProvider, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSend, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSend, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSeparate, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSeparate, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSettings, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSharedSchedules, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSharedSchedules, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSimulation, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSimulation, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSortAscending, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSortAscending, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSortDescending, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSortDescending, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSpinner, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSpinner, {
     className: cx(['icon']),
     isSpin: false
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSquareSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSquareSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSquareSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSquareSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconStatusPositive, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconStatusPositive, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconStatusPositiveWhite, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconStatusPositiveWhite, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconStatusPositiveLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconStatusPositiveLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconStatusPositiveWhiteLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconStatusPositiveWhiteLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconStartPresenting, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconStartPresenting, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconStopPresenting, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconStopPresenting, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSuccess, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSuccess, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSuccessInverse, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSuccessInverse, {
     className: cx(['icon', 'icon-inverse'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSuccessInverseLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSuccessInverseLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSuccessLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSuccessLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconSwap, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconSwap, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTable, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTable, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTag, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTag, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTeardropSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTeardropSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTeardropSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTeardropSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTeardropUpSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTeardropUpSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTeardropUpSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTeardropUpSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconThinDiamondSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconThinDiamondSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconThinDiamondSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconThinDiamondSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTile, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTile, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTrash, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTrash, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTreemap, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTreemap, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTrendingDown, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTrendingDown, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTrendingUp, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTrendingUp, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTriangleDownSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTriangleDownSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTriangleDownSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTriangleDownSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTriangleSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTriangleSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTriangleSymbolLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTriangleSymbolLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconTrophy, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconTrophy, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUnavailable, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnavailable, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUndo, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUndo, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUnexpected, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnexpected, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUnexpectedLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnexpectedLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUnknown, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnknown, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUnlock, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnlock, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUnread, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnread, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUnspecified, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUnspecified, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUp, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUp, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUpload, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUpload, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconUsers, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconUsers, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconVideoCamera, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconVideoCamera, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconVideoCameraDisabled, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconVideoCameraDisabled, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconVisualization, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconVisualization, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconVolumeSetDefault, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconVolumeSetDefault, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconVolumeSetMute, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconVolumeSetMute, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconVolumeSetIncrease, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconVolumeSetIncrease, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconVolumeSetDecrease, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconVolumeSetDecrease, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconWarning, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconWarning, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconWarningLowLight, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconWarningLowLight, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconWaveform, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconWaveform, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconWifi, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconWifi, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconWifiSlash, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconWifiSlash, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconXSymbol, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconXSymbol, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconZoomIn, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconZoomIn, {
     className: cx(['icon'])
-  }), /*#__PURE__*/_react.default.createElement(_IconExports.default.IconZoomOut, {
+  }), /*#__PURE__*/_react.default.createElement(_terraIcon.IconZoomOut, {
     className: cx(['icon'])
@@ -665,0 +665,0 @@ }));

lib/terra-dev-site/test/icon/IconAriaLabel.test.js

@@ -8,6 +8,6 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
+var _terraIcon = require("terra-icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var IconAriaLabel = function IconAriaLabel() {
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_IconAlert.default, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, {
     ariaLabel: "Alert"
@@ -14,0 +14,0 @@ }));

lib/terra-dev-site/test/icon/IconBidi.test.js

@@ -8,4 +8,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconComment = _interopRequireDefault(require("terra-icon/lib/icon/IconComment"));
-var _IconDeviceCheck = _interopRequireDefault(require("terra-icon/lib/icon/IconDeviceCheck"));
+var _terraIcon = require("terra-icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -15,9 +14,9 @@ var IconBidi = function IconBidi() {
     dir: "rtl"
-  }, /*#__PURE__*/_react.default.createElement("h3", null, "Icon where isBidi is false by default"), /*#__PURE__*/_react.default.createElement("h4", null, "Default"), /*#__PURE__*/_react.default.createElement(_IconDeviceCheck.default, null), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi true"), /*#__PURE__*/_react.default.createElement(_IconDeviceCheck.default, {
+  }, /*#__PURE__*/_react.default.createElement("h3", null, "Icon where isBidi is false by default"), /*#__PURE__*/_react.default.createElement("h4", null, "Default"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceCheck, null), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi true"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceCheck, {
     isBidi: true
-  }), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi false"), /*#__PURE__*/_react.default.createElement(_IconDeviceCheck.default, {
+  }), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi false"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconDeviceCheck, {
     isBidi: false
-  }), /*#__PURE__*/_react.default.createElement("h3", null, "Icon where isBidi is true by default"), /*#__PURE__*/_react.default.createElement("h4", null, "Default"), /*#__PURE__*/_react.default.createElement(_IconComment.default, null), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi true"), /*#__PURE__*/_react.default.createElement(_IconComment.default, {
+  }), /*#__PURE__*/_react.default.createElement("h3", null, "Icon where isBidi is true by default"), /*#__PURE__*/_react.default.createElement("h4", null, "Default"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconComment, null), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi true"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconComment, {
     isBidi: true
-  }), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi false"), /*#__PURE__*/_react.default.createElement(_IconComment.default, {
+  }), /*#__PURE__*/_react.default.createElement("h4", null, "Set isBidi false"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconComment, {
     isBidi: false
@@ -24,0 +23,0 @@ }));

lib/terra-dev-site/test/icon/IconDefault.test.js

@@ -8,6 +8,6 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _IconAdd = _interopRequireDefault(require("terra-icon/lib/icon/IconAdd"));
+var _terraIcon = require("terra-icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var IconDefault = function IconDefault() {
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", null, "Default Icon"), /*#__PURE__*/_react.default.createElement(_IconAdd.default, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", null, "Default Icon"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAdd, {
     id: "icon-default"
@@ -14,0 +14,0 @@ }));

lib/terra-dev-site/test/icon/IconHeightWidth.test.js

@@ -9,3 +9,3 @@ "use strict";
 var _bind = _interopRequireDefault(require("classnames/bind"));
-var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
+var _terraIcon = require("terra-icon");
 var _IconHeightWidthModule = _interopRequireDefault(require("./IconHeightWidth.module.scss"));
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var IconHeightWidth = function IconHeightWidth() {
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", null, "Default"), /*#__PURE__*/_react.default.createElement(_IconAlert.default, null), /*#__PURE__*/_react.default.createElement("h3", null, "Height and Width are 50px"), /*#__PURE__*/_react.default.createElement(_IconAlert.default, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", null, "Default"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, null), /*#__PURE__*/_react.default.createElement("h3", null, "Height and Width are 50px"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, {
     id: "icon-height-50-width-50",
     height: "50",
     width: "50"
-  }), /*#__PURE__*/_react.default.createElement("h3", null, "Height and Width are 5em"), /*#__PURE__*/_react.default.createElement(_IconAlert.default, {
+  }), /*#__PURE__*/_react.default.createElement("h3", null, "Height and Width are 5em"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, {
     id: "icon-height-5em-width-5em",
@@ -28,6 +28,6 @@ height: "5em",
     className: cx('icon-wrapper')
-  }, /*#__PURE__*/_react.default.createElement(_IconAlert.default, null)), /*#__PURE__*/_react.default.createElement("h3", null, "Height of 5em"), /*#__PURE__*/_react.default.createElement(_IconAlert.default, {
+  }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, null)), /*#__PURE__*/_react.default.createElement("h3", null, "Height of 5em"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, {
     id: "icon-height-5em",
     height: "5em"
-  }), /*#__PURE__*/_react.default.createElement("h3", null, "Width of 5em"), /*#__PURE__*/_react.default.createElement(_IconAlert.default, {
+  }), /*#__PURE__*/_react.default.createElement("h3", null, "Width of 5em"), /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, {
     id: "icon-width-5em",
@@ -34,0 +34,0 @@ width: "5em"

package.json

 {
   "name": "@cerner/terra-core-docs",
-  "version": "1.39.0",
+  "version": "1.40.0",
   "description": "Contains documentation for packages in the terra-core monorepo",
@@ -42,3 +42,3 @@ "main": "index.js",
     "terra-action-header": "^2.83.0",
-    "terra-alert": "^4.78.0",
+    "terra-alert": "^4.79.0",
     "terra-arrange": "^3.53.0",
@@ -55,3 +55,3 @@ "terra-avatar": "^3.17.0",
     "terra-demographics-banner": "^3.63.1",
-    "terra-dialog": "^2.77.0",
+    "terra-dialog": "^2.78.0",
     "terra-divider": "^3.38.0",
@@ -61,18 +61,18 @@ "terra-dropdown-button": "^1.36.0",
     "terra-form-checkbox": "^4.21.0",
-    "terra-form-field": "^4.27.0",
-    "terra-form-fieldset": "^2.74.0",
-    "terra-form-input": "^4.25.0",
-    "terra-form-radio": "^4.41.0",
-    "terra-form-select": "^6.46.0",
-    "terra-form-textarea": "^5.26.0",
+    "terra-form-field": "^4.28.0",
+    "terra-form-fieldset": "^2.75.0",
+    "terra-form-input": "^4.26.0",
+    "terra-form-radio": "^4.42.0",
+    "terra-form-select": "^6.46.1",
+    "terra-form-textarea": "^5.27.0",
     "terra-grid": "^6.34.0",
     "terra-heading": "^4.52.0",
     "terra-html-table": "^1.16.0",
-    "terra-hyperlink": "^2.61.0",
+    "terra-hyperlink": "^2.62.0",
     "terra-i18n": "^4.40.0",
-    "terra-icon": "^3.56.0",
+    "terra-icon": "^3.57.0",
     "terra-image": "^3.38.0",
-    "terra-list": "^4.60.0",
-    "terra-overlay": "^3.76.0",
-    "terra-paginator": "^2.84.0",
+    "terra-list": "^4.61.0",
+    "terra-overlay": "^3.77.0",
+    "terra-paginator": "^2.85.0",
     "terra-profile-image": "^3.43.0",
@@ -82,21 +82,21 @@ "terra-progress-bar": "^4.34.0",
     "terra-scroll": "^2.35.0",
-    "terra-search-field": "^3.90.0",
+    "terra-search-field": "^3.91.0",
     "terra-section-header": "^2.62.0",
-    "terra-show-hide": "^2.63.0",
+    "terra-show-hide": "^2.64.0",
     "terra-signature": "^2.39.0",
     "terra-spacer": "^3.61.0",
-    "terra-status": "^4.57.0",
-    "terra-status-view": "^4.62.0",
+    "terra-status": "^4.58.0",
+    "terra-status-view": "^4.63.0",
     "terra-switch": "^1.12.0",
     "terra-table": "^4.36.0",
-    "terra-tag": "^2.60.0",
+    "terra-tag": "^2.61.0",
     "terra-text": "^4.53.0",
     "terra-theme-context": "^1.0.0",
-    "terra-toggle": "^3.57.0",
-    "terra-toggle-button": "^3.74.0",
-    "terra-toggle-section-header": "^2.67.0",
+    "terra-toggle": "^3.58.0",
+    "terra-toggle-button": "^3.75.0",
+    "terra-toggle-section-header": "^2.68.0",
     "terra-toolbar": "^1.37.0",
     "terra-visually-hidden-text": "^2.36.0"
   },
-  "gitHead": "3516dfe03d27f2c63edc2bf9d61a0661e5025296"
+  "gitHead": "04fcccf72b43ef5be7bb27d6bec329f762571e47"
 }

src/terra-dev-site/doc/alert/example/LongTextExample.jsx

@@ -1,3 +0,3 @@
-import React, { useState } from 'react';
-import ShowHide from 'terra-show-hide';
+import React, { useState, useRef } from 'react';
+import ShowHide, { ShowHideFocuser } from 'terra-show-hide';
 import Alert from 'terra-alert';
@@ -11,4 +11,6 @@ import classNames from 'classnames/bind';
 const LongTextExample = () => {
+  const focusRef = useRef(null);
   const [isOpen, setIsOpen] = useState(false);
   const previewText = 'Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.';
+  const paragraph = 'Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.';
 
@@ -18,2 +20,3 @@ return (
       <ShowHide
+        focusRef={focusRef}
         preview={previewText}
@@ -28,3 +31,3 @@ isOpen={isOpen}
         <p>
-          Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.
+          <ShowHideFocuser ref={focusRef} focusableText={paragraph} />
         </p>
@@ -31,0 +34,0 @@ <p>

src/terra-dev-site/doc/form-radio/example/radio/HiddenLabelRadioExample.jsx

 import React from 'react';
 import Radio from 'terra-form-radio';
 
-const hiddenLabelRadioExample = () => (<Radio id="hidden-radio" labelText="can you see me?" isLabelHidden />);
+const hiddenLabelRadioExample = () => (
+  <div>
+    <p>
+      <b>Note: </b>
+      Radio button should always have label to ensures that people with visual or cognitive disabilities will recognize radio buttons and understand what information to provide to fill in the fields.
+      <br />
+      For example: When we have radio fields for selection of account types, authors may feel that just providing programmatically determined names of the fields will be sufficient to identify them. However, even if all the fields have programmatically determined names, a text label must also identify the set of fields as a account type.
+    </p>
+    <Radio id="hidden-radio" labelText="can you see me?" isLabelHidden />
+  </div>
+);
 
 export default hiddenLabelRadioExample;

src/terra-dev-site/doc/icon/example/A11yDecorative.jsx

 // This file is autogenerated from scripts/src/generate-example
 import React from 'react';
-import DecorativeIconAnnouncement from 'terra-icon/lib/icon/IconAnnouncement';
+
 import Card from 'terra-card';
+import { IconAnnouncement as DecorativeIconAnnouncement } from 'terra-icon';
+
 import { width, height } from './common';
@@ -6,0 +8,0 @@

src/terra-dev-site/doc/icon/example/A11yGroupInteractive.jsx

 import React from 'react';
-import Star from 'terra-icon/lib/icon/IconFeaturedOutlineYellow';
-import EmptyStar from 'terra-icon/lib/icon/IconFeaturedOutline';
+
+import Card from 'terra-card';
+import {
+  IconFeaturedOutlineYellow as Star,
+  IconFeaturedOutline as EmptyStar,
+} from 'terra-icon';
 import VisuallyHiddenText from 'terra-visually-hidden-text';
-import Card from 'terra-card';
+
 import { width, height } from './common';
@@ -7,0 +11,0 @@

src/terra-dev-site/doc/icon/example/A11yGroupReadOnly.jsx

 // This file is autogenerated from scripts/src/generate-example
 import React from 'react';
-import Star from 'terra-icon/lib/icon/IconFeaturedOutlineYellow';
-import DecorativeEmptyStar from 'terra-icon/lib/icon/IconFeaturedOutline';
+import {
+  IconFeaturedOutlineYellow as Star,
+  IconFeaturedOutline as DecorativeEmptyStar,
+} from 'terra-icon';
 import Card from 'terra-card';
@@ -6,0 +8,0 @@ import { width, height } from './common';

src/terra-dev-site/doc/icon/example/A11yMeaningfulInteractive.jsx

 // This file is autogenerated from scripts/src/generate-example
 import React from 'react';
+
 import Card from 'terra-card';
-import IconMediaPlay from 'terra-icon/lib/icon/IconMediaPlay';
-import IconMediaFastForward from 'terra-icon/lib/icon/IconMediaFastForward';
-import IconMediaRewind from 'terra-icon/lib/icon/IconMediaRewind';
+import { IconMediaPlay, IconMediaFastForward, IconMediaRewind } from 'terra-icon';
+
 import { width, height } from './common';
@@ -8,0 +8,0 @@

src/terra-dev-site/doc/icon/example/A11yMeaningfulReadOnly.jsx

 import React from 'react';
-import IconAnnouncement from 'terra-icon/lib/icon/IconAnnouncement';
+import { IconAnnouncement } from 'terra-icon';
 import Card from 'terra-card';
@@ -4,0 +4,0 @@ import { width, height } from './common';

src/terra-dev-site/doc/icon/example/IconStatic.jsx

 // This file is autogenerated from scripts/src/generate-example
 /* eslint-disable */
 import React from 'react';
-import IconSuccess from 'terra-icon/lib/icon/IconSuccess';
-import IconSuccessInverse from 'terra-icon/lib/icon/IconSuccessInverse';
-import IconAvailable from 'terra-icon/lib/icon/IconAvailable';
-import IconComplete from 'terra-icon/lib/icon/IconComplete';
-import IconNoRisk from 'terra-icon/lib/icon/IconNoRisk';
-import IconScheduled from 'terra-icon/lib/icon/IconScheduled';
-import IconRollup from 'terra-icon/lib/icon/IconRollup';
-import IconHighPriority from 'terra-icon/lib/icon/IconHighPriority';
-import IconAlert from 'terra-icon/lib/icon/IconAlert';
-import IconWarning from 'terra-icon/lib/icon/IconWarning';
-import IconModerate from 'terra-icon/lib/icon/IconModerate';
-import IconUnspecified from 'terra-icon/lib/icon/IconUnspecified';
-import IconCritical from 'terra-icon/lib/icon/IconCritical';
-import IconCriticalInverse from 'terra-icon/lib/icon/IconCriticalInverse';
-import IconHazardLow from 'terra-icon/lib/icon/IconHazardLow';
-import IconInformation from 'terra-icon/lib/icon/IconInformation';
-import IconInformationInverse from 'terra-icon/lib/icon/IconInformationInverse';
-import IconInformationStatic from 'terra-icon/lib/icon/IconInformationStatic';
-import IconErrorDark from 'terra-icon/lib/icon/IconErrorDark';
-import IconError from 'terra-icon/lib/icon/IconError';
-import IconDoNotDisturb from 'terra-icon/lib/icon/IconDoNotDisturb';
-import IconIncompleteInverse from 'terra-icon/lib/icon/IconIncompleteInverse';
-import IconFeaturedOutlineYellow from 'terra-icon/lib/icon/IconFeaturedOutlineYellow';
-import IconHelp from 'terra-icon/lib/icon/IconHelp';
-import IconHelpInverse from 'terra-icon/lib/icon/IconHelpInverse';
-import IconHelpStatic from 'terra-icon/lib/icon/IconHelpStatic';
-import IconUnexpected from 'terra-icon/lib/icon/IconUnexpected';
-import IconDueSoon from 'terra-icon/lib/icon/IconDueSoon';
-import IconOverDue from 'terra-icon/lib/icon/IconOverDue';
-import IconHigh from 'terra-icon/lib/icon/IconHigh';
-import IconHighInverse from 'terra-icon/lib/icon/IconHighInverse';
-import IconLow from 'terra-icon/lib/icon/IconLow';
-import IconLowRisk from 'terra-icon/lib/icon/IconLowRisk';
-import IconMax from 'terra-icon/lib/icon/IconMax';
-import IconMin from 'terra-icon/lib/icon/IconMin';
-import IconAbnormal from 'terra-icon/lib/icon/IconAbnormal';
-import IconDeviceCheck from 'terra-icon/lib/icon/IconDeviceCheck';
-import IconDeviceAlert from 'terra-icon/lib/icon/IconDeviceAlert';
-import IconDiamond from 'terra-icon/lib/icon/IconDiamond';
-import IconPharmacyReject from 'terra-icon/lib/icon/IconPharmacyReject';
-import IconHide from 'terra-icon/lib/icon/IconHide';
-import IconBedAssigned from 'terra-icon/lib/icon/IconBedAssigned';
-import IconDischargeComplete from 'terra-icon/lib/icon/IconDischargeComplete';
-import IconDischargeComingDue from 'terra-icon/lib/icon/IconDischargeComingDue';
-import IconDischargeOverDue from 'terra-icon/lib/icon/IconDischargeOverDue';
-import IconDrugDrug from 'terra-icon/lib/icon/IconDrugDrug';
-import IconOutOfNetwork from 'terra-icon/lib/icon/IconOutOfNetwork';
-import IconStatusPositive from 'terra-icon/lib/icon/IconStatusPositive';
-import IconStatusPositiveWhite from 'terra-icon/lib/icon/IconStatusPositiveWhite';
+import { 
+  IconAbnormal,
+  IconAlert,
+  IconAvailable,
+  IconBedAssigned,
+  IconComplete,
+  IconCritical,
+  IconCriticalInverse,
+  IconDeviceAlert,
+  IconDeviceCheck,
+  IconDiamond,
+  IconDischargeComingDue,
+  IconDischargeComplete,
+  IconDischargeOverDue,
+  IconDoNotDisturb,
+  IconDrugDrug,
+  IconDueSoon,
+  IconError,
+  IconErrorDark,
+  IconFeaturedOutlineYellow,
+  IconHazardLow,
+  IconHelp,
+  IconHelpInverse,
+  IconHelpStatic,
+  IconHide,
+  IconHigh,
+  IconHighInverse,
+  IconHighPriority,
+  IconIncompleteInverse,
+  IconInformation,
+  IconInformationInverse,
+  IconInformationStatic,
+  IconLow,
+  IconLowRisk,
+  IconMax,
+  IconMin,
+  IconModerate,
+  IconNoRisk,
+  IconOutOfNetwork,
+  IconOverDue,
+  IconPharmacyReject, 
+  IconRollup,
+  IconScheduled,
+  IconStatusPositive,
+  IconStatusPositiveWhite,
+  IconSuccess,
+  IconSuccessInverse,
+  IconUnexpected,
+  IconUnspecified,
+  IconWarning,
+} from 'terra-icon';
+
 const cellStyle = { padding: '0.5rem' };
@@ -69,3 +72,3 @@ const IconAll = () => (
           <code>
-            import IconSuccess from 'terra-icon/lib/icon/IconSuccess';
+            import { IconSuccess } from 'terra-icon';
           </code>
@@ -79,3 +82,3 @@ </td>
           <code>
-            import IconSuccessInverse from 'terra-icon/lib/icon/IconSuccessInverse';
+            import { IconSuccessInverse } from 'terra-icon';
           </code>
@@ -89,3 +92,3 @@ </td>
           <code>
-            import IconAvailable from 'terra-icon/lib/icon/IconAvailable';
+            import { IconAvailable } from 'terra-icon';
           </code>
@@ -99,3 +102,3 @@ </td>
           <code>
-            import IconComplete from 'terra-icon/lib/icon/IconComplete';
+            import { IconComplete } from 'terra-icon';
           </code>
@@ -109,3 +112,3 @@ </td>
           <code>
-            import IconNoRisk from 'terra-icon/lib/icon/IconNoRisk';
+            import { IconNoRisk } from 'terra-icon';
           </code>
@@ -119,3 +122,3 @@ </td>
           <code>
-            import IconScheduled from 'terra-icon/lib/icon/IconScheduled';
+            import { IconScheduled } from 'terra-icon';
           </code>
@@ -129,3 +132,3 @@ </td>
           <code>
-            import IconRollup from 'terra-icon/lib/icon/IconRollup';
+            import { IconRollup } from 'terra-icon';
           </code>
@@ -139,3 +142,3 @@ </td>
           <code>
-            import IconHighPriority from 'terra-icon/lib/icon/IconHighPriority';
+            import { IconHighPriority } from 'terra-icon';
           </code>
@@ -149,3 +152,3 @@ </td>
           <code>
-            import IconAlert from 'terra-icon/lib/icon/IconAlert';
+            import { IconAlert } from 'terra-icon';
           </code>
@@ -159,3 +162,3 @@ </td>
           <code>
-            import IconWarning from 'terra-icon/lib/icon/IconWarning';
+            import { IconWarning } from 'terra-icon';
           </code>
@@ -169,3 +172,3 @@ </td>
           <code>
-            import IconModerate from 'terra-icon/lib/icon/IconModerate';
+            import { IconModerate } from 'terra-icon';
           </code>
@@ -179,3 +182,3 @@ </td>
           <code>
-            import IconUnspecified from 'terra-icon/lib/icon/IconUnspecified';
+            import { IconUnspecified } from 'terra-icon';
           </code>
@@ -189,3 +192,3 @@ </td>
           <code>
-            import IconCritical from 'terra-icon/lib/icon/IconCritical';
+            import { IconCritical } from 'terra-icon';
           </code>
@@ -199,3 +202,3 @@ </td>
           <code>
-            import IconCriticalInverse from 'terra-icon/lib/icon/IconCriticalInverse';
+            import { IconCriticalInverse } from 'terra-icon';
           </code>
@@ -209,3 +212,3 @@ </td>
           <code>
-            import IconHazardLow from 'terra-icon/lib/icon/IconHazardLow';
+            import { IconHazardLow } from 'terra-icon';
           </code>
@@ -219,3 +222,3 @@ </td>
           <code>
-            import IconInformation from 'terra-icon/lib/icon/IconInformation';
+            import { IconInformation } from 'terra-icon';
           </code>
@@ -229,3 +232,3 @@ </td>
           <code>
-            import IconInformationInverse from 'terra-icon/lib/icon/IconInformationInverse';
+            import { IconInformationInverse } from 'terra-icon';
           </code>
@@ -239,3 +242,3 @@ </td>
           <code>
-            import IconInformationStatic from 'terra-icon/lib/icon/IconInformationStatic';
+            import { IconInformationStatic } from 'terra-icon';
           </code>
@@ -249,3 +252,3 @@ </td>
           <code>
-            import IconErrorDark from 'terra-icon/lib/icon/IconErrorDark';
+            import { IconErrorDark } from 'terra-icon';
           </code>
@@ -259,3 +262,3 @@ </td>
           <code>
-            import IconError from 'terra-icon/lib/icon/IconError';
+            import { IconError } from 'terra-icon';
           </code>
@@ -269,3 +272,3 @@ </td>
           <code>
-            import IconDoNotDisturb from 'terra-icon/lib/icon/IconDoNotDisturb';
+            import { IconDoNotDisturb } from 'terra-icon';
           </code>
@@ -279,3 +282,3 @@ </td>
           <code>
-            import IconIncompleteInverse from 'terra-icon/lib/icon/IconIncompleteInverse';
+            import { IconIncompleteInverse } from 'terra-icon';
           </code>
@@ -289,3 +292,3 @@ </td>
           <code>
-            import IconFeaturedOutlineYellow from 'terra-icon/lib/icon/IconFeaturedOutlineYellow';
+            import { IconFeaturedOutlineYellow } from 'terra-icon';
           </code>
@@ -299,3 +302,3 @@ </td>
           <code>
-            import IconHelp from 'terra-icon/lib/icon/IconHelp';
+            import { IconHelp } from 'terra-icon';
           </code>
@@ -309,3 +312,3 @@ </td>
           <code>
-            import IconHelpInverse from 'terra-icon/lib/icon/IconHelpInverse';
+            import { IconHelpInverse } from 'terra-icon';
           </code>
@@ -319,3 +322,3 @@ </td>
           <code>
-            import IconHelpStatic from 'terra-icon/lib/icon/IconHelpStatic';
+            import { IconHelpStatic } from 'terra-icon';
           </code>
@@ -329,3 +332,3 @@ </td>
           <code>
-            import IconUnexpected from 'terra-icon/lib/icon/IconUnexpected';
+            import { IconUnexpected } from 'terra-icon';
           </code>
@@ -339,3 +342,3 @@ </td>
           <code>
-            import IconDueSoon from 'terra-icon/lib/icon/IconDueSoon';
+            import { IconDueSoon } from 'terra-icon';
           </code>
@@ -349,3 +352,3 @@ </td>
           <code>
-            import IconOverDue from 'terra-icon/lib/icon/IconOverDue';
+            import { IconOverDue } from 'terra-icon';
           </code>
@@ -359,3 +362,3 @@ </td>
           <code>
-            import IconHigh from 'terra-icon/lib/icon/IconHigh';
+            import { IconHigh } from 'terra-icon';
           </code>
@@ -369,3 +372,3 @@ </td>
           <code>
-            import IconHighInverse from 'terra-icon/lib/icon/IconHighInverse';
+            import { IconHighInverse } from 'terra-icon';
           </code>
@@ -379,3 +382,3 @@ </td>
           <code>
-            import IconLow from 'terra-icon/lib/icon/IconLow';
+            import { IconLow } from 'terra-icon';
           </code>
@@ -389,3 +392,3 @@ </td>
           <code>
-            import IconLowRisk from 'terra-icon/lib/icon/IconLowRisk';
+            import { IconLowRisk } from 'terra-icon';
           </code>
@@ -399,3 +402,3 @@ </td>
           <code>
-            import IconMax from 'terra-icon/lib/icon/IconMax';
+            import { IconMax } from 'terra-icon';
           </code>
@@ -409,3 +412,3 @@ </td>
           <code>
-            import IconMin from 'terra-icon/lib/icon/IconMin';
+            import { IconMin } from 'terra-icon';
           </code>
@@ -419,3 +422,3 @@ </td>
           <code>
-            import IconAbnormal from 'terra-icon/lib/icon/IconAbnormal';
+            import { IconAbnormal } from 'terra-icon';
           </code>
@@ -429,3 +432,3 @@ </td>
           <code>
-            import IconDeviceCheck from 'terra-icon/lib/icon/IconDeviceCheck';
+            import { IconDeviceCheck } from 'terra-icon';
           </code>
@@ -439,3 +442,3 @@ </td>
           <code>
-            import IconDeviceAlert from 'terra-icon/lib/icon/IconDeviceAlert';
+            import { IconDeviceAlert } from 'terra-icon';
           </code>
@@ -449,3 +452,3 @@ </td>
           <code>
-            import IconDiamond from 'terra-icon/lib/icon/IconDiamond';
+            import { IconDiamond } from 'terra-icon';
           </code>
@@ -459,3 +462,3 @@ </td>
           <code>
-            import IconPharmacyReject from 'terra-icon/lib/icon/IconPharmacyReject';
+            import { IconPharmacyReject } from 'terra-icon';
           </code>
@@ -469,3 +472,3 @@ </td>
           <code>
-            import IconHide from 'terra-icon/lib/icon/IconHide';
+            import { IconHide } from 'terra-icon';
           </code>
@@ -479,3 +482,3 @@ </td>
           <code>
-            import IconBedAssigned from 'terra-icon/lib/icon/IconBedAssigned';
+            import { IconBedAssigned } from 'terra-icon';
           </code>
@@ -489,3 +492,3 @@ </td>
           <code>
-            import IconDischargeComplete from 'terra-icon/lib/icon/IconDischargeComplete';
+            import { IconDischargeComplete } from 'terra-icon';
           </code>
@@ -499,3 +502,3 @@ </td>
           <code>
-            import IconDischargeComingDue from 'terra-icon/lib/icon/IconDischargeComingDue';
+            import { IconDischargeComingDue } from 'terra-icon';
           </code>
@@ -509,3 +512,3 @@ </td>
           <code>
-            import IconDischargeOverDue from 'terra-icon/lib/icon/IconDischargeOverDue';
+            import { IconDischargeOverDue } from 'terra-icon';
           </code>
@@ -519,3 +522,3 @@ </td>
           <code>
-            import IconDrugDrug from 'terra-icon/lib/icon/IconDrugDrug';
+            import { IconDrugDrug } from 'terra-icon';
           </code>
@@ -529,3 +532,3 @@ </td>
           <code>
-            import IconOutOfNetwork from 'terra-icon/lib/icon/IconOutOfNetwork';
+            import { IconOutOfNetwork } from 'terra-icon';
           </code>
@@ -539,3 +542,3 @@ </td>
           <code>
-            import IconStatusPositive from 'terra-icon/lib/icon/IconStatusPositive';
+            import { IconStatusPositive } from 'terra-icon';
           </code>
@@ -549,3 +552,3 @@ </td>
           <code>
-            import IconStatusPositiveWhite from 'terra-icon/lib/icon/IconStatusPositiveWhite';
+            import { IconStatusPositiveWhite } from 'terra-icon';
           </code>
@@ -552,0 +555,0 @@ </td>

src/terra-dev-site/doc/paginator/example/ControlledPaginatorExample.jsx

@@ -43,4 +43,3 @@ import React from 'react';
             <h1 id="controlled_paginator_header_id">
-              Page
-              {this.state.currentPage}
+              Controlled Paginator Example
             </h1>
@@ -47,0 +46,0 @@ )}

src/terra-dev-site/doc/paginator/example/ControlledPaginatorNoPagesExample.jsx

@@ -32,4 +32,3 @@ import React, { useState } from 'react';
           <h1>
-            Page
-            {currentPage}
+            Controlled Paginator No Pages Example
           </h1>
@@ -36,0 +35,0 @@ )}

src/terra-dev-site/doc/paginator/example/ControlledProgressivePaginatorExample.jsx

@@ -43,4 +43,3 @@ import React from 'react';
             <h1 id="controlled_progressive_paginator_header_id">
-              Page
-              {this.state.currentPage}
+              Controlled Progressive Paginator Example
             </h1>
@@ -47,0 +46,0 @@ )}

src/terra-dev-site/doc/paginator/example/ControlledProgressivePaginatorWithoutTotalCountExample.jsx

@@ -32,4 +32,3 @@ import React, { useState } from 'react';
           <h1>
-            Page
-            {currentPage}
+            Controlled Progressive Paginator Without Total Count Example
           </h1>
@@ -36,0 +35,0 @@ )}

src/terra-dev-site/doc/paginator/example/PaginatorExample.jsx

@@ -51,7 +51,6 @@ import React from 'react';
             <h1 id="paginator_header_id">
-              Page
-              {this.state.currentPage}
+              Paginator Example
             </h1>
 )}
-          footer={<Paginator onPageChange={this.changePages} selectedPage={1} totalCount={totalCount} itemCountPerPage={10} ariaLabelledBy="paginator_header_id" />}
+          footer={<Paginator onPageChange={this.changePages} selectedPage={this.state.currentPage} totalCount={totalCount} itemCountPerPage={10} ariaLabelledBy="paginator_header_id" />}
         >
@@ -58,0 +57,0 @@ {this.state.content}

src/terra-dev-site/doc/paginator/example/PaginatorNoPagesExample.jsx

@@ -50,4 +50,3 @@ import React from 'react';
             <h1>
-              Page
-              {this.state.currentPage}
+              Paginator Example Without Pages
             </h1>
@@ -54,0 +53,0 @@ )}

src/terra-dev-site/doc/paginator/example/ProgressivePaginatorExample.jsx

@@ -40,7 +40,6 @@ import React from 'react';
             <h1 id="progressive_paginator_header_id">
-              Page
-              {this.state.currentPage}
+              Progressive Paginator Example
             </h1>
 )}
-          footer={<ProgressivePaginator onPageChange={this.changePages} selectedPage={1} totalCount={totalCount} itemCountPerPage={10} ariaLabelledBy="progressive_paginator_header_id" />}
+          footer={<ProgressivePaginator onPageChange={this.changePages} selectedPage={this.state.currentPage} totalCount={totalCount} itemCountPerPage={10} ariaLabelledBy="progressive_paginator_header_id" />}
         >
@@ -47,0 +46,0 @@ {this.state.content}

src/terra-dev-site/doc/paginator/example/ProgressivePaginatorWithoutTotalCountExample.jsx

@@ -32,7 +32,6 @@ import React, { useState } from 'react';
           <h1>
-            Page
-            {currentPage}
+            Progressive Paginator Without Total Count Example
           </h1>
           )}
-        footer={<ProgressivePaginator onPageChange={changePages} ariaLabel="progressive paginator no total count pagination" />}
+        footer={<ProgressivePaginator onPageChange={changePages} selectedPage={currentPage} ariaLabel="progressive paginator no total count pagination" />}
       >
@@ -39,0 +38,0 @@ {content}

src/terra-dev-site/doc/scroll/example/ScrollHorizontal.jsx

 import React from 'react';
 import Scroll from 'terra-scroll';
+import Button from 'terra-button';
 import classNames from 'classnames/bind';
+import InputField from 'terra-form-input/lib/InputField';
 import styles from './ScrollCommon.module.scss';
@@ -11,7 +13,17 @@
     <p>Overflow-X Container</p>
-    <div className={cx('overflow-wrapper')}>
-      <Scroll>
+    <div className={cx('overflow-y-wrapper')}>
+      <Scroll tabIndex="0">
         <p className={cx('paragraph-x-wrapper')}>
-          With a focus on enhanced productivity across ambulatory practices, Cerner Ambulatory is designed to help advance clinical and operational efficiencies throughout the continuum of care. We’ve designed our products with an ambulatory-first focus where operations and workflows are streamlined through integration across venues. Cerner Ambulatory offers simplified workflows across venues through integrated products and embedded collaborative content.
+          Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to provide accurate contact information as it will be used for communication and verification purposes.
         </p>
+        <div className={cx('container-x-wrapper')}>
+          <InputField
+            inputId="input-field"
+            label="Enter Patient Name"
+            type="text"
+          />
+        </div>
+        <div className={cx('container-x-wrapper')}>
+          <Button text="Submit" />
+        </div>
       </Scroll>
@@ -18,0 +30,0 @@ </div>

src/terra-dev-site/doc/scroll/example/ScrollVertical.jsx

@@ -12,7 +12,5 @@ import React from 'react';
     <div className={cx('overflow-wrapper')}>
-      <Scroll>
+      <Scroll tabIndex="0">
         <p className={cx('paragraph-y-wrapper')}>
-          With a focus on enhanced productivity across ambulatory practices, Cerner Ambulatory is designed to help advance clinical and operational efficiencies throughout the continuum of care. We’ve designed our products with an ambulatory-first focus where operations and workflows are streamlined through integration across venues.
-          <br />
-          Cerner Ambulatory offers simplified workflows across venues through integrated products and embedded collaborative content.
+          Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to provide accurate contact information as it will be used for communication and verification purposes.
         </p>
@@ -19,0 +17,0 @@ </Scroll>

src/terra-dev-site/test/alert/LongTextAlert.test.jsx

@@ -1,5 +0,5 @@
-import React, { useState } from 'react';
+import React, { useState, useRef } from 'react';
 import Alert from 'terra-alert';
 import Button from 'terra-button';
-import ShowHide from 'terra-show-hide';
+import ShowHide, { ShowHideFocuser } from 'terra-show-hide';
 import classNames from 'classnames/bind';
@@ -12,5 +12,7 @@
 const LongTextAlert = () => {
+  const focusRef = useRef(null);
   const [isOpen, setIsOpen] = useState(true);
   const [isTextOpen, setIsTextOpen] = useState(false);
   const previewText = 'Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.';
+  const paragraph = 'Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.';
 
@@ -29,2 +31,3 @@ return (
             <ShowHide
+              focusRef={focusRef}
               preview={previewText}
@@ -39,8 +42,3 @@ isOpen={isTextOpen}
               <p>
-                Now we are engaged in a great civil war, testing whether that
-                nation, or any nation so conceived and so dedicated, can long
-                endure. We are met on a great battle-field of that war. We have
-                come to dedicate a portion of that field, as a final resting place
-                for those who here gave their lives that that nation might live.
-                It is altogether fitting and proper that we should do this.
+                <ShowHideFocuser ref={focusRef} focusableText={paragraph} />
               </p>
@@ -47,0 +45,0 @@ <p>

src/terra-dev-site/test/icon/IconAll.test.jsx

 import React from 'react';
 import classNames from 'classnames/bind';
-import Icon from 'terra-icon/lib/IconExports';
+import {
+  IconAbnormal,
+  IconAbnormalLowLight,
+  IconAdd,
+  IconAddPerson,
+  IconAlert,
+  IconAlertLowLight,
+  IconAllergy,
+  IconAnalytics,
+  IconAnnouncement,
+  IconArchive,
+  IconAttachment,
+  IconAudio,
+  IconAutoText,
+  IconAvailable,
+  IconAway,
+  IconBedAssigned,
+  IconBedAssignedLowLight,
+  IconBedRequested,
+  IconBluetooth,
+  IconBluetoothSlash,
+  IconBookmark,
+  IconBriefcase,
+  IconBrokenImage,
+  IconBrokenLinkUnlink,
+  IconBusy,
+  IconCalculator,
+  IconCalendar,
+  IconCamera,
+  IconCancel,
+  IconCaretDown,
+  IconCaretLeft,
+  IconCaretRight,
+  IconCaretUp,
+  IconCatalogueNumber,
+  IconCaution,
+  IconChecklist,
+  IconCheckmark,
+  IconChevron,
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronRight,
+  IconChevronUp,
+  IconCircleLinesSymbol,
+  IconCircleSymbol,
+  IconCircleSymbolLight,
+  IconClear,
+  IconClipboard,
+  IconClock,
+  IconClose,
+  IconCollapseRow,
+  IconComment,
+  IconCommit,
+  IconComplete,
+  IconCompose,
+  IconConfidential,
+  IconConsultInstructionsForUse,
+  IconCritical,
+  IconCriticalInverse,
+  IconCriticalInverseLowLight,
+  IconCriticalLowLight,
+  IconDateOfManufacture,
+  IconDevice,
+  IconDeviceAlert,
+  IconDeviceAlertLowLight,
+  IconDeviceCheck,
+  IconDeviceCheckLowLight,
+  IconDiamond,
+  IconDiamondLowLight,
+  IconDiamondSymbol,
+  IconDiamondSymbolLight,
+  IconDischargeComingDue,
+  IconDischargeComingDueLowLight,
+  IconDischargeComplete,
+  IconDischargeCompleteLowLight,
+  IconDischargeOverDue,
+  IconDischargeOverDueLowLight,
+  IconDoNotDisturb,
+  IconDocumentPlus,
+  IconDocuments,
+  IconDoorOpen,
+  IconDoubleChevronLeft,
+  IconDoubleChevronRight,
+  IconDown,
+  IconDownload,
+  IconDrugDrug,
+  IconDrugDrugLowLight,
+  IconDue,
+  IconDueSoon,
+  IconDueSoonLowLight,
+  IconEcRep,
+  IconEdit,
+  IconEllipses,
+  IconEnvelope,
+  IconEnvelopeFill,
+  IconError,
+  IconErrorDark,
+  IconErrorLowLight,
+  IconExclamation,
+  IconExpandLess,
+  IconExpandMore,
+  IconExpandRow,
+  IconExtensions,
+  IconExternalLink,
+  IconFeatured,
+  IconFeaturedOff,
+  IconFeaturedOutline,
+  IconFeaturedOutlineYellow,
+  IconFirst,
+  IconFitHeight,
+  IconFitScale,
+  IconFitWidth,
+  IconFlag,
+  IconFlipHorizontal,
+  IconFlipVertical,
+  IconFlowsheet,
+  IconFolder,
+  IconForward,
+  IconFunnel,
+  IconGapChecking,
+  IconGlasses,
+  IconGroup,
+  IconHalfRating,
+  IconHazardLow,
+  IconHelp,
+  IconHelpInverse,
+  IconHelpInverseLowLight,
+  IconHelpLowLight,
+  IconHelpStatic,
+  IconHelpThemeable,
+  IconHide,
+  IconHigh,
+  IconHighInverse,
+  IconHighInverseLowLight,
+  IconHighLowLight,
+  IconHighPriority,
+  IconHold,
+  IconHospital,
+  IconHouse,
+  IconIPass,
+  IconImage,
+  IconImplant,
+  IconIncomingCall,
+  IconIncomplete,
+  IconIncompleteInverse,
+  IconIncompleteInverseLowLight,
+  IconInformation,
+  IconInformationInverse,
+  IconInformationInverseLowLight,
+  IconInformationLowLight,
+  IconInformationStatic,
+  IconInformationThemeable,
+  IconItalicI,
+  IconKeyboard,
+  IconKnurling,
+  IconLast,
+  IconLeft,
+  IconLeftPane,
+  IconLightbulb,
+  IconLink,
+  IconList,
+  IconLocationPin,
+  IconLookback,
+  IconLow,
+  IconLowLowLight,
+  IconLowRisk,
+  IconLowRiskLowLight,
+  IconManufacturer,
+  IconMax,
+  IconMaximize,
+  IconMediaFastForward,
+  IconMediaPause,
+  IconMediaPlay,
+  IconMediaRecord,
+  IconMediaRewind,
+  IconMediaStop,
+  IconMedicationTablet,
+  IconMedicationTabletHalf,
+  IconMedicationTabletHalfOutline,
+  IconMedicationTabletOutline,
+  IconMenu,
+  IconMerge,
+  IconMicrophone,
+  IconMicrophoneDisabled,
+  IconMin,
+  IconMinimize,
+  IconMinus,
+  IconMissedCall,
+  IconModerate,
+  IconModerateLowLight,
+  IconModified,
+  IconMultipleResultsCritical,
+  IconMultipleResultsNormal,
+  IconMultipleResultsNotNormal,
+  IconNavStackUp,
+  IconNext,
+  IconNoResults,
+  IconNoRisk,
+  IconNoRiskLowLight,
+  IconNoSignal,
+  IconNotMet,
+  IconNotification,
+  IconNotificationDisabled,
+  IconNotificationOff,
+  IconOutOfNetwork,
+  IconOutgoingCall,
+  IconOverDue,
+  IconOverDueLowLight,
+  IconPadlock,
+  IconPager,
+  IconPanelLeft,
+  IconPanelRight,
+  IconPaperFolded,
+  IconPaperPencil,
+  IconPartiallyMet,
+  IconPatientSearch,
+  IconPending,
+  IconPerson,
+  IconPersonConnection,
+  IconPersonDoor,
+  IconPersonHospital,
+  IconPersonnelPerson,
+  IconPharmacyReject,
+  IconPharmacyRejectLowLight,
+  IconPharmacyReview,
+  IconPharmacyVerification,
+  IconPhone,
+  IconPhoneDown,
+  IconPill,
+  IconPinDiagonal,
+  IconPinDown,
+  IconPlusSymbol,
+  IconPlusSymbolLight,
+  IconPrevious,
+  IconPrinter,
+  IconProjects,
+  IconProtocol,
+  IconProvider,
+  IconQuestion,
+  IconQuestionOutline,
+  IconRectangleSymbol,
+  IconRectangleSymbolLight,
+  IconRecurringEvent,
+  IconRedo,
+  IconRefresh,
+  IconRefusedSlot,
+  IconReload,
+  IconReply,
+  IconReplyAll,
+  IconRequired,
+  IconRight,
+  IconRollup,
+  IconRotateLeft,
+  IconRotateRight,
+  IconSave,
+  IconScheduled,
+  IconScheduledLowLight,
+  IconScratchPad,
+  IconSearch,
+  IconSecondaryProvider,
+  IconSend,
+  IconSeparate,
+  IconSettings,
+  IconSharedSchedules,
+  IconSimulation,
+  IconSortAscending,
+  IconSortDescending,
+  IconSpinner,
+  IconSquareSymbol,
+  IconSquareSymbolLight,
+  IconStartPresenting,
+  IconStatusPositive,
+  IconStatusPositiveLowLight,
+  IconStatusPositiveWhite,
+  IconStatusPositiveWhiteLowLight,
+  IconStopPresenting,
+  IconSuccess,
+  IconSuccessInverse,
+  IconSuccessInverseLowLight,
+  IconSuccessLowLight,
+  IconSwap,
+  IconTable,
+  IconTag,
+  IconTeardropSymbol,
+  IconTeardropSymbolLight,
+  IconTeardropUpSymbol,
+  IconTeardropUpSymbolLight,
+  IconThinDiamondSymbol,
+  IconThinDiamondSymbolLight,
+  IconTile,
+  IconTrash,
+  IconTreemap,
+  IconTrendingDown,
+  IconTrendingUp,
+  IconTriangleDownSymbol,
+  IconTriangleDownSymbolLight,
+  IconTriangleSymbol,
+  IconTriangleSymbolLight,
+  IconTrophy,
+  IconUnavailable,
+  IconUndo,
+  IconUnexpected,
+  IconUnexpectedLowLight,
+  IconUnknown,
+  IconUnlock,
+  IconUnread,
+  IconUnspecified,
+  IconUp,
+  IconUpload,
+  IconUsers,
+  IconVideoCamera,
+  IconVideoCameraDisabled,
+  IconVisualization,
+  IconVolumeSetDecrease,
+  IconVolumeSetDefault,
+  IconVolumeSetIncrease,
+  IconVolumeSetMute,
+  IconWarning,
+  IconWarningLowLight,
+  IconWaveform,
+  IconWifi,
+  IconWifiSlash,
+  IconXSymbol,
+  IconZoomIn,
+  IconZoomOut,
+} from 'terra-icon';
 import styles from './IconAll.module.scss';
@@ -10,326 +335,326 @@
   <div>
-    <Icon.IconAbnormal className={cx(['icon'])} />
-    <Icon.IconAbnormalLowLight className={cx(['icon'])} />
-    <Icon.IconAdd className={cx(['icon'])} />
-    <Icon.IconAddPerson className={cx(['icon'])} />
-    <Icon.IconAlert className={cx(['icon'])} />
-    <Icon.IconAlertLowLight className={cx(['icon'])} />
-    <Icon.IconAllergy className={cx(['icon'])} />
-    <Icon.IconAnalytics className={cx(['icon'])} />
-    <Icon.IconAnnouncement className={cx(['icon'])} />
-    <Icon.IconArchive className={cx(['icon'])} />
-    <Icon.IconAttachment className={cx(['icon'])} />
-    <Icon.IconAudio className={cx(['icon'])} />
-    <Icon.IconAutoText className={cx(['icon'])} />
-    <Icon.IconAvailable className={cx(['icon'])} />
-    <Icon.IconAway className={cx(['icon'])} />
-    <Icon.IconBedAssigned className={cx(['icon'])} />
-    <Icon.IconBedAssignedLowLight className={cx(['icon'])} />
-    <Icon.IconBedRequested className={cx(['icon'])} />
-    <Icon.IconBluetooth className={cx(['icon'])} />
-    <Icon.IconBluetoothSlash className={cx(['icon'])} />
-    <Icon.IconBookmark className={cx(['icon'])} />
-    <Icon.IconBriefcase className={cx(['icon'])} />
-    <Icon.IconBrokenImage className={cx(['icon'])} />
-    <Icon.IconBrokenLinkUnlink className={cx(['icon'])} />
-    <Icon.IconBusy className={cx(['icon'])} />
-    <Icon.IconCalculator className={cx(['icon'])} />
-    <Icon.IconCalendar className={cx(['icon'])} />
-    <Icon.IconCamera className={cx(['icon'])} />
-    <Icon.IconCancel className={cx(['icon'])} />
-    <Icon.IconCaretDown className={cx(['icon'])} />
-    <Icon.IconCaretLeft className={cx(['icon'])} />
-    <Icon.IconCaretRight className={cx(['icon'])} />
-    <Icon.IconCaretUp className={cx(['icon'])} />
-    <Icon.IconCatalogueNumber className={cx(['icon'])} />
-    <Icon.IconCaution className={cx(['icon'])} />
-    <Icon.IconChecklist className={cx(['icon'])} />
-    <Icon.IconCheckmark className={cx(['icon'])} />
-    <Icon.IconChevron className={cx(['icon'])} />
-    <Icon.IconChevronDown className={cx(['icon'])} />
-    <Icon.IconChevronLeft className={cx(['icon'])} />
-    <Icon.IconChevronRight className={cx(['icon'])} />
-    <Icon.IconChevronUp className={cx(['icon'])} />
-    <Icon.IconCircleLinesSymbol className={cx(['icon'])} />
-    <Icon.IconCircleSymbol className={cx(['icon'])} />
-    <Icon.IconCircleSymbolLight className={cx(['icon'])} />
-    <Icon.IconClear className={cx(['icon'])} />
-    <Icon.IconClipboard className={cx(['icon'])} />
-    <Icon.IconClock className={cx(['icon'])} />
-    <Icon.IconClose className={cx(['icon'])} />
-    <Icon.IconCollapseRow className={cx(['icon'])} />
-    <Icon.IconComment className={cx(['icon'])} />
-    <Icon.IconCommit className={cx(['icon'])} />
-    <Icon.IconComplete className={cx(['icon'])} />
-    <Icon.IconCompose className={cx(['icon'])} />
-    <Icon.IconConfidential className={cx(['icon'])} />
-    <Icon.IconConsultInstructionsForUse className={cx(['icon'])} />
-    <Icon.IconCritical className={cx(['icon'])} />
-    <Icon.IconCriticalInverse className={cx(['icon', 'icon-inverse'])} />
-    <Icon.IconCriticalInverseLowLight className={cx(['icon'])} />
-    <Icon.IconCriticalLowLight className={cx(['icon'])} />
-    <Icon.IconDateOfManufacture className={cx(['icon'])} />
-    <Icon.IconDevice className={cx(['icon'])} />
-    <Icon.IconDeviceAlert className={cx(['icon'])} />
-    <Icon.IconDeviceAlertLowLight className={cx(['icon'])} />
-    <Icon.IconDeviceCheck className={cx(['icon'])} />
-    <Icon.IconDeviceCheckLowLight className={cx(['icon'])} />
-    <Icon.IconDiamond className={cx(['icon'])} />
-    <Icon.IconDiamondLowLight className={cx(['icon'])} />
-    <Icon.IconDiamondSymbol className={cx(['icon'])} />
-    <Icon.IconDiamondSymbolLight className={cx(['icon'])} />
-    <Icon.IconDischargeComingDue className={cx(['icon'])} />
-    <Icon.IconDischargeComingDueLowLight className={cx(['icon'])} />
-    <Icon.IconDischargeComplete className={cx(['icon'])} />
-    <Icon.IconDischargeCompleteLowLight className={cx(['icon'])} />
-    <Icon.IconDischargeOverDue className={cx(['icon'])} />
-    <Icon.IconDischargeOverDueLowLight className={cx(['icon'])} />
-    <Icon.IconDocumentPlus className={cx(['icon'])} />
-    <Icon.IconDocuments className={cx(['icon'])} />
-    <Icon.IconDoNotDisturb className={cx(['icon'])} />
-    <Icon.IconDoorOpen className={cx(['icon'])} />
-    <Icon.IconDoubleChevronLeft className={cx(['icon'])} />
-    <Icon.IconDoubleChevronRight className={cx(['icon'])} />
-    <Icon.IconDown className={cx(['icon'])} />
-    <Icon.IconDownload className={cx(['icon'])} />
-    <Icon.IconDrugDrug className={cx(['icon'])} />
-    <Icon.IconDrugDrugLowLight className={cx(['icon'])} />
-    <Icon.IconDue className={cx(['icon'])} />
-    <Icon.IconDueSoon className={cx(['icon'])} />
-    <Icon.IconDueSoonLowLight className={cx(['icon'])} />
-    <Icon.IconEcRep className={cx(['icon'])} />
-    <Icon.IconEdit className={cx(['icon'])} />
-    <Icon.IconEllipses className={cx(['icon'])} />
-    <Icon.IconEnvelope className={cx(['icon'])} />
-    <Icon.IconEnvelopeFill className={cx(['icon'])} />
-    <Icon.IconError className={cx(['icon'])} />
-    <Icon.IconErrorDark className={cx(['icon'])} />
-    <Icon.IconErrorLowLight className={cx(['icon'])} />
-    <Icon.IconExclamation className={cx(['icon'])} />
-    <Icon.IconExpandLess className={cx(['icon'])} />
-    <Icon.IconExpandMore className={cx(['icon'])} />
-    <Icon.IconExpandRow className={cx(['icon'])} />
-    <Icon.IconExtensions className={cx(['icon'])} />
-    <Icon.IconExternalLink className={cx(['icon'])} />
-    <Icon.IconFeatured className={cx(['icon'])} />
-    <Icon.IconFeaturedOff className={cx(['icon'])} />
-    <Icon.IconFeaturedOutline className={cx(['icon'])} />
-    <Icon.IconFeaturedOutlineYellow className={cx(['icon'])} />
-    <Icon.IconFirst className={cx(['icon'])} />
-    <Icon.IconFitHeight className={cx(['icon'])} />
-    <Icon.IconFitScale className={cx(['icon'])} />
-    <Icon.IconFitWidth className={cx(['icon'])} />
-    <Icon.IconFlag className={cx(['icon'])} />
-    <Icon.IconFlipHorizontal className={cx(['icon'])} />
-    <Icon.IconFlipVertical className={cx(['icon'])} />
-    <Icon.IconFlowsheet className={cx(['icon'])} />
-    <Icon.IconFolder className={cx(['icon'])} />
-    <Icon.IconForward className={cx(['icon'])} />
-    <Icon.IconFunnel className={cx(['icon'])} />
-    <Icon.IconGapChecking className={cx(['icon'])} />
-    <Icon.IconGlasses className={cx(['icon'])} />
-    <Icon.IconGroup className={cx(['icon'])} />
-    <Icon.IconHalfRating className={cx(['icon'])} />
-    <Icon.IconHazardLow className={cx(['icon'])} />
-    <Icon.IconHelp className={cx(['icon'])} />
-    <Icon.IconHelpInverse className={cx(['icon', 'icon-inverse'])} />
-    <Icon.IconHelpInverseLowLight className={cx(['icon'])} />
-    <Icon.IconHelpLowLight className={cx(['icon'])} />
-    <Icon.IconHelpStatic className={cx(['icon'])} />
-    <Icon.IconHelpThemeable className={cx(['icon'])} />
-    <Icon.IconHide className={cx(['icon'])} />
-    <Icon.IconHigh className={cx(['icon'])} />
-    <Icon.IconHighInverse className={cx(['icon', 'icon-inverse'])} />
-    <Icon.IconHighInverseLowLight className={cx(['icon'])} />
-    <Icon.IconHighLowLight className={cx(['icon'])} />
-    <Icon.IconHighPriority className={cx(['icon'])} />
-    <Icon.IconHold className={cx(['icon'])} />
-    <Icon.IconHospital className={cx(['icon'])} />
-    <Icon.IconHouse className={cx(['icon'])} />
-    <Icon.IconImage className={cx(['icon'])} />
-    <Icon.IconImplant className={cx(['icon'])} />
-    <Icon.IconIncomingCall className={cx(['icon'])} />
-    <Icon.IconIncomplete className={cx(['icon'])} />
-    <Icon.IconIncompleteInverse className={cx(['icon', 'icon-inverse'])} />
-    <Icon.IconIncompleteInverseLowLight className={cx(['icon'])} />
-    <Icon.IconInformation className={cx(['icon'])} />
-    <Icon.IconInformationInverse className={cx(['icon', 'icon-inverse'])} />
-    <Icon.IconInformationInverseLowLight className={cx(['icon'])} />
-    <Icon.IconInformationLowLight className={cx(['icon'])} />
-    <Icon.IconInformationStatic className={cx(['icon'])} />
-    <Icon.IconInformationThemeable className={cx(['icon'])} />
-    <Icon.IconIPass className={cx(['icon'])} />
-    <Icon.IconItalicI className={cx(['icon'])} />
-    <Icon.IconKeyboard className={cx(['icon'])} />
-    <Icon.IconKnurling className={cx(['icon'])} />
-    <Icon.IconLast className={cx(['icon'])} />
-    <Icon.IconLeft className={cx(['icon'])} />
-    <Icon.IconLeftPane className={cx(['icon'])} />
-    <Icon.IconLightbulb className={cx(['icon'])} />
-    <Icon.IconLink className={cx(['icon'])} />
-    <Icon.IconList className={cx(['icon'])} />
-    <Icon.IconLocationPin className={cx(['icon'])} />
-    <Icon.IconLookback className={cx(['icon'])} />
-    <Icon.IconLow className={cx(['icon'])} />
-    <Icon.IconLowLowLight className={cx(['icon'])} />
-    <Icon.IconLowRisk className={cx(['icon'])} />
-    <Icon.IconLowRiskLowLight className={cx(['icon'])} />
-    <Icon.IconManufacturer className={cx(['icon'])} />
-    <Icon.IconMax className={cx(['icon'])} />
-    <Icon.IconMaximize className={cx(['icon'])} />
-    <Icon.IconMediaFastForward className={cx(['icon'])} />
-    <Icon.IconMediaPause className={cx(['icon'])} />
-    <Icon.IconMediaPlay className={cx(['icon'])} />
-    <Icon.IconMediaRecord className={cx(['icon'])} />
-    <Icon.IconMediaRewind className={cx(['icon'])} />
-    <Icon.IconMediaStop className={cx(['icon'])} />
-    <Icon.IconMedicationTablet className={cx(['icon'])} />
-    <Icon.IconMedicationTabletOutline className={cx(['icon'])} />
-    <Icon.IconMedicationTabletHalf className={cx(['icon'])} />
-    <Icon.IconMedicationTabletHalfOutline className={cx(['icon'])} />
-    <Icon.IconMenu className={cx(['icon'])} />
-    <Icon.IconMerge className={cx(['icon'])} />
-    <Icon.IconMicrophone className={cx(['icon'])} />
-    <Icon.IconMicrophoneDisabled className={cx(['icon'])} />
-    <Icon.IconMin className={cx(['icon'])} />
-    <Icon.IconMinimize className={cx(['icon'])} />
-    <Icon.IconMinus className={cx(['icon'])} />
-    <Icon.IconMissedCall className={cx(['icon'])} />
-    <Icon.IconModerate className={cx(['icon'])} />
-    <Icon.IconModerateLowLight className={cx(['icon'])} />
-    <Icon.IconModified className={cx(['icon'])} />
-    <Icon.IconMultipleResultsNormal className={cx(['icon'])} />
-    <Icon.IconMultipleResultsNotNormal className={cx(['icon'])} />
-    <Icon.IconMultipleResultsCritical className={cx(['icon'])} />
-    <Icon.IconNavStackUp className={cx(['icon'])} />
-    <Icon.IconNext className={cx(['icon'])} />
-    <Icon.IconNoRisk className={cx(['icon'])} />
-    <Icon.IconNoResults className={cx(['icon'])} />
-    <Icon.IconNoRiskLowLight className={cx(['icon'])} />
-    <Icon.IconNoSignal className={cx(['icon'])} />
-    <Icon.IconNotification className={cx(['icon'])} />
-    <Icon.IconNotificationDisabled className={cx(['icon'])} />
-    <Icon.IconNotificationOff className={cx(['icon'])} />
-    <Icon.IconNotMet className={cx(['icon'])} />
-    <Icon.IconOutgoingCall className={cx(['icon'])} />
-    <Icon.IconOutOfNetwork className={cx(['icon'])} />
-    <Icon.IconOverDue className={cx(['icon'])} />
-    <Icon.IconOverDueLowLight className={cx(['icon'])} />
-    <Icon.IconPadlock className={cx(['icon'])} />
-    <Icon.IconPager className={cx(['icon'])} />
-    <Icon.IconPanelLeft className={cx(['icon'])} />
-    <Icon.IconPanelRight className={cx(['icon'])} />
-    <Icon.IconPaperFolded className={cx(['icon'])} />
-    <Icon.IconPaperPencil className={cx(['icon'])} />
-    <Icon.IconPartiallyMet className={cx(['icon'])} />
-    <Icon.IconPatientSearch className={cx(['icon'])} />
-    <Icon.IconPending className={cx(['icon'])} />
-    <Icon.IconPerson className={cx(['icon'])} />
-    <Icon.IconPersonConnection className={cx(['icon'])} />
-    <Icon.IconPersonDoor className={cx(['icon'])} />
-    <Icon.IconPersonHospital className={cx(['icon'])} />
-    <Icon.IconPersonnelPerson className={cx(['icon'])} />
-    <Icon.IconPharmacyReject className={cx(['icon'])} />
-    <Icon.IconPharmacyRejectLowLight className={cx(['icon'])} />
-    <Icon.IconPharmacyReview className={cx(['icon'])} />
-    <Icon.IconPharmacyVerification className={cx(['icon'])} />
-    <Icon.IconPhone className={cx(['icon'])} />
-    <Icon.IconPhoneDown className={cx(['icon'])} />
-    <Icon.IconPill className={cx(['icon'])} />
-    <Icon.IconPinDiagonal className={cx(['icon'])} />
-    <Icon.IconPinDown className={cx(['icon'])} />
-    <Icon.IconPlusSymbol className={cx(['icon'])} />
-    <Icon.IconPlusSymbolLight className={cx(['icon'])} />
-    <Icon.IconPrevious className={cx(['icon'])} />
-    <Icon.IconPrinter className={cx(['icon'])} />
-    <Icon.IconProjects className={cx(['icon'])} />
-    <Icon.IconProtocol className={cx(['icon'])} />
-    <Icon.IconProvider className={cx(['icon'])} />
-    <Icon.IconQuestion className={cx(['icon'])} />
-    <Icon.IconQuestionOutline className={cx(['icon'])} />
-    <Icon.IconRectangleSymbol className={cx(['icon'])} />
-    <Icon.IconRectangleSymbolLight className={cx(['icon'])} />
-    <Icon.IconRecurringEvent className={cx(['icon'])} />
-    <Icon.IconRedo className={cx(['icon'])} />
-    <Icon.IconRefresh className={cx(['icon'])} />
-    <Icon.IconRefusedSlot className={cx(['icon'])} />
-    <Icon.IconReload className={cx(['icon'])} />
-    <Icon.IconReply className={cx(['icon'])} />
-    <Icon.IconReplyAll className={cx(['icon'])} />
-    <Icon.IconRequired className={cx(['icon'])} />
-    <Icon.IconRight className={cx(['icon'])} />
-    <Icon.IconRollup className={cx(['icon'])} />
-    <Icon.IconRotateLeft className={cx(['icon'])} />
-    <Icon.IconRotateRight className={cx(['icon'])} />
-    <Icon.IconSave className={cx(['icon'])} />
-    <Icon.IconScheduled className={cx(['icon'])} />
-    <Icon.IconScheduledLowLight className={cx(['icon'])} />
-    <Icon.IconScratchPad className={cx(['icon'])} />
-    <Icon.IconSearch className={cx(['icon'])} />
-    <Icon.IconSecondaryProvider className={cx(['icon'])} />
-    <Icon.IconSend className={cx(['icon'])} />
-    <Icon.IconSeparate className={cx(['icon'])} />
-    <Icon.IconSettings className={cx(['icon'])} />
-    <Icon.IconSharedSchedules className={cx(['icon'])} />
-    <Icon.IconSimulation className={cx(['icon'])} />
-    <Icon.IconSortAscending className={cx(['icon'])} />
-    <Icon.IconSortDescending className={cx(['icon'])} />
-    <Icon.IconSpinner className={cx(['icon'])} isSpin={false} />
-    <Icon.IconSquareSymbol className={cx(['icon'])} />
-    <Icon.IconSquareSymbolLight className={cx(['icon'])} />
-    <Icon.IconStatusPositive className={cx(['icon'])} />
-    <Icon.IconStatusPositiveWhite className={cx(['icon'])} />
-    <Icon.IconStatusPositiveLowLight className={cx(['icon'])} />
-    <Icon.IconStatusPositiveWhiteLowLight className={cx(['icon'])} />
-    <Icon.IconStartPresenting className={cx(['icon'])} />
-    <Icon.IconStopPresenting className={cx(['icon'])} />
-    <Icon.IconSuccess className={cx(['icon'])} />
-    <Icon.IconSuccessInverse className={cx(['icon', 'icon-inverse'])} />
-    <Icon.IconSuccessInverseLowLight className={cx(['icon'])} />
-    <Icon.IconSuccessLowLight className={cx(['icon'])} />
-    <Icon.IconSwap className={cx(['icon'])} />
-    <Icon.IconTable className={cx(['icon'])} />
-    <Icon.IconTag className={cx(['icon'])} />
-    <Icon.IconTeardropSymbol className={cx(['icon'])} />
-    <Icon.IconTeardropSymbolLight className={cx(['icon'])} />
-    <Icon.IconTeardropUpSymbol className={cx(['icon'])} />
-    <Icon.IconTeardropUpSymbolLight className={cx(['icon'])} />
-    <Icon.IconThinDiamondSymbol className={cx(['icon'])} />
-    <Icon.IconThinDiamondSymbolLight className={cx(['icon'])} />
-    <Icon.IconTile className={cx(['icon'])} />
-    <Icon.IconTrash className={cx(['icon'])} />
-    <Icon.IconTreemap className={cx(['icon'])} />
-    <Icon.IconTrendingDown className={cx(['icon'])} />
-    <Icon.IconTrendingUp className={cx(['icon'])} />
-    <Icon.IconTriangleDownSymbol className={cx(['icon'])} />
-    <Icon.IconTriangleDownSymbolLight className={cx(['icon'])} />
-    <Icon.IconTriangleSymbol className={cx(['icon'])} />
-    <Icon.IconTriangleSymbolLight className={cx(['icon'])} />
-    <Icon.IconTrophy className={cx(['icon'])} />
-    <Icon.IconUnavailable className={cx(['icon'])} />
-    <Icon.IconUndo className={cx(['icon'])} />
-    <Icon.IconUnexpected className={cx(['icon'])} />
-    <Icon.IconUnexpectedLowLight className={cx(['icon'])} />
-    <Icon.IconUnknown className={cx(['icon'])} />
-    <Icon.IconUnlock className={cx(['icon'])} />
-    <Icon.IconUnread className={cx(['icon'])} />
-    <Icon.IconUnspecified className={cx(['icon'])} />
-    <Icon.IconUp className={cx(['icon'])} />
-    <Icon.IconUpload className={cx(['icon'])} />
-    <Icon.IconUsers className={cx(['icon'])} />
-    <Icon.IconVideoCamera className={cx(['icon'])} />
-    <Icon.IconVideoCameraDisabled className={cx(['icon'])} />
-    <Icon.IconVisualization className={cx(['icon'])} />
-    <Icon.IconVolumeSetDefault className={cx(['icon'])} />
-    <Icon.IconVolumeSetMute className={cx(['icon'])} />
-    <Icon.IconVolumeSetIncrease className={cx(['icon'])} />
-    <Icon.IconVolumeSetDecrease className={cx(['icon'])} />
-    <Icon.IconWarning className={cx(['icon'])} />
-    <Icon.IconWarningLowLight className={cx(['icon'])} />
-    <Icon.IconWaveform className={cx(['icon'])} />
-    <Icon.IconWifi className={cx(['icon'])} />
-    <Icon.IconWifiSlash className={cx(['icon'])} />
-    <Icon.IconXSymbol className={cx(['icon'])} />
-    <Icon.IconZoomIn className={cx(['icon'])} />
-    <Icon.IconZoomOut className={cx(['icon'])} />
+    <IconAbnormal className={cx(['icon'])} />
+    <IconAbnormalLowLight className={cx(['icon'])} />
+    <IconAdd className={cx(['icon'])} />
+    <IconAddPerson className={cx(['icon'])} />
+    <IconAlert className={cx(['icon'])} />
+    <IconAlertLowLight className={cx(['icon'])} />
+    <IconAllergy className={cx(['icon'])} />
+    <IconAnalytics className={cx(['icon'])} />
+    <IconAnnouncement className={cx(['icon'])} />
+    <IconArchive className={cx(['icon'])} />
+    <IconAttachment className={cx(['icon'])} />
+    <IconAudio className={cx(['icon'])} />
+    <IconAutoText className={cx(['icon'])} />
+    <IconAvailable className={cx(['icon'])} />
+    <IconAway className={cx(['icon'])} />
+    <IconBedAssigned className={cx(['icon'])} />
+    <IconBedAssignedLowLight className={cx(['icon'])} />
+    <IconBedRequested className={cx(['icon'])} />
+    <IconBluetooth className={cx(['icon'])} />
+    <IconBluetoothSlash className={cx(['icon'])} />
+    <IconBookmark className={cx(['icon'])} />
+    <IconBriefcase className={cx(['icon'])} />
+    <IconBrokenImage className={cx(['icon'])} />
+    <IconBrokenLinkUnlink className={cx(['icon'])} />
+    <IconBusy className={cx(['icon'])} />
+    <IconCalculator className={cx(['icon'])} />
+    <IconCalendar className={cx(['icon'])} />
+    <IconCamera className={cx(['icon'])} />
+    <IconCancel className={cx(['icon'])} />
+    <IconCaretDown className={cx(['icon'])} />
+    <IconCaretLeft className={cx(['icon'])} />
+    <IconCaretRight className={cx(['icon'])} />
+    <IconCaretUp className={cx(['icon'])} />
+    <IconCatalogueNumber className={cx(['icon'])} />
+    <IconCaution className={cx(['icon'])} />
+    <IconChecklist className={cx(['icon'])} />
+    <IconCheckmark className={cx(['icon'])} />
+    <IconChevron className={cx(['icon'])} />
+    <IconChevronDown className={cx(['icon'])} />
+    <IconChevronLeft className={cx(['icon'])} />
+    <IconChevronRight className={cx(['icon'])} />
+    <IconChevronUp className={cx(['icon'])} />
+    <IconCircleLinesSymbol className={cx(['icon'])} />
+    <IconCircleSymbol className={cx(['icon'])} />
+    <IconCircleSymbolLight className={cx(['icon'])} />
+    <IconClear className={cx(['icon'])} />
+    <IconClipboard className={cx(['icon'])} />
+    <IconClock className={cx(['icon'])} />
+    <IconClose className={cx(['icon'])} />
+    <IconCollapseRow className={cx(['icon'])} />
+    <IconComment className={cx(['icon'])} />
+    <IconCommit className={cx(['icon'])} />
+    <IconComplete className={cx(['icon'])} />
+    <IconCompose className={cx(['icon'])} />
+    <IconConfidential className={cx(['icon'])} />
+    <IconConsultInstructionsForUse className={cx(['icon'])} />
+    <IconCritical className={cx(['icon'])} />
+    <IconCriticalInverse className={cx(['icon', 'icon-inverse'])} />
+    <IconCriticalInverseLowLight className={cx(['icon'])} />
+    <IconCriticalLowLight className={cx(['icon'])} />
+    <IconDateOfManufacture className={cx(['icon'])} />
+    <IconDevice className={cx(['icon'])} />
+    <IconDeviceAlert className={cx(['icon'])} />
+    <IconDeviceAlertLowLight className={cx(['icon'])} />
+    <IconDeviceCheck className={cx(['icon'])} />
+    <IconDeviceCheckLowLight className={cx(['icon'])} />
+    <IconDiamond className={cx(['icon'])} />
+    <IconDiamondLowLight className={cx(['icon'])} />
+    <IconDiamondSymbol className={cx(['icon'])} />
+    <IconDiamondSymbolLight className={cx(['icon'])} />
+    <IconDischargeComingDue className={cx(['icon'])} />
+    <IconDischargeComingDueLowLight className={cx(['icon'])} />
+    <IconDischargeComplete className={cx(['icon'])} />
+    <IconDischargeCompleteLowLight className={cx(['icon'])} />
+    <IconDischargeOverDue className={cx(['icon'])} />
+    <IconDischargeOverDueLowLight className={cx(['icon'])} />
+    <IconDocumentPlus className={cx(['icon'])} />
+    <IconDocuments className={cx(['icon'])} />
+    <IconDoNotDisturb className={cx(['icon'])} />
+    <IconDoorOpen className={cx(['icon'])} />
+    <IconDoubleChevronLeft className={cx(['icon'])} />
+    <IconDoubleChevronRight className={cx(['icon'])} />
+    <IconDown className={cx(['icon'])} />
+    <IconDownload className={cx(['icon'])} />
+    <IconDrugDrug className={cx(['icon'])} />
+    <IconDrugDrugLowLight className={cx(['icon'])} />
+    <IconDue className={cx(['icon'])} />
+    <IconDueSoon className={cx(['icon'])} />
+    <IconDueSoonLowLight className={cx(['icon'])} />
+    <IconEcRep className={cx(['icon'])} />
+    <IconEdit className={cx(['icon'])} />
+    <IconEllipses className={cx(['icon'])} />
+    <IconEnvelope className={cx(['icon'])} />
+    <IconEnvelopeFill className={cx(['icon'])} />
+    <IconError className={cx(['icon'])} />
+    <IconErrorDark className={cx(['icon'])} />
+    <IconErrorLowLight className={cx(['icon'])} />
+    <IconExclamation className={cx(['icon'])} />
+    <IconExpandLess className={cx(['icon'])} />
+    <IconExpandMore className={cx(['icon'])} />
+    <IconExpandRow className={cx(['icon'])} />
+    <IconExtensions className={cx(['icon'])} />
+    <IconExternalLink className={cx(['icon'])} />
+    <IconFeatured className={cx(['icon'])} />
+    <IconFeaturedOff className={cx(['icon'])} />
+    <IconFeaturedOutline className={cx(['icon'])} />
+    <IconFeaturedOutlineYellow className={cx(['icon'])} />
+    <IconFirst className={cx(['icon'])} />
+    <IconFitHeight className={cx(['icon'])} />
+    <IconFitScale className={cx(['icon'])} />
+    <IconFitWidth className={cx(['icon'])} />
+    <IconFlag className={cx(['icon'])} />
+    <IconFlipHorizontal className={cx(['icon'])} />
+    <IconFlipVertical className={cx(['icon'])} />
+    <IconFlowsheet className={cx(['icon'])} />
+    <IconFolder className={cx(['icon'])} />
+    <IconForward className={cx(['icon'])} />
+    <IconFunnel className={cx(['icon'])} />
+    <IconGapChecking className={cx(['icon'])} />
+    <IconGlasses className={cx(['icon'])} />
+    <IconGroup className={cx(['icon'])} />
+    <IconHalfRating className={cx(['icon'])} />
+    <IconHazardLow className={cx(['icon'])} />
+    <IconHelp className={cx(['icon'])} />
+    <IconHelpInverse className={cx(['icon', 'icon-inverse'])} />
+    <IconHelpInverseLowLight className={cx(['icon'])} />
+    <IconHelpLowLight className={cx(['icon'])} />
+    <IconHelpStatic className={cx(['icon'])} />
+    <IconHelpThemeable className={cx(['icon'])} />
+    <IconHide className={cx(['icon'])} />
+    <IconHigh className={cx(['icon'])} />
+    <IconHighInverse className={cx(['icon', 'icon-inverse'])} />
+    <IconHighInverseLowLight className={cx(['icon'])} />
+    <IconHighLowLight className={cx(['icon'])} />
+    <IconHighPriority className={cx(['icon'])} />
+    <IconHold className={cx(['icon'])} />
+    <IconHospital className={cx(['icon'])} />
+    <IconHouse className={cx(['icon'])} />
+    <IconImage className={cx(['icon'])} />
+    <IconImplant className={cx(['icon'])} />
+    <IconIncomingCall className={cx(['icon'])} />
+    <IconIncomplete className={cx(['icon'])} />
+    <IconIncompleteInverse className={cx(['icon', 'icon-inverse'])} />
+    <IconIncompleteInverseLowLight className={cx(['icon'])} />
+    <IconInformation className={cx(['icon'])} />
+    <IconInformationInverse className={cx(['icon', 'icon-inverse'])} />
+    <IconInformationInverseLowLight className={cx(['icon'])} />
+    <IconInformationLowLight className={cx(['icon'])} />
+    <IconInformationStatic className={cx(['icon'])} />
+    <IconInformationThemeable className={cx(['icon'])} />
+    <IconIPass className={cx(['icon'])} />
+    <IconItalicI className={cx(['icon'])} />
+    <IconKeyboard className={cx(['icon'])} />
+    <IconKnurling className={cx(['icon'])} />
+    <IconLast className={cx(['icon'])} />
+    <IconLeft className={cx(['icon'])} />
+    <IconLeftPane className={cx(['icon'])} />
+    <IconLightbulb className={cx(['icon'])} />
+    <IconLink className={cx(['icon'])} />
+    <IconList className={cx(['icon'])} />
+    <IconLocationPin className={cx(['icon'])} />
+    <IconLookback className={cx(['icon'])} />
+    <IconLow className={cx(['icon'])} />
+    <IconLowLowLight className={cx(['icon'])} />
+    <IconLowRisk className={cx(['icon'])} />
+    <IconLowRiskLowLight className={cx(['icon'])} />
+    <IconManufacturer className={cx(['icon'])} />
+    <IconMax className={cx(['icon'])} />
+    <IconMaximize className={cx(['icon'])} />
+    <IconMediaFastForward className={cx(['icon'])} />
+    <IconMediaPause className={cx(['icon'])} />
+    <IconMediaPlay className={cx(['icon'])} />
+    <IconMediaRecord className={cx(['icon'])} />
+    <IconMediaRewind className={cx(['icon'])} />
+    <IconMediaStop className={cx(['icon'])} />
+    <IconMedicationTablet className={cx(['icon'])} />
+    <IconMedicationTabletOutline className={cx(['icon'])} />
+    <IconMedicationTabletHalf className={cx(['icon'])} />
+    <IconMedicationTabletHalfOutline className={cx(['icon'])} />
+    <IconMenu className={cx(['icon'])} />
+    <IconMerge className={cx(['icon'])} />
+    <IconMicrophone className={cx(['icon'])} />
+    <IconMicrophoneDisabled className={cx(['icon'])} />
+    <IconMin className={cx(['icon'])} />
+    <IconMinimize className={cx(['icon'])} />
+    <IconMinus className={cx(['icon'])} />
+    <IconMissedCall className={cx(['icon'])} />
+    <IconModerate className={cx(['icon'])} />
+    <IconModerateLowLight className={cx(['icon'])} />
+    <IconModified className={cx(['icon'])} />
+    <IconMultipleResultsNormal className={cx(['icon'])} />
+    <IconMultipleResultsNotNormal className={cx(['icon'])} />
+    <IconMultipleResultsCritical className={cx(['icon'])} />
+    <IconNavStackUp className={cx(['icon'])} />
+    <IconNext className={cx(['icon'])} />
+    <IconNoRisk className={cx(['icon'])} />
+    <IconNoResults className={cx(['icon'])} />
+    <IconNoRiskLowLight className={cx(['icon'])} />
+    <IconNoSignal className={cx(['icon'])} />
+    <IconNotification className={cx(['icon'])} />
+    <IconNotificationDisabled className={cx(['icon'])} />
+    <IconNotificationOff className={cx(['icon'])} />
+    <IconNotMet className={cx(['icon'])} />
+    <IconOutgoingCall className={cx(['icon'])} />
+    <IconOutOfNetwork className={cx(['icon'])} />
+    <IconOverDue className={cx(['icon'])} />
+    <IconOverDueLowLight className={cx(['icon'])} />
+    <IconPadlock className={cx(['icon'])} />
+    <IconPager className={cx(['icon'])} />
+    <IconPanelLeft className={cx(['icon'])} />
+    <IconPanelRight className={cx(['icon'])} />
+    <IconPaperFolded className={cx(['icon'])} />
+    <IconPaperPencil className={cx(['icon'])} />
+    <IconPartiallyMet className={cx(['icon'])} />
+    <IconPatientSearch className={cx(['icon'])} />
+    <IconPending className={cx(['icon'])} />
+    <IconPerson className={cx(['icon'])} />
+    <IconPersonConnection className={cx(['icon'])} />
+    <IconPersonDoor className={cx(['icon'])} />
+    <IconPersonHospital className={cx(['icon'])} />
+    <IconPersonnelPerson className={cx(['icon'])} />
+    <IconPharmacyReject className={cx(['icon'])} />
+    <IconPharmacyRejectLowLight className={cx(['icon'])} />
+    <IconPharmacyReview className={cx(['icon'])} />
+    <IconPharmacyVerification className={cx(['icon'])} />
+    <IconPhone className={cx(['icon'])} />
+    <IconPhoneDown className={cx(['icon'])} />
+    <IconPill className={cx(['icon'])} />
+    <IconPinDiagonal className={cx(['icon'])} />
+    <IconPinDown className={cx(['icon'])} />
+    <IconPlusSymbol className={cx(['icon'])} />
+    <IconPlusSymbolLight className={cx(['icon'])} />
+    <IconPrevious className={cx(['icon'])} />
+    <IconPrinter className={cx(['icon'])} />
+    <IconProjects className={cx(['icon'])} />
+    <IconProtocol className={cx(['icon'])} />
+    <IconProvider className={cx(['icon'])} />
+    <IconQuestion className={cx(['icon'])} />
+    <IconQuestionOutline className={cx(['icon'])} />
+    <IconRectangleSymbol className={cx(['icon'])} />
+    <IconRectangleSymbolLight className={cx(['icon'])} />
+    <IconRecurringEvent className={cx(['icon'])} />
+    <IconRedo className={cx(['icon'])} />
+    <IconRefresh className={cx(['icon'])} />
+    <IconRefusedSlot className={cx(['icon'])} />
+    <IconReload className={cx(['icon'])} />
+    <IconReply className={cx(['icon'])} />
+    <IconReplyAll className={cx(['icon'])} />
+    <IconRequired className={cx(['icon'])} />
+    <IconRight className={cx(['icon'])} />
+    <IconRollup className={cx(['icon'])} />
+    <IconRotateLeft className={cx(['icon'])} />
+    <IconRotateRight className={cx(['icon'])} />
+    <IconSave className={cx(['icon'])} />
+    <IconScheduled className={cx(['icon'])} />
+    <IconScheduledLowLight className={cx(['icon'])} />
+    <IconScratchPad className={cx(['icon'])} />
+    <IconSearch className={cx(['icon'])} />
+    <IconSecondaryProvider className={cx(['icon'])} />
+    <IconSend className={cx(['icon'])} />
+    <IconSeparate className={cx(['icon'])} />
+    <IconSettings className={cx(['icon'])} />
+    <IconSharedSchedules className={cx(['icon'])} />
+    <IconSimulation className={cx(['icon'])} />
+    <IconSortAscending className={cx(['icon'])} />
+    <IconSortDescending className={cx(['icon'])} />
+    <IconSpinner className={cx(['icon'])} isSpin={false} />
+    <IconSquareSymbol className={cx(['icon'])} />
+    <IconSquareSymbolLight className={cx(['icon'])} />
+    <IconStatusPositive className={cx(['icon'])} />
+    <IconStatusPositiveWhite className={cx(['icon'])} />
+    <IconStatusPositiveLowLight className={cx(['icon'])} />
+    <IconStatusPositiveWhiteLowLight className={cx(['icon'])} />
+    <IconStartPresenting className={cx(['icon'])} />
+    <IconStopPresenting className={cx(['icon'])} />
+    <IconSuccess className={cx(['icon'])} />
+    <IconSuccessInverse className={cx(['icon', 'icon-inverse'])} />
+    <IconSuccessInverseLowLight className={cx(['icon'])} />
+    <IconSuccessLowLight className={cx(['icon'])} />
+    <IconSwap className={cx(['icon'])} />
+    <IconTable className={cx(['icon'])} />
+    <IconTag className={cx(['icon'])} />
+    <IconTeardropSymbol className={cx(['icon'])} />
+    <IconTeardropSymbolLight className={cx(['icon'])} />
+    <IconTeardropUpSymbol className={cx(['icon'])} />
+    <IconTeardropUpSymbolLight className={cx(['icon'])} />
+    <IconThinDiamondSymbol className={cx(['icon'])} />
+    <IconThinDiamondSymbolLight className={cx(['icon'])} />
+    <IconTile className={cx(['icon'])} />
+    <IconTrash className={cx(['icon'])} />
+    <IconTreemap className={cx(['icon'])} />
+    <IconTrendingDown className={cx(['icon'])} />
+    <IconTrendingUp className={cx(['icon'])} />
+    <IconTriangleDownSymbol className={cx(['icon'])} />
+    <IconTriangleDownSymbolLight className={cx(['icon'])} />
+    <IconTriangleSymbol className={cx(['icon'])} />
+    <IconTriangleSymbolLight className={cx(['icon'])} />
+    <IconTrophy className={cx(['icon'])} />
+    <IconUnavailable className={cx(['icon'])} />
+    <IconUndo className={cx(['icon'])} />
+    <IconUnexpected className={cx(['icon'])} />
+    <IconUnexpectedLowLight className={cx(['icon'])} />
+    <IconUnknown className={cx(['icon'])} />
+    <IconUnlock className={cx(['icon'])} />
+    <IconUnread className={cx(['icon'])} />
+    <IconUnspecified className={cx(['icon'])} />
+    <IconUp className={cx(['icon'])} />
+    <IconUpload className={cx(['icon'])} />
+    <IconUsers className={cx(['icon'])} />
+    <IconVideoCamera className={cx(['icon'])} />
+    <IconVideoCameraDisabled className={cx(['icon'])} />
+    <IconVisualization className={cx(['icon'])} />
+    <IconVolumeSetDefault className={cx(['icon'])} />
+    <IconVolumeSetMute className={cx(['icon'])} />
+    <IconVolumeSetIncrease className={cx(['icon'])} />
+    <IconVolumeSetDecrease className={cx(['icon'])} />
+    <IconWarning className={cx(['icon'])} />
+    <IconWarningLowLight className={cx(['icon'])} />
+    <IconWaveform className={cx(['icon'])} />
+    <IconWifi className={cx(['icon'])} />
+    <IconWifiSlash className={cx(['icon'])} />
+    <IconXSymbol className={cx(['icon'])} />
+    <IconZoomIn className={cx(['icon'])} />
+    <IconZoomOut className={cx(['icon'])} />
   </div>
@@ -336,0 +661,0 @@ );

src/terra-dev-site/test/icon/IconAriaLabel.test.jsx

 import React from 'react';
-import IconAlert from 'terra-icon/lib/icon/IconAlert';
+import { IconAlert } from 'terra-icon';
 
@@ -4,0 +4,0 @@ const IconAriaLabel = () => (

src/terra-dev-site/test/icon/IconBidi.test.jsx

 import React from 'react';
-import IconComment from 'terra-icon/lib/icon/IconComment';
-import IconDeviceCheck from 'terra-icon/lib/icon/IconDeviceCheck';
+import { IconComment, IconDeviceCheck } from 'terra-icon';
 
@@ -5,0 +4,0 @@ const IconBidi = () => (

src/terra-dev-site/test/icon/IconDefault.test.jsx

 import React from 'react';
-import IconAdd from 'terra-icon/lib/icon/IconAdd';
+import { IconAdd } from 'terra-icon';
 
@@ -4,0 +4,0 @@ const IconDefault = () => (

src/terra-dev-site/test/icon/IconHeightWidth.test.jsx

 // This file is autogenerated from scripts/src/generate-example
 import React from 'react';
 import classNames from 'classnames/bind';
-import IconAlert from 'terra-icon/lib/icon/IconAlert';
+import { IconAlert } from 'terra-icon';
 import styles from './IconHeightWidth.module.scss';
@@ -6,0 +6,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

75392

increased by0.12%

Worsened metrics

Total package byte prevSize

33308003

decreased by-0.12%

Number of low supply chain risk alerts

21

increased by10.53%

Dependency changes

• + Addeddomutils@3.2.1(transitive)

• + Addedes-abstract@1.23.7(transitive)

• - Removeddomutils@3.1.0(transitive)

• - Removedes-abstract@1.23.6(transitive)

• - Removedis-negative-zero@2.0.3(transitive)

• Updatedterra-alert@^4.79.0

• Updatedterra-dialog@^2.78.0

• Updatedterra-form-field@^4.28.0

• Updatedterra-form-fieldset@^2.75.0

• Updatedterra-form-input@^4.26.0

• Updatedterra-form-radio@^4.42.0

• Updatedterra-form-select@^6.46.1

• Updatedterra-form-textarea@^5.27.0

• Updatedterra-hyperlink@^2.62.0

• Updatedterra-icon@^3.57.0

• Updatedterra-list@^4.61.0

• Updatedterra-overlay@^3.77.0

• Updatedterra-paginator@^2.85.0

• Updatedterra-search-field@^3.91.0

• Updatedterra-show-hide@^2.64.0

• Updatedterra-status@^4.58.0

• Updatedterra-status-view@^4.63.0

• Updatedterra-tag@^2.61.0

• Updatedterra-toggle@^3.58.0

• Updatedterra-toggle-button@^3.75.0

• Updatedterra-toggle-section-header@^2.68.0