@kaizen/components 1.7.10 → 1.7.12

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, b as __spreadArray, c as __spreadArrays, d as classNames, e as classnamesExports } from './index-8eb84ea0.js';
+import { _ as __rest, a as __assign, b as __spreadArray, c as __spreadArrays, d as classNames, e as classnamesExports } from './index-7a8faf0f.js';
 import * as React from 'react';
 import React__default, { useState, useEffect, PureComponent, useRef, forwardRef, useMemo, useCallback, useContext, useLayoutEffect, createElement, createContext } from 'react';
 import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
@@ -6,7 +6,7 @@ import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
 const ORIGIN_BASE_URL = "https://d1e7r7b0lb8p4d.cloudfront.net";
 const assetUrl = (path) => [ORIGIN_BASE_URL, path].join("/");
 
-var styles$f = {"img":"Brand-module_img__uWvra"};
+var styles$e = {"img":"Brand-module_img__uWvra"};
 
 var Brand = function(_a) {
   var variant = _a.variant, alt = _a.alt, _b = _a.reversed, reversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
@@ -16,7 +16,7 @@ var Brand = function(_a) {
     __assign({ className: classNameOverride }, restProps),
     React__default.createElement("source", { srcSet: assetUrl("brand/".concat(variant, "-reversed.svg")), media: "(forced-colors: active) and (prefers-color-scheme: dark)" }),
     React__default.createElement("source", { srcSet: assetUrl("brand/".concat(variant, "-default.svg")), media: "(forced-colors: active) and (prefers-color-scheme: light)" }),
-    React__default.createElement("img", { src: assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")), alt, className: styles$f.img })
+    React__default.createElement("img", { src: assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")), alt, className: styles$e.img })
   );
 };
 Brand.displayName = "Brand";
@@ -3368,8 +3368,8 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
 };
 
 var Style = styleSingleton();
-var styles$e = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
-var InteractivityDisabler = function () { return React.createElement(Style, { styles: styles$e }); };
+var styles$d = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
+var InteractivityDisabler = function () { return React.createElement(Style, { styles: styles$d }); };
 
 var extractRef = function (ref) {
     return 'current' in ref ? ref.current : ref;
@@ -36455,7 +36455,7 @@ var hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView;
 // Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js
 
 function equal(a, b) {
-  // START: fast-deep-equal es6/index.js 3.1.3
+  // START: fast-deep-equal es6/index.js 3.1.1
   if (a === b) return true;
 
   if (a && b && typeof a == 'object' && typeof b == 'object') {
@@ -36520,13 +36520,8 @@ function equal(a, b) {
     }
 
     if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-    // START: Modifications:
-    // Apply guards for `Object.create(null)` handling. See:
-    // - https://github.com/FormidableLabs/react-fast-compare/issues/64
-    // - https://github.com/epoberezkin/fast-deep-equal/issues/49
-    if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString();
-    // END: Modifications
+    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
+    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
 
     keys = Object.keys(a);
     length = keys.length;
@@ -36850,7 +36845,7 @@ var esm = /*#__PURE__*/Object.freeze({
   usePopper: usePopper
 });
 
-var styles$d = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
+var styles$c = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
 
 var FilterPopover = function(_a) {
   var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
@@ -36863,7 +36858,7 @@ var FilterPopover = function(_a) {
       }
     }
   ], placement: "bottom-start", strategy: "fixed" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React__default.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classNames(styles$d.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  return React__default.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classNames(styles$c.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
@@ -36908,31 +36903,31 @@ var Filter = function(_a) {
 };
 Filter.displayName = "Filter";
 
-var styles$c = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
+var styles$b = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
 
 var FilterContents = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("div", __assign({ className: classNames(styles$c.filterContents, classNameOverride) }, restProps), children);
+  return React__default.createElement("div", __assign({ className: classNames(styles$b.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
-var yellow$1 = "\x1B[33m ";
-var reset$1 = "\x1B[0m ";
-var warn$1 = function(message) {
-  console.warn("".concat(yellow$1, "\nKAIZEN WARNING:\n").concat(singleLine$1(message)).concat(reset$1, "\n"));
+var yellow = "\x1B[33m ";
+var reset = "\x1B[0m ";
+var warn = function(message) {
+  console.warn("".concat(yellow, "\nKAIZEN WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
 };
-var singleLine$1 = function(message) {
+var singleLine = function(message) {
   return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 };
 
-var styles$b = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
+var styles$a = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
 
 var SVG = function(_a) {
   var _b, _c;
   var _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, _h = _a.viewBox, viewBox = _h === void 0 ? "0 0 20 20" : _h, classNameOverride = _a.classNameOverride, children = _a.children, props = __rest(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
   var isMeaningfulImg = role === "img";
   if (isMeaningfulImg && !title) {
-    warn$1(`
+    warn(`
       Icon with role "img" missing a title attribute.
 
       Assistive technologies that enable vision-impaired users to read web pages
@@ -36957,7 +36952,7 @@ var SVG = function(_a) {
   return React__default.createElement(
     "svg",
     __assign({
-      className: classNames(styles$b.icon, classNameOverride, (_c = {}, _c[styles$b.inheritSize] = inheritSize, _c)),
+      className: classNames(styles$a.icon, classNameOverride, (_c = {}, _c[styles$a.inheritSize] = inheritSize, _c)),
       viewBox,
       // Work around IE11 making all SVGs focusable.
       // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -37026,15 +37021,15 @@ var isRefObject = function(ref) {
   return ref !== null && "current" in ref;
 };
 
-var styles$a = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__I8mV-"};
+var styles$9 = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__505sK"};
 
 var FilterButtonBase = forwardRef(function(_a, ref) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("button", __assign({ ref, className: classNames(styles$a.filterButtonBase, classNameOverride) }, restProps), children);
+  return React__default.createElement("button", __assign({ ref, className: classNames(styles$9.filterButtonBase, classNameOverride) }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
 
-var styles$9 = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
+var styles$8 = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = forwardRef(function(_a, ref) {
   var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
@@ -37043,15 +37038,15 @@ var FilterButton = forwardRef(function(_a, ref) {
   var selectedValuesLabel = selectedValue;
   return React__default.createElement(
     FilterButtonBase,
-    __assign({ ref: triggerRef, classNameOverride: classNames(styles$9.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
-    React__default.createElement("span", { className: styles$9.labelContainer }, selectedValuesLabel ? React__default.createElement(
+    __assign({ ref: triggerRef, classNameOverride: classNames(styles$8.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    React__default.createElement("span", { className: styles$8.labelContainer }, selectedValuesLabel ? React__default.createElement(
       React__default.Fragment,
       null,
       React__default.createElement(
         "span",
-        { className: styles$9.hasSelectedValues },
+        { className: styles$8.hasSelectedValues },
         React__default.createElement("span", null, label),
-        React__default.createElement("span", { className: styles$9.labelSeparator }, ":")
+        React__default.createElement("span", { className: styles$8.labelSeparator }, ":")
       ),
       React__default.createElement("span", null, selectedValuesLabel)
     ) : label),
@@ -37066,7 +37061,7 @@ var Tooltip$1 = {};
 
 var Tooltip = {};
 
-var require$$3 = /*@__PURE__*/getAugmentedNamespace(esm);
+var require$$3$2 = /*@__PURE__*/getAugmentedNamespace(esm);
 
 var AppearanceAnim = {};
 
@@ -37079,7 +37074,7 @@ var index_module = /*#__PURE__*/Object.freeze({
   useThrottledCallback: f$1
 });
 
-var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(index_module);
+var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
 
 (function(exports) {
   var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
@@ -37141,7 +37136,7 @@ var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(index_module);
   exports.__esModule = true;
   exports.useAnimation = exports.AnimationProvider = exports.AnimationContext = void 0;
   var react_1 = __importStar(React__default);
-  var use_debounce_1 = require$$1$1;
+  var use_debounce_1 = require$$1$5;
   var ANIM_DURATION_MS = 400;
   exports.AnimationContext = react_1["default"].createContext({
     isVisible: false,
@@ -37801,12 +37796,12 @@ var esmBrowser = /*#__PURE__*/Object.freeze({
   version: version
 });
 
-var require$$1 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
+var require$$1$4 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
 
 useUuid$1.__esModule = true;
 useUuid$1.useUuid = void 0;
 var react_1 = React__default;
-var uuid_1 = require$$1;
+var uuid_1 = require$$1$4;
 var useUuid = function() {
   return (0, react_1.useMemo)(function() {
     return (0, uuid_1.v4)();
@@ -37821,7 +37816,7 @@ var Tooltip_module$1 = /*#__PURE__*/Object.freeze({
   default: Tooltip_module
 });
 
-var require$$6 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
+var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
 
 (function(exports) {
   var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
@@ -37876,10 +37871,10 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
   var react_1 = __importStar(React__default);
   var react_dom_1 = __importDefault(reactDomExports);
   var classnames_1 = __importDefault(classnamesExports);
-  var react_popper_1 = require$$3;
+  var react_popper_1 = require$$3$2;
   var AppearanceAnim_1 = AppearanceAnim;
   var useUuid_1 = useUuid$1;
-  var Tooltip_module_scss_1 = __importDefault(require$$6);
+  var Tooltip_module_scss_1 = __importDefault(require$$6$1);
   var positionToPlacement = /* @__PURE__ */ new Map([
     ["above", "top"],
     ["below", "bottom"],
@@ -37987,9 +37982,7 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
     );
   };
   exports.Tooltip = Tooltip;
-  exports.Tooltip.defaultProps = {
-    position: "above"
-  };
+  exports.Tooltip.displayName = "Tooltip";
 })(Tooltip);
 
 (function(exports) {
@@ -38008,10 +38001,13 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
       k2 = k;
     o[k2] = m[k];
   });
+  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
+        __createBinding(exports2, m, p);
+  };
   exports.__esModule = true;
-  exports.Tooltip = void 0;
-  var Tooltip_1 = Tooltip;
-  __createBinding(exports, Tooltip_1, "Tooltip");
+  __exportStar(Tooltip, exports);
 })(Tooltip$1);
 
 (function(exports) {
@@ -38065,7 +38061,7 @@ var ClearIcon = function(props) {
   );
 };
 
-var styles$8 = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
+var styles$7 = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
 
 var isFilterButton = function(node) {
   return React__default.isValidElement(node) && node.type === FilterButtonBase;
@@ -38073,11 +38069,11 @@ var isFilterButton = function(node) {
 var ButtonGroup = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
   var childCount = React__default.Children.count(children);
-  var containerProps = __assign({ role: "group", className: classNames(styles$8.buttonGroup, classNameOverride) }, restProps);
+  var containerProps = __assign({ role: "group", className: classNames(styles$7.buttonGroup, classNameOverride) }, restProps);
   if (childCount === 1)
     return React__default.createElement("div", __assign({}, containerProps), children);
   return React__default.createElement("div", __assign({}, containerProps), React__default.Children.map(children, function(child, index) {
-    var buttonClassNames = classNames(styles$8.child, index === 0 && styles$8.firstChild, index === childCount - 1 && styles$8.lastChild, child.props.classNameOverride);
+    var buttonClassNames = classNames(styles$7.child, index === 0 && styles$7.firstChild, index === childCount - 1 && styles$7.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -44605,46 +44601,46 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
     };
 }
 
-var styles$7 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
+var styles$6 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
 
 var ListBox = function(_a) {
   var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "menuProps", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React__default.useRef(null);
   var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(__assign(__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React__default.createElement("ul", __assign({ ref, className: classNames(styles$7.listBox, classNameOverride) }, listBoxProps, restProps), children);
+  return React__default.createElement("ul", __assign({ ref, className: classNames(styles$6.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
-var styles$6 = {"heading":"Heading-module_heading__Fe11y","display-0":"Heading-module_display-0__As5Ny","heading-1":"Heading-module_heading-1__fMzkm","heading-2":"Heading-module_heading-2__bgkcr","heading-3":"Heading-module_heading-3__ZRUkC","heading-4":"Heading-module_heading-4__XbONZ","heading-5":"Heading-module_heading-5__fj2Gb","heading-6":"Heading-module_heading-6__Cmand","dark":"Heading-module_dark__9m1Av","dark-reduced-opacity":"Heading-module_dark-reduced-opacity__APHzM","white":"Heading-module_white__6Flbw","white-reduced-opacity":"Heading-module_white-reduced-opacity__-3jNg","positive":"Heading-module_positive__uTfoL","small":"Heading-module_small__I8UMW","large":"Heading-module_large__wKrUS","negative":"Heading-module_negative__hcnMm"};
+var styles$5 = {"heading":"Heading-module_heading__Fe11y","display-0":"Heading-module_display-0__As5Ny","heading-1":"Heading-module_heading-1__fMzkm","heading-2":"Heading-module_heading-2__bgkcr","heading-3":"Heading-module_heading-3__ZRUkC","heading-4":"Heading-module_heading-4__XbONZ","heading-5":"Heading-module_heading-5__fj2Gb","heading-6":"Heading-module_heading-6__Cmand","dark":"Heading-module_dark__9m1Av","dark-reduced-opacity":"Heading-module_dark-reduced-opacity__APHzM","white":"Heading-module_white__6Flbw","white-reduced-opacity":"Heading-module_white-reduced-opacity__-3jNg","positive":"Heading-module_positive__uTfoL","small":"Heading-module_small__I8UMW","large":"Heading-module_large__wKrUS","negative":"Heading-module_negative__hcnMm"};
 
-var __defProp$2 = Object.defineProperty;
+var __defProp$1 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest$2 = (source, exclude) => {
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -44657,7 +44653,7 @@ const Heading = (_a) => {
     variant,
     color = "dark",
     classNameOverride
-  } = _b, restProps = __objRest$2(_b, [
+  } = _b, restProps = __objRest$1(_b, [
     "children",
     "tag",
     "variant",
@@ -44666,13 +44662,13 @@ const Heading = (_a) => {
   ]);
   const inferredTag = tag === void 0 ? translateHeadingLevelToTag(variant) : tag;
   const className = classNames([
-    styles$6.heading,
-    styles$6[variant],
+    styles$5.heading,
+    styles$5[variant],
     classNameOverride,
-    styles$6[color],
-    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles$6.large : styles$6.small
+    styles$5[color],
+    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles$5.large : styles$5.small
   ]);
-  return createElement(inferredTag, __spreadProps(__spreadValues$2({}, restProps), { className }), children);
+  return createElement(inferredTag, __spreadProps(__spreadValues$1({}, restProps), { className }), children);
 };
 Heading.displayName = "Heading";
 const translateHeadingLevelToTag = (headingLevel) => {
@@ -44694,67 +44690,107 @@ const translateHeadingLevelToTag = (headingLevel) => {
   }
 };
 
-const yellow = "\x1B[33m ";
-const reset = "\x1B[0m ";
-const warn = (message) => {
-  console.warn(
-    `${yellow}
-CULTUREAMP UI WARNING:
-${singleLine(message)}${reset}
-`
-  );
-};
-const singleLine = (message) => message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+var componentLibrary = {};
 
-var styles$5 = {"icon":"Icon-module_icon__1r20x","inheritSize":"Icon-module_inheritSize__xtkKA","interactiveIconWrapper":"Icon-module_interactiveIconWrapper__ieTrE","disabled":"Icon-module_disabled__bqMQV","hover":"Icon-module_hover__EdRCd","active":"Icon-module_active__d47mz","reversedInteractiveIconWrapper":"Icon-module_reversedInteractiveIconWrapper__sZ6CO Icon-module_interactiveIconWrapper__ieTrE"};
+var components = {};
 
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Icon = (_a) => {
-  var _b = _a, {
-    icon,
-    inheritSize = false,
-    role = "img",
-    title = "",
-    desc = "",
-    classNameOverride
-  } = _b, props = __objRest$1(_b, [
-    "icon",
-    "inheritSize",
-    "role",
-    "title",
-    "desc",
-    "classNameOverride"
-  ]);
-  const isMeaningfulImg = role === "img";
-  if (isMeaningfulImg && !title) {
-    warn(`
+var Dropdown$1 = {};
+
+var Dropdown = {};
+
+var img$2 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Directional/chevron-down%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='6.17916667 6.84500003 10 10.746733 13.8208333 6.84500003 15 8.04913353 10 13.155 5 8.04913353'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Directional/chevron-down'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var chevronDown_icon = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: img$2
+});
+
+var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(chevronDown_icon);
+
+var img$1 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3emeatballs%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M4%2c8 C2.9%2c8 2%2c8.9 2%2c10 C2%2c11.1 2.9%2c12 4%2c12 C5.1%2c12 6%2c11.1 6%2c10 C6%2c8.9 5.1%2c8 4%2c8 L4%2c8 Z M16%2c8 C14.9%2c8 14%2c8.9 14%2c10 C14%2c11.1 14.9%2c12 16%2c12 C17.1%2c12 18%2c11.1 18%2c10 C18%2c8.9 17.1%2c8 16%2c8 L16%2c8 Z M10%2c8 C8.9%2c8 8%2c8.9 8%2c10 C8%2c11.1 8.9%2c12 10%2c12 C11.1%2c12 12%2c11.1 12%2c10 C12%2c8.9 11.1%2c8 10%2c8 L10%2c8 Z' id='path-1'%3e%3c/path%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='meatballs'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse id='Icons/Actions/metballs' fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var ellipsis_icon = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: img$1
+});
+
+var require$$3$1 = /*@__PURE__*/getAugmentedNamespace(ellipsis_icon);
+
+var Icon$1 = {};
+
+var Icon = {};
+
+var console$1 = {};
+
+(function(exports) {
+  exports.__esModule = true;
+  exports.singleLine = exports.warn = exports.error = void 0;
+  var red = "\x1B[31m ";
+  var yellow = "\x1B[33m ";
+  var reset = "\x1B[0m ";
+  var error = function(message) {
+    throw new Error("".concat(red, "\nCULTUREAMP UI ERROR:\n").concat((0, exports.singleLine)(message)).concat(reset, "\n"));
+  };
+  exports.error = error;
+  var warn = function(message) {
+    console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat((0, exports.singleLine)(message)).concat(reset, "\n"));
+  };
+  exports.warn = warn;
+  var singleLine = function(message) {
+    return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+  };
+  exports.singleLine = singleLine;
+})(console$1);
+
+var Icon_module = {"icon":"Icon-module_icon__1r20x","inheritSize":"Icon-module_inheritSize__xtkKA","interactiveIconWrapper":"Icon-module_interactiveIconWrapper__ieTrE","disabled":"Icon-module_disabled__bqMQV","hover":"Icon-module_hover__EdRCd","active":"Icon-module_active__d47mz","reversedInteractiveIconWrapper":"Icon-module_reversedInteractiveIconWrapper__sZ6CO Icon-module_interactiveIconWrapper__ieTrE"};
+
+var Icon_module$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: Icon_module
+});
+
+var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
+
+(function(exports) {
+  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+    __assign = Object.assign || function(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s)
+          if (Object.prototype.hasOwnProperty.call(s, p))
+            t[p] = s[p];
+      }
+      return t;
+    };
+    return __assign.apply(this, arguments);
+  };
+  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+    var t = {};
+    for (var p in s)
+      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+          t[p[i]] = s[p[i]];
+      }
+    return t;
+  };
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  exports.Icon = void 0;
+  var react_1 = __importDefault(React__default);
+  var classnames_1 = __importDefault(classnamesExports);
+  var console_1 = console$1;
+  var Icon_module_scss_1 = __importDefault(require$$3);
+  var Icon = function(_a) {
+    var _b, _c;
+    var icon = _a.icon, _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, classNameOverride = _a.classNameOverride, props = __rest(_a, ["icon", "inheritSize", "role", "title", "desc", "classNameOverride"]);
+    var isMeaningfulImg = role === "img";
+    if (isMeaningfulImg && !title) {
+      (0, console_1.warn)(`
       Icon with role "img" missing a title attribute.
 
       Assistive technologies that enable vision-impaired users to read web pages
@@ -44766,28 +44802,1077 @@ const Icon = (_a) => {
       Either add the missing title prop, or set this icon's role to
       "presentation" to indicate it is not meaningful.
     `);
-  }
-  const renderTitle = () => isMeaningfulImg && !!title && /* @__PURE__ */ React__default.createElement("title", null, title);
-  const renderDesc = () => isMeaningfulImg && !!desc && /* @__PURE__ */ React__default.createElement("desc", null, desc);
-  const accessibilityProps = {
-    role,
-    ["aria-hidden"]: isMeaningfulImg ? void 0 : true
+    }
+    var renderTitle = function() {
+      return isMeaningfulImg && !!title && react_1["default"].createElement("title", null, title);
+    };
+    var renderDesc = function() {
+      return isMeaningfulImg && !!desc && react_1["default"].createElement("desc", null, desc);
+    };
+    var accessibilityProps = (_b = {
+      role
+    }, _b["aria-hidden"] = isMeaningfulImg ? void 0 : true, _b);
+    return react_1["default"].createElement(
+      "svg",
+      __assign({
+        className: (0, classnames_1["default"])(Icon_module_scss_1["default"].icon, classNameOverride, (_c = {}, _c[Icon_module_scss_1["default"].inheritSize] = inheritSize, _c)),
+        viewBox: icon.viewBox,
+        // Work around IE11 making all SVGs focusable.
+        // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
+        focusable: "false"
+      }, accessibilityProps, props),
+      renderTitle(),
+      renderDesc(),
+      react_1["default"].createElement("use", { xlinkHref: "#".concat(icon.id) })
+    );
   };
-  return /* @__PURE__ */ React__default.createElement(
-    "svg",
-    __spreadValues$1(__spreadValues$1({
-      className: classNames(styles$5.icon, classNameOverride, {
-        [styles$5.inheritSize]: inheritSize
-      }),
-      viewBox: icon.viewBox,
-      focusable: "false"
-    }, accessibilityProps), props),
-    renderTitle(),
-    renderDesc(),
-    /* @__PURE__ */ React__default.createElement("use", { xlinkHref: `#${icon.id}` })
+  exports.Icon = Icon;
+  exports.Icon.displayName = "Icon";
+})(Icon);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
+        __createBinding(exports2, m, p);
+  };
+  exports.__esModule = true;
+  __exportStar(Icon, exports);
+})(Icon$1);
+
+var DropdownMenu = {};
+
+var Dropdown_module = {"dropdown":"Dropdown-module_dropdown__09sgL","buttonReset":"Dropdown-module_buttonReset__O69sc","dropdownButton":"Dropdown-module_dropdownButton__FiRVW Dropdown-module_buttonReset__O69sc","dropdownControlAction":"Dropdown-module_dropdownControlAction__iWJog","dropdownIcon":"Dropdown-module_dropdownIcon__tZfDQ","dropdownLabel":"Dropdown-module_dropdownLabel__bpY-X","dropdownHoverArea":"Dropdown-module_dropdownHoverArea__M-Y-K","isOpen":"Dropdown-module_isOpen__Kf4XR","chevronIcon":"Dropdown-module_chevronIcon__Ieh4i","menuContainer":"Dropdown-module_menuContainer__xl9MT","reversedColor":"Dropdown-module_reversedColor__rGeiB"};
+
+var Dropdown_module$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: Dropdown_module
+});
+
+var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
+
+(function(exports) {
+  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
+    var extendStatics = function(d, b) {
+      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+        d2.__proto__ = b2;
+      } || function(d2, b2) {
+        for (var p in b2)
+          if (Object.prototype.hasOwnProperty.call(b2, p))
+            d2[p] = b2[p];
+      };
+      return extendStatics(d, b);
+    };
+    return function(d, b) {
+      if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+      extendStatics(d, b);
+      function __() {
+        this.constructor = d;
+      }
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+  }();
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var Dropdown_module_scss_1 = __importDefault(require$$6);
+  var DropdownMenu = (
+    /** @class */
+    function(_super) {
+      __extends(DropdownMenu2, _super);
+      function DropdownMenu2() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.menu = react_1["default"].createRef();
+        _this.handleDocumentClick = function(e) {
+          if (_this.menu && _this.menu.current && e.target instanceof Node && !_this.menu.current.contains(e.target)) {
+            _this.props.hideDropdownMenu();
+          }
+        };
+        _this.handleDocumentResize = function() {
+          _this.props.hideDropdownMenu();
+        };
+        return _this;
+      }
+      DropdownMenu2.prototype.componentDidMount = function() {
+        document.addEventListener("click", this.handleDocumentClick, false);
+        window.addEventListener("resize", this.handleDocumentResize, false);
+        this.positionMenu();
+      };
+      DropdownMenu2.prototype.componentWillUnmount = function() {
+        document.removeEventListener("click", this.handleDocumentClick, false);
+        window.removeEventListener("resize", this.handleDocumentResize, false);
+      };
+      DropdownMenu2.prototype.render = function() {
+        var _a = this.props, hideDropdownMenu = _a.hideDropdownMenu, children = _a.children;
+        return (
+          // Disabling instead of addressing because this component is deprecated
+          // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+          react_1["default"].createElement("div", { className: Dropdown_module_scss_1["default"].menuContainer, ref: this.menu, onClick: hideDropdownMenu }, children)
+        );
+      };
+      DropdownMenu2.prototype.positionMenu = function() {
+        var menu = this.menu;
+        if (!this.props.position || !menu) {
+          return;
+        }
+        if (menu.current) {
+          var pos = this.props.position;
+          var innerHeight_1 = window.innerHeight;
+          var rect = menu.current.getBoundingClientRect();
+          if (pos.bottom > innerHeight_1 - rect.height) {
+            menu.current.style.bottom = "24px";
+            menu.current.style.top = "auto";
+          } else {
+            menu.current.style.top = "24px";
+            menu.current.style.bottom = "auto";
+          }
+        }
+      };
+      DropdownMenu2.displayName = "DropdownMenu";
+      return DropdownMenu2;
+    }(react_1["default"].Component)
+  );
+  exports["default"] = DropdownMenu;
+})(DropdownMenu);
+
+(function(exports) {
+  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
+    var extendStatics = function(d, b) {
+      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+        d2.__proto__ = b2;
+      } || function(d2, b2) {
+        for (var p in b2)
+          if (Object.prototype.hasOwnProperty.call(b2, p))
+            d2[p] = b2[p];
+      };
+      return extendStatics(d, b);
+    };
+    return function(d, b) {
+      if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+      extendStatics(d, b);
+      function __() {
+        this.constructor = d;
+      }
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+  }();
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var classnames_1 = __importDefault(classnamesExports);
+  var chevron_down_icon_svg_1 = __importDefault(require$$2$1);
+  var ellipsis_icon_svg_1 = __importDefault(require$$3$1);
+  var Icon_1 = Icon$1;
+  var DropdownMenu_1 = __importDefault(DropdownMenu);
+  var Dropdown_module_scss_1 = __importDefault(require$$6);
+  var Dropdown = (
+    /** @class */
+    function(_super) {
+      __extends(Dropdown2, _super);
+      function Dropdown2(props) {
+        var _this = _super.call(this, props) || this;
+        _this.dropdownButton = react_1["default"].createRef();
+        _this.toggleDropdownMenu = function(e) {
+          e.stopPropagation();
+          var currentState = _this.state.isMenuVisible;
+          _this.setState({
+            isMenuVisible: !currentState
+          });
+        };
+        _this.hideDropdownMenu = function() {
+          _this.setState({
+            isMenuVisible: false
+          });
+        };
+        _this.renderIcon = function(icon) {
+          if (!icon)
+            return;
+          return react_1["default"].createElement(
+            "span",
+            { className: Dropdown_module_scss_1["default"].dropdownIcon },
+            react_1["default"].createElement(Icon_1.Icon, { icon, role: "img", title: "Open menu" })
+          );
+        };
+        _this.renderDownArrow = function() {
+          var _a = _this.props, label = _a.label, controlAction = _a.controlAction;
+          if (!label || !controlAction)
+            return;
+          return react_1["default"].createElement(
+            "span",
+            { className: Dropdown_module_scss_1["default"].chevronIcon },
+            react_1["default"].createElement(Icon_1.Icon, { icon: chevron_down_icon_svg_1["default"], role: "img", title: "Open menu" })
+          );
+        };
+        _this.renderButtonContent = function() {
+          var label = _this.props.label;
+          var icon = _this.props.icon;
+          if (!icon && !label) {
+            icon = ellipsis_icon_svg_1["default"];
+          }
+          return react_1["default"].createElement(
+            react_1["default"].Fragment,
+            null,
+            _this.renderIcon(icon),
+            label && react_1["default"].createElement("span", { className: Dropdown_module_scss_1["default"].dropdownLabel }, label),
+            _this.renderDownArrow()
+          );
+        };
+        _this.renderReversedButtonContent = function() {
+          var _a = _this.props, icon = _a.icon, label = _a.label;
+          return react_1["default"].createElement(
+            react_1["default"].Fragment,
+            null,
+            _this.renderDownArrow(),
+            label && react_1["default"].createElement("span", { className: Dropdown_module_scss_1["default"].dropdownLabel }, label),
+            _this.renderIcon(icon)
+          );
+        };
+        _this.state = {
+          isMenuVisible: Boolean(props.menuVisible)
+        };
+        return _this;
+      }
+      Dropdown2.prototype.getPosition = function() {
+        return this.dropdownButton && this.dropdownButton.current ? this.dropdownButton.current.getBoundingClientRect() : null;
+      };
+      Dropdown2.prototype.renderDropdownMenu = function() {
+        return react_1["default"].createElement(DropdownMenu_1["default"], { hideDropdownMenu: this.hideDropdownMenu, position: this.getPosition() }, this.props.children);
+      };
+      Dropdown2.prototype.render = function() {
+        var _a;
+        var _b = this.props, controlAction = _b.controlAction, automationId = _b.automationId, iconPosition = _b.iconPosition, reversedColor = _b.reversedColor;
+        var reverseIcon = iconPosition === "end";
+        var btnClass = (0, classnames_1["default"])(Dropdown_module_scss_1["default"].dropdownButton, (_a = {}, _a[Dropdown_module_scss_1["default"].dropdownControlAction] = controlAction, _a[Dropdown_module_scss_1["default"].isOpen] = this.state.isMenuVisible, _a[Dropdown_module_scss_1["default"].reversedColor] = reversedColor, _a));
+        return react_1["default"].createElement(
+          "div",
+          { className: Dropdown_module_scss_1["default"].dropdown },
+          react_1["default"].createElement(
+            "button",
+            { className: btnClass, onClick: this.toggleDropdownMenu, onMouseDown: function(e) {
+              return e.preventDefault();
+            }, ref: this.dropdownButton, "data-automation-id": automationId },
+            !reverseIcon && this.renderButtonContent(),
+            reverseIcon && this.renderReversedButtonContent()
+          ),
+          this.state.isMenuVisible && this.renderDropdownMenu()
+        );
+      };
+      Dropdown2.displayName = "Dropdown";
+      Dropdown2.defaultProps = {
+        iconPosition: "start"
+      };
+      return Dropdown2;
+    }(react_1["default"].Component)
   );
+  exports["default"] = Dropdown;
+})(Dropdown);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  exports.__esModule = true;
+  exports.Dropdown = void 0;
+  var Dropdown_1 = Dropdown;
+  __createBinding(exports, Dropdown_1, "default", "Dropdown");
+})(Dropdown$1);
+
+var Layout$1 = {};
+
+var Layout = {};
+
+var Layout_module = {"root":"Layout-module_root__SgXZT","navigationBar":"Layout-module_navigationBar__1xbfp","page":"Layout-module_page__ZSTUO","header":"Layout-module_header__X1E96","footer":"Layout-module_footer__wFknz","body":"Layout-module_body__r1d-M","bodyInner":"Layout-module_bodyInner__e5WA6","sidebar":"Layout-module_sidebar__FSH-B","content":"Layout-module_content__6gaoR","toasts":"Layout-module_toasts__ZDy2G","announcers":"Layout-module_announcers__fAmmq"};
+
+var Layout_module$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: Layout_module
+});
+
+var require$$1$3 = /*@__PURE__*/getAugmentedNamespace(Layout_module$1);
+
+(function(exports) {
+  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
+    var extendStatics = function(d, b) {
+      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+        d2.__proto__ = b2;
+      } || function(d2, b2) {
+        for (var p in b2)
+          if (Object.prototype.hasOwnProperty.call(b2, p))
+            d2[p] = b2[p];
+      };
+      return extendStatics(d, b);
+    };
+    return function(d, b) {
+      if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+      extendStatics(d, b);
+      function __() {
+        this.constructor = d;
+      }
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+  }();
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var Layout_module_scss_1 = __importDefault(require$$1$3);
+  var NavigationBar = function(_a) {
+    var children = _a.children;
+    return react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].navigationBar }, children);
+  };
+  NavigationBar.displayName = "NavigationBar";
+  var Sidebar = function(_a) {
+    var children = _a.children;
+    return react_1["default"].createElement(
+      "div",
+      { className: Layout_module_scss_1["default"].sidebar },
+      react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].sidebarInner }, children)
+    );
+  };
+  Sidebar.displayName = "Sidebar";
+  var Header = function(_a) {
+    var children = _a.children;
+    return react_1["default"].createElement("aside", { className: Layout_module_scss_1["default"].header }, children);
+  };
+  Header.displayName = "Header";
+  var Footer = function(_a) {
+    var children = _a.children;
+    return react_1["default"].createElement("footer", { className: Layout_module_scss_1["default"].footer }, children);
+  };
+  Footer.displayName = "Footer";
+  var Toasts = function(_a) {
+    var children = _a.children;
+    return react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].toasts, "aria-live": "assertive" }, children);
+  };
+  Toasts.displayName = "Toasts";
+  var Announcers = function(_a) {
+    var children = _a.children;
+    return react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].announcers, "aria-live": "assertive" }, children);
+  };
+  Announcers.displayName = "Announcers";
+  var Layout = (
+    /** @class */
+    function(_super) {
+      __extends(Layout2, _super);
+      function Layout2() {
+        return _super !== null && _super.apply(this, arguments) || this;
+      }
+      Layout2.prototype.render = function() {
+        var content = react_1["default"].Children.toArray(this.props.children);
+        var navbar = extractChildOfType(content, NavigationBar);
+        var header = extractChildOfType(content, Header);
+        var sidebar = extractChildOfType(content, Sidebar);
+        var footer = extractChildOfType(content, Footer);
+        var announcers = extractChildOfType(content, Announcers);
+        var toasts = extractChildOfType(content, Toasts);
+        return react_1["default"].createElement(
+          "div",
+          { className: Layout_module_scss_1["default"].root },
+          navbar,
+          announcers,
+          react_1["default"].createElement(
+            "div",
+            { className: Layout_module_scss_1["default"].page },
+            header,
+            toasts,
+            react_1["default"].createElement(
+              "div",
+              { className: Layout_module_scss_1["default"].body },
+              react_1["default"].createElement(
+                "div",
+                { className: Layout_module_scss_1["default"].bodyInner },
+                sidebar,
+                react_1["default"].createElement("main", { className: Layout_module_scss_1["default"].content }, content)
+              )
+            ),
+            footer
+          )
+        );
+      };
+      Layout2.displayName = "Layout";
+      Layout2.NavigationBar = NavigationBar;
+      Layout2.Sidebar = Sidebar;
+      Layout2.Header = Header;
+      Layout2.Footer = Footer;
+      Layout2.Toasts = Toasts;
+      Layout2.Announcers = Announcers;
+      return Layout2;
+    }(react_1["default"].Component)
+  );
+  var extractChildOfType = function(children, type) {
+    var match = children.find(function(child) {
+      if (react_1["default"].isValidElement(child) && typeof child.type === "function") {
+        return child.type.displayName === type.displayName;
+      }
+      return false;
+    });
+    if (match) {
+      var index = children.indexOf(match);
+      children.splice(index, 1);
+    }
+    return match;
+  };
+  exports["default"] = Layout;
+})(Layout);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  exports.__esModule = true;
+  exports.Layout = void 0;
+  var Layout_1 = Layout;
+  __createBinding(exports, Layout_1, "default", "Layout");
+})(Layout$1);
+
+var MenuList$1 = {};
+
+var MenuList = {};
+
+var Menu_module = {"menuList":"Menu-module_menuList__behqY","header":"Menu-module_header__MMpNm","header__title":"Menu-module_header__title__4QK0E","menuItem":"Menu-module_menuItem__0rlZg Icon-module_interactiveIconWrapper__ieTrE","menuItem--active":"Menu-module_menuItem--active__xr3IS Icon-module_active__d47mz","menuItem__Icon":"Menu-module_menuItem__Icon__SEvH-","menuItem--destructive":"Menu-module_menuItem--destructive__bg0qx","menuItem__Label":"Menu-module_menuItem__Label__KPrkg","hoverIcon":"Menu-module_hoverIcon__WCsbC","separator":"Menu-module_separator__RCRVm"};
+
+var Menu_module$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: Menu_module
+});
+
+var require$$1$2 = /*@__PURE__*/getAugmentedNamespace(Menu_module$1);
+
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var Menu_module_scss_1 = __importDefault(require$$1$2);
+  var MenuList = function(props) {
+    return react_1["default"].createElement("div", { className: Menu_module_scss_1["default"].menuList }, props.children);
+  };
+  MenuList.displayName = "MenuList";
+  exports["default"] = MenuList;
+})(MenuList);
+
+var MenuHeader = {};
+
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var Menu_module_scss_1 = __importDefault(require$$1$2);
+  var MenuHeader = function(props) {
+    return react_1["default"].createElement(
+      "div",
+      { className: Menu_module_scss_1["default"].header },
+      react_1["default"].createElement("span", { className: Menu_module_scss_1["default"].header__title }, props.title)
+    );
+  };
+  MenuHeader.displayName = "MenuHeader";
+  exports["default"] = MenuHeader;
+})(MenuHeader);
+
+var MenuItem = {};
+
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var classnames_1 = __importDefault(classnamesExports);
+  var Icon_1 = Icon$1;
+  var Menu_module_scss_1 = __importDefault(require$$1$2);
+  var MenuItem = function(props) {
+    var _a;
+    var icon = props.icon, hoverIcon = props.hoverIcon, children = props.children, action = props.action, active = props.active, destructive = props.destructive, automationId = props.automationId;
+    var isLink = typeof action === "string";
+    var label = react_1["default"].createElement(
+      "span",
+      { className: Menu_module_scss_1["default"].menuItem__Label },
+      children,
+      isLink && "\u2026"
+    );
+    var iconNode = icon && react_1["default"].createElement(
+      "span",
+      { className: Menu_module_scss_1["default"].menuItem__Icon },
+      react_1["default"].createElement(Icon_1.Icon, { icon, role: "presentation" })
+    );
+    var className = (0, classnames_1["default"])((_a = {}, _a[Menu_module_scss_1["default"].menuItem] = true, _a[Menu_module_scss_1["default"].hoverIcon] = icon && hoverIcon, _a[Menu_module_scss_1["default"]["menuItem--active"]] = active, _a[Menu_module_scss_1["default"]["menuItem--destructive"]] = destructive, _a));
+    if (typeof action === "string") {
+      return react_1["default"].createElement(
+        "a",
+        { href: action, className, "data-automation-id": automationId },
+        label,
+        iconNode
+      );
+    }
+    return (
+      // Disabling instead of addressing because this component is deprecated.
+      // eslint-disable-next-line jsx-a11y/anchor-is-valid
+      react_1["default"].createElement(
+        "a",
+        { href: "#", onClick: action, className, "data-automation-id": automationId },
+        label,
+        iconNode
+      )
+    );
+  };
+  MenuItem.displayName = "MenuItem";
+  exports["default"] = MenuItem;
+})(MenuItem);
+
+var MenuSeparator = {};
+
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var Menu_module_scss_1 = __importDefault(require$$1$2);
+  var MenuSeparator = function() {
+    return react_1["default"].createElement("hr", { className: Menu_module_scss_1["default"].separator });
+  };
+  MenuSeparator.displayName = "MenuSeparator";
+  exports["default"] = MenuSeparator;
+})(MenuSeparator);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  exports.__esModule = true;
+  exports.MenuSeparator = exports.MenuItem = exports.MenuHeader = exports.MenuList = void 0;
+  var MenuList_1 = MenuList;
+  __createBinding(exports, MenuList_1, "default", "MenuList");
+  var MenuHeader_1 = MenuHeader;
+  __createBinding(exports, MenuHeader_1, "default", "MenuHeader");
+  var MenuItem_1 = MenuItem;
+  __createBinding(exports, MenuItem_1, "default", "MenuItem");
+  var MenuSeparator_1 = MenuSeparator;
+  __createBinding(exports, MenuSeparator_1, "default", "MenuSeparator");
+})(MenuList$1);
+
+var Text$1 = {};
+
+var Text = {};
+
+var Text_module = {"page-title":"Text-module_page-title__LPGyH","default-style":"Text-module_default-style__wxvqC","title":"Text-module_title__zDZi1","display":"Text-module_display__4XAjg","heading":"Text-module_heading__bdw3r","lede":"Text-module_lede__rvztp","paragraph":"Text-module_paragraph__65c7w","body":"Text-module_body__5HknB","body-bold":"Text-module_body-bold__M2YFx","small":"Text-module_small__VBWdb","small-bold":"Text-module_small-bold__IFUAu","notification":"Text-module_notification__jl725","label":"Text-module_label__gUBTw","control-action":"Text-module_control-action__BErPr","button":"Text-module_button__nPbRH","inheritBaseline":"Text-module_inheritBaseline__D0Lfs","inline":"Text-module_inline__KlYw2","defaultStyle":"Text-module_defaultStyle__Tka8v Text-module_default-style__wxvqC","pageTitle":"Text-module_pageTitle__-NMTK Text-module_page-title__LPGyH","bodyBold":"Text-module_bodyBold__CCDF7 Text-module_body-bold__M2YFx","smallBold":"Text-module_smallBold__TdPug Text-module_small-bold__IFUAu","controlAction":"Text-module_controlAction__WB-Pz Text-module_control-action__BErPr","zen-display-0":"Text-module_zen-display-0__s1w7g","zen-heading-1":"Text-module_zen-heading-1__YX01A","zen-heading-2":"Text-module_zen-heading-2__JVOtq","zen-heading-3":"Text-module_zen-heading-3__JOT3q","zen-data-large":"Text-module_zen-data-large__EgwWh","zen-data-large-units":"Text-module_zen-data-large-units__lZjpK","zen-data-medium":"Text-module_zen-data-medium__wKodD","zen-data-medium-units":"Text-module_zen-data-medium-units__zh-e8","zen-data-small":"Text-module_zen-data-small__LtxHR","zen-data-small-units":"Text-module_zen-data-small-units__0RtFJ"};
+
+var Text_module$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: Text_module
+});
+
+var require$$2 = /*@__PURE__*/getAugmentedNamespace(Text_module$1);
+
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  var react_1 = __importDefault(React__default);
+  var classnames_1 = __importDefault(classnamesExports);
+  var Text_module_scss_1 = __importDefault(require$$2);
+  var Text = function(_a) {
+    var _b;
+    var tag = _a.tag, children = _a.children, _c = _a.inheritBaseline, inheritBaseline = _c === void 0 ? false : _c, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.style, style = _e === void 0 ? "default-style" : _e;
+    return react_1["default"].createElement(tag, {
+      className: (0, classnames_1["default"])(Text_module_scss_1["default"][style], (_b = {}, _b[Text_module_scss_1["default"].inheritBaseline] = inheritBaseline, _b[Text_module_scss_1["default"].inline] = inline, _b))
+    }, children);
+  };
+  Text.displayName = "Text";
+  exports["default"] = Text;
+})(Text);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  exports.__esModule = true;
+  exports.Text = void 0;
+  var Text_1 = Text;
+  __createBinding(exports, Text_1, "default", "Text");
+})(Text$1);
+
+var Spacing = {};
+
+var padding = {};
+
+var util = {};
+
+util.__esModule = true;
+util.convertFractionToString = void 0;
+var convertFractionToString = function(fraction) {
+  switch (fraction) {
+    case 0:
+    default:
+      return "0";
+    case 0.25:
+      return "0-point-25";
+    case 0.5:
+      return "0-point-5";
+    case 0.75:
+      return "0-point-75";
+    case 1:
+      return "1";
+    case 1.25:
+      return "1-point-25";
+    case 1.5:
+      return "1-point-5";
+    case 1.75:
+      return "1-point-75";
+    case 2:
+      return "2";
+    case 2.5:
+      return "2-point-5";
+    case 3:
+      return "3";
+    case 3.5:
+      return "3-point-5";
+    case 4:
+      return "4";
+  }
 };
-Icon.displayName = "Icon";
+util.convertFractionToString = convertFractionToString;
+
+var Padding_module = {"p-0":"Padding-module_p-0__MEDlm","pt-0":"Padding-module_pt-0__2lPMY","pr-0":"Padding-module_pr-0__tgwOG","pb-0":"Padding-module_pb-0__h-og-","pl-0":"Padding-module_pl-0__KQQIN","p-0-point-25":"Padding-module_p-0-point-25__WR6Pl","pt-0-point-25":"Padding-module_pt-0-point-25__OHxwL","pr-0-point-25":"Padding-module_pr-0-point-25__dw3lt","pb-0-point-25":"Padding-module_pb-0-point-25__R-G37","pl-0-point-25":"Padding-module_pl-0-point-25__4H6f8","p-0-point-5":"Padding-module_p-0-point-5__5z-Tg","pt-0-point-5":"Padding-module_pt-0-point-5__BILAZ","pr-0-point-5":"Padding-module_pr-0-point-5__Qdc6L","pb-0-point-5":"Padding-module_pb-0-point-5__FJOcg","pl-0-point-5":"Padding-module_pl-0-point-5__gctiZ","p-0-point-75":"Padding-module_p-0-point-75__SCNgd","pt-0-point-75":"Padding-module_pt-0-point-75__Cve0I","pr-0-point-75":"Padding-module_pr-0-point-75__11l9x","pb-0-point-75":"Padding-module_pb-0-point-75__WfgDh","pl-0-point-75":"Padding-module_pl-0-point-75__YKbVF","p-1":"Padding-module_p-1__jIDUT","pt-1":"Padding-module_pt-1__r358b","pr-1":"Padding-module_pr-1__fdsMH","pb-1":"Padding-module_pb-1__gkHqH","pl-1":"Padding-module_pl-1__1fvrt","p-1-point-25":"Padding-module_p-1-point-25__9q2Tk","pt-1-point-25":"Padding-module_pt-1-point-25__uYpt3","pr-1-point-25":"Padding-module_pr-1-point-25__8xYeA","pb-1-point-25":"Padding-module_pb-1-point-25__JwIfB","pl-1-point-25":"Padding-module_pl-1-point-25__-w5XU","p-1-point-5":"Padding-module_p-1-point-5__LICS6","pt-1-point-5":"Padding-module_pt-1-point-5__p9H7t","pr-1-point-5":"Padding-module_pr-1-point-5__agJTp","pb-1-point-5":"Padding-module_pb-1-point-5__Ig7SW","pl-1-point-5":"Padding-module_pl-1-point-5__iBcnI","p-1-point-75":"Padding-module_p-1-point-75__lctpg","pt-1-point-75":"Padding-module_pt-1-point-75__MVIUz","pr-1-point-75":"Padding-module_pr-1-point-75__A-Ur-","pb-1-point-75":"Padding-module_pb-1-point-75__TctUk","pl-1-point-75":"Padding-module_pl-1-point-75__ahplz","p-2":"Padding-module_p-2__iEsEq","pt-2":"Padding-module_pt-2__-uaDE","pr-2":"Padding-module_pr-2__py781","pb-2":"Padding-module_pb-2__75eso","pl-2":"Padding-module_pl-2__4L8zZ","p-2-point-5":"Padding-module_p-2-point-5__fFM5N","pt-2-point-5":"Padding-module_pt-2-point-5__aDZvm","pr-2-point-5":"Padding-module_pr-2-point-5__H-fJW","pb-2-point-5":"Padding-module_pb-2-point-5__0oSvZ","pl-2-point-5":"Padding-module_pl-2-point-5__BGKgq","p-3":"Padding-module_p-3__LltVV","pt-3":"Padding-module_pt-3__Ew6IB","pr-3":"Padding-module_pr-3__ehVq5","pb-3":"Padding-module_pb-3__u8K7J","pl-3":"Padding-module_pl-3__GLx74","p-3-point-5":"Padding-module_p-3-point-5__PyzuE","pt-3-point-5":"Padding-module_pt-3-point-5__qKa2E","pr-3-point-5":"Padding-module_pr-3-point-5__xJlsH","pb-3-point-5":"Padding-module_pb-3-point-5__H4D4H","pl-3-point-5":"Padding-module_pl-3-point-5__krW-a","p-4":"Padding-module_p-4__boMST","pt-4":"Padding-module_pt-4__lHX5n","pr-4":"Padding-module_pr-4__sl2rR","pb-4":"Padding-module_pb-4__ffDeO","pl-4":"Padding-module_pl-4__mRkKo"};
+
+var Padding_module$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: Padding_module
+});
+
+var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(Padding_module$1);
+
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  exports.paddingClasses = exports.p = exports.py = exports.px = exports.pl = exports.pb = exports.pr = exports.pt = void 0;
+  var util_1 = util;
+  var Padding_module_scss_1 = __importDefault(require$$1$1);
+  var pt = function(unit) {
+    return [
+      Padding_module_scss_1["default"]["pt-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.pt = pt;
+  var pr = function(unit) {
+    return [
+      Padding_module_scss_1["default"]["pr-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.pr = pr;
+  var pb = function(unit) {
+    return [
+      Padding_module_scss_1["default"]["pb-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.pb = pb;
+  var pl = function(unit) {
+    return [
+      Padding_module_scss_1["default"]["pl-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.pl = pl;
+  var px = function(unit) {
+    return [
+      Padding_module_scss_1["default"]["pl-".concat((0, util_1.convertFractionToString)(unit))],
+      Padding_module_scss_1["default"]["pr-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.px = px;
+  var py = function(unit) {
+    return [
+      Padding_module_scss_1["default"]["pt-".concat((0, util_1.convertFractionToString)(unit))],
+      Padding_module_scss_1["default"]["pb-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.py = py;
+  var p = function(unit) {
+    var classes = [];
+    if (typeof unit === "number") {
+      classes.push(Padding_module_scss_1["default"]["p-".concat((0, util_1.convertFractionToString)(unit))]);
+    } else {
+      Object.keys(unit).forEach(function(key) {
+        classes.push(Padding_module_scss_1["default"]["p-".concat((0, util_1.convertFractionToString)(unit[key]), "--").concat(key)]);
+      });
+    }
+    return classes;
+  };
+  exports.p = p;
+  var paddingClasses = function(_a) {
+    var padding2 = _a.p, paddingTop = _a.pt, paddingRight = _a.pr, paddingBottom = _a.pb, paddingLeft = _a.pl, paddingXAxis = _a.px, paddingYAxis = _a.py, _b = _a.rtl, rtl = _b === void 0 ? false : _b;
+    var classes = [];
+    if (padding2 !== void 0)
+      classes.push.apply(classes, (0, exports.p)(padding2));
+    if (paddingTop !== void 0)
+      classes.push.apply(classes, (0, exports.pt)(paddingTop));
+    if (paddingBottom !== void 0)
+      classes.push.apply(classes, (0, exports.pb)(paddingBottom));
+    if (paddingXAxis !== void 0)
+      classes.push.apply(classes, (0, exports.px)(paddingXAxis));
+    if (paddingYAxis !== void 0)
+      classes.push.apply(classes, (0, exports.py)(paddingYAxis));
+    if (rtl) {
+      if (paddingRight !== void 0)
+        classes.push.apply(classes, (0, exports.pl)(paddingRight));
+      if (paddingLeft !== void 0)
+        classes.push.apply(classes, (0, exports.pr)(paddingLeft));
+    } else {
+      if (paddingRight !== void 0)
+        classes.push.apply(classes, (0, exports.pr)(paddingRight));
+      if (paddingLeft !== void 0)
+        classes.push.apply(classes, (0, exports.pl)(paddingLeft));
+    }
+    if (padding2 === void 0 && paddingTop === void 0 && paddingRight === void 0 && paddingBottom === void 0 && paddingLeft === void 0 && paddingXAxis === void 0 && paddingYAxis === void 0) {
+      classes.push.apply(classes, (0, exports.p)(0));
+    }
+    return classes;
+  };
+  exports.paddingClasses = paddingClasses;
+})(padding);
+
+var margin = {};
+
+var Margin_module = {"m-0":"Margin-module_m-0__hSA96","mt-0":"Margin-module_mt-0__7WGbv","mr-0":"Margin-module_mr-0__CX8k-","mb-0":"Margin-module_mb-0__LjHy2","ml-0":"Margin-module_ml-0__Ffq2J","m-0-point-25":"Margin-module_m-0-point-25__RrkvF","mt-0-point-25":"Margin-module_mt-0-point-25__lOnmq","mr-0-point-25":"Margin-module_mr-0-point-25__JYjnr","mb-0-point-25":"Margin-module_mb-0-point-25__aSIWe","ml-0-point-25":"Margin-module_ml-0-point-25__UIx-6","m-0-point-5":"Margin-module_m-0-point-5__o1ClI","mt-0-point-5":"Margin-module_mt-0-point-5__Hlw6J","mr-0-point-5":"Margin-module_mr-0-point-5__lTVga","mb-0-point-5":"Margin-module_mb-0-point-5__09Kv0","ml-0-point-5":"Margin-module_ml-0-point-5__IyBy5","m-0-point-75":"Margin-module_m-0-point-75__IttHs","mt-0-point-75":"Margin-module_mt-0-point-75__8aL1j","mr-0-point-75":"Margin-module_mr-0-point-75__1iTsr","mb-0-point-75":"Margin-module_mb-0-point-75__bcGVL","ml-0-point-75":"Margin-module_ml-0-point-75__UoIM3","m-1":"Margin-module_m-1__WoH7S","mt-1":"Margin-module_mt-1__rmDMg","mr-1":"Margin-module_mr-1__bFRhS","mb-1":"Margin-module_mb-1__6Siyc","ml-1":"Margin-module_ml-1__j3WF6","m-1-point-25":"Margin-module_m-1-point-25__aslNk","mt-1-point-25":"Margin-module_mt-1-point-25__l-Kna","mr-1-point-25":"Margin-module_mr-1-point-25__yKHfB","mb-1-point-25":"Margin-module_mb-1-point-25__k7Wnb","ml-1-point-25":"Margin-module_ml-1-point-25__tKCHD","m-1-point-5":"Margin-module_m-1-point-5__e5RRa","mt-1-point-5":"Margin-module_mt-1-point-5__0oleV","mr-1-point-5":"Margin-module_mr-1-point-5__UV2Ds","mb-1-point-5":"Margin-module_mb-1-point-5__DgIcA","ml-1-point-5":"Margin-module_ml-1-point-5__-a31T","m-1-point-75":"Margin-module_m-1-point-75__IxxDx","mt-1-point-75":"Margin-module_mt-1-point-75__zBEJc","mr-1-point-75":"Margin-module_mr-1-point-75__7oQH3","mb-1-point-75":"Margin-module_mb-1-point-75__CyezZ","ml-1-point-75":"Margin-module_ml-1-point-75__8AcEE","m-2":"Margin-module_m-2__xDAX5","mt-2":"Margin-module_mt-2__BaPgk","mr-2":"Margin-module_mr-2__-8KSg","mb-2":"Margin-module_mb-2__lqKMm","ml-2":"Margin-module_ml-2__y6zUv","m-2-point-5":"Margin-module_m-2-point-5__nPaB6","mt-2-point-5":"Margin-module_mt-2-point-5__NtVq0","mr-2-point-5":"Margin-module_mr-2-point-5__u5ycP","mb-2-point-5":"Margin-module_mb-2-point-5__KoWcH","ml-2-point-5":"Margin-module_ml-2-point-5__rKkfV","m-3":"Margin-module_m-3__3Xx0F","mt-3":"Margin-module_mt-3__M2Jx3","mr-3":"Margin-module_mr-3__Ydznr","mb-3":"Margin-module_mb-3__-jI8t","ml-3":"Margin-module_ml-3__GKa-l","m-3-point-5":"Margin-module_m-3-point-5__3ZDkz","mt-3-point-5":"Margin-module_mt-3-point-5__VBSF-","mr-3-point-5":"Margin-module_mr-3-point-5__wf0U2","mb-3-point-5":"Margin-module_mb-3-point-5__OMror","ml-3-point-5":"Margin-module_ml-3-point-5__ootW1","m-4":"Margin-module_m-4__dZ985","mt-4":"Margin-module_mt-4__BUm9K","mr-4":"Margin-module_mr-4__mKUUj","mb-4":"Margin-module_mb-4__dO-YX","ml-4":"Margin-module_ml-4__EE62n"};
+
+var Margin_module$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: Margin_module
+});
+
+var require$$1 = /*@__PURE__*/getAugmentedNamespace(Margin_module$1);
+
+(function(exports) {
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  exports.marginClasses = exports.m = exports.my = exports.mx = exports.ml = exports.mb = exports.mr = exports.mt = void 0;
+  var util_1 = util;
+  var Margin_module_scss_1 = __importDefault(require$$1);
+  var mt = function(unit) {
+    return [
+      Margin_module_scss_1["default"]["mt-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.mt = mt;
+  var mr = function(unit) {
+    return [
+      Margin_module_scss_1["default"]["mr-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.mr = mr;
+  var mb = function(unit) {
+    return [
+      Margin_module_scss_1["default"]["mb-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.mb = mb;
+  var ml = function(unit) {
+    return [
+      Margin_module_scss_1["default"]["ml-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.ml = ml;
+  var mx = function(unit) {
+    return [
+      Margin_module_scss_1["default"]["ml-".concat((0, util_1.convertFractionToString)(unit))],
+      Margin_module_scss_1["default"]["mr-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.mx = mx;
+  var my = function(unit) {
+    return [
+      Margin_module_scss_1["default"]["mt-".concat((0, util_1.convertFractionToString)(unit))],
+      Margin_module_scss_1["default"]["mb-".concat((0, util_1.convertFractionToString)(unit))]
+    ];
+  };
+  exports.my = my;
+  var m = function(unit) {
+    var classes = [];
+    if (typeof unit === "number") {
+      classes.push(Margin_module_scss_1["default"]["m-".concat((0, util_1.convertFractionToString)(unit))]);
+    } else {
+      Object.keys(unit).forEach(function(key) {
+        classes.push(Margin_module_scss_1["default"]["m-".concat((0, util_1.convertFractionToString)(unit[key]), "--").concat(key)]);
+      });
+    }
+    return classes;
+  };
+  exports.m = m;
+  var marginClasses = function(_a) {
+    var margin2 = _a.m, marginTop = _a.mt, marginRight = _a.mr, marginBottom = _a.mb, marginLeft = _a.ml, marginXAxis = _a.mx, marginYAxis = _a.my, _b = _a.rtl, rtl = _b === void 0 ? false : _b;
+    var classes = [];
+    if (margin2 !== void 0)
+      classes.push.apply(classes, (0, exports.m)(margin2));
+    if (marginTop !== void 0)
+      classes.push.apply(classes, (0, exports.mt)(marginTop));
+    if (marginBottom !== void 0)
+      classes.push.apply(classes, (0, exports.mb)(marginBottom));
+    if (marginXAxis !== void 0)
+      classes.push.apply(classes, (0, exports.mx)(marginXAxis));
+    if (marginYAxis !== void 0)
+      classes.push.apply(classes, (0, exports.my)(marginYAxis));
+    if (rtl) {
+      if (marginRight !== void 0)
+        classes.push.apply(classes, (0, exports.ml)(marginRight));
+      if (marginLeft !== void 0)
+        classes.push.apply(classes, (0, exports.mr)(marginLeft));
+    } else {
+      if (marginRight !== void 0)
+        classes.push.apply(classes, (0, exports.mr)(marginRight));
+      if (marginLeft !== void 0)
+        classes.push.apply(classes, (0, exports.ml)(marginLeft));
+    }
+    if (margin2 === void 0 && marginTop === void 0 && marginRight === void 0 && marginBottom === void 0 && marginLeft === void 0 && marginXAxis === void 0 && marginYAxis === void 0) {
+      classes.push.apply(classes, (0, exports.m)(0));
+    }
+    return classes;
+  };
+  exports.marginClasses = marginClasses;
+})(margin);
+
+var types = {};
+
+types.__esModule = true;
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
+        __createBinding(exports2, m, p);
+  };
+  exports.__esModule = true;
+  __exportStar(padding, exports);
+  __exportStar(margin, exports);
+  __exportStar(types, exports);
+})(Spacing);
+
+var Box$1 = {};
+
+var Box = {};
+
+(function(exports) {
+  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+    __assign = Object.assign || function(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s)
+          if (Object.prototype.hasOwnProperty.call(s, p))
+            t[p] = s[p];
+      }
+      return t;
+    };
+    return __assign.apply(this, arguments);
+  };
+  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+    var t = {};
+    for (var p in s)
+      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+          t[p[i]] = s[p[i]];
+      }
+    return t;
+  };
+  var __spreadArray = commonjsGlobal && commonjsGlobal.__spreadArray || function(to, from, pack) {
+    if (pack || arguments.length === 2)
+      for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+          if (!ar)
+            ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+        }
+      }
+    return to.concat(ar || Array.prototype.slice.call(from));
+  };
+  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  exports.Box = void 0;
+  var react_1 = __importDefault(React__default);
+  var classnames_1 = __importDefault(classnamesExports);
+  var Spacing_1 = Spacing;
+  var Box = function(_a) {
+    var children = _a.children, _b = _a.rtl, rtl = _b === void 0 ? false : _b, m = _a.m, mt = _a.mt, mr = _a.mr, mb = _a.mb, ml = _a.ml, mx = _a.mx, my = _a.my, p = _a.p, pt = _a.pt, pr = _a.pr, pb = _a.pb, pl = _a.pl, px = _a.px, py = _a.py, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "rtl", "m", "mt", "mr", "mb", "ml", "mx", "my", "p", "pt", "pr", "pb", "pl", "px", "py", "classNameOverride"]);
+    var classes = __spreadArray(__spreadArray([], (0, Spacing_1.paddingClasses)({ p, pt, pr, pb, pl, px, py, rtl }), true), (0, Spacing_1.marginClasses)({ m, mt, mr, mb, ml, mx, my, rtl }), true);
+    return react_1["default"].createElement("div", __assign({ className: (0, classnames_1["default"])(classes, classNameOverride) }, restProps), children);
+  };
+  exports.Box = Box;
+  exports.Box.displayName = "Box";
+})(Box);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  exports.__esModule = true;
+  exports.Box = void 0;
+  var Box_1 = Box;
+  __createBinding(exports, Box_1, "Box");
+})(Box$1);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
+        __createBinding(exports2, m, p);
+  };
+  exports.__esModule = true;
+  __exportStar(Dropdown$1, exports);
+  __exportStar(Layout$1, exports);
+  __exportStar(Icon$1, exports);
+  __exportStar(MenuList$1, exports);
+  __exportStar(Text$1, exports);
+  __exportStar(Spacing, exports);
+  __exportStar(Box$1, exports);
+})(components);
+
+(function(exports) {
+  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
+        __createBinding(exports2, m, p);
+  };
+  exports.__esModule = true;
+  __exportStar(components, exports);
+})(componentLibrary);
 
 var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Informational/check%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='8.33333333 14.3416667 4.16666667 10.175 5.34166667 9 8.33333333 11.9833333 14.6583333 5.65833333 15.8333333 6.84166667'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Informational/check'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
   var check = img;
@@ -44810,7 +45895,7 @@ var Option = function(_a) {
       classNameOverride
     ]), "aria-label": item.textValue }),
     item.rendered,
-    React__default.createElement("span", { className: classNames([styles$4.icon, isSelected && styles$4.isSelected]) }, isSelected && React__default.createElement(Icon, { icon: check, role: "presentation" }))
+    React__default.createElement("span", { className: classNames([styles$4.icon, isSelected && styles$4.isSelected]) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";