react-magma-dom 2.5.10 → 2.5.13

package/dist/react-magma-dom.cjs.development.js

@@ -417,25 +417,39 @@ var transitions = {
     motion: {
       exit: {
         height: 0,
+        opacity: 0,
         transition: {
           height: {
             duration: 0.2,
-            ease: 'easeInOut'
+            ease: 'easeInOut',
+            delay: 0.1
+          },
+          opacity: {
+            property: 1,
+            duration: 0.1,
+            delay: 0
           }
         }
       },
       enter: {
         height: 'auto',
+        opacity: 1,
         transition: {
           height: {
             duration: 0.3,
-            ease: 'easeInOut'
+            ease: 'easeInOut',
+            delay: 0
+          },
+          opacity: {
+            property: 0,
+            duration: 0.1,
+            delay: 0.2
           }
         }
       }
     },
     baseStyle: {
-      overflow: 'hidden'
+      overflow: 'visible'
     }
   }
 };
@@ -3875,7 +3889,7 @@ var TableContext = /*#__PURE__*/React.createContext({
   rowCount: 0,
   selectedItems: []
 });
-var TableContainer = /*#__PURE__*/_styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-x: auto;\n"])));
+var TableContainer = /*#__PURE__*/_styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-x: visible;\n"])));
 var StyledTable = /*#__PURE__*/_styled.table(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-collapse: collapse;\n  border-spacing: 0;\n  color: ", ";\n  display: table;\n  font-size: ", ";\n  line-height: ", ";\n  min-width: ", "px;\n  width: 100%;\n"])), function (props) {
   return props.isInverse ? props.theme.colors.neutral08 : props.theme.colors.neutral;
 }, function (props) {
@@ -6533,9 +6547,156 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, errorMessage), React.createElement("div", null, children), React.createElement(FormActions, null, actions)));
 });
 
-var _excluded$P = ["color", "height", "id", "isAnimated", "isLabelVisible", "isLoadingIndicator", "percentage", "testId"];
+var _excluded$P = ["children", "color", "description", "testId", "hasStart", "icon", "iconAlign", "iconSize", "isInverse", "isOrdered", "isReversed", "listType", "spacingStyle", "visualStyle"];
+
+var _templateObject$D;
+
+(function (IconSizes) {
+  IconSizes["small"] = "small";
+  IconSizes["medium"] = "medium";
+  IconSizes["large"] = "large";
+})(exports.IconSizes || (exports.IconSizes = {}));
+
+(function (IconAlignment) {
+  IconAlignment["center"] = "center";
+  IconAlignment["top"] = "top";
+})(exports.IconAlignment || (exports.IconAlignment = {}));
+
+(function (ulListType) {
+  ulListType["circle"] = "circle";
+  ulListType["disc"] = "disc";
+  ulListType["square"] = "square";
+})(exports.ulListType || (exports.ulListType = {}));
+
+(function (olListType) {
+  olListType["lowercase"] = "a";
+  olListType["uppercase"] = "A";
+  olListType["lowercaseRoman"] = "i";
+  olListType["uppercaseRoman"] = "I";
+  olListType["numbers"] = "1";
+})(exports.olListType || (exports.olListType = {}));
+
+function getIconSizes(props) {
+  switch (props.iconSize) {
+    case exports.IconSizes.small:
+      return props.theme.iconSizes.small;
+
+    case exports.IconSizes.large:
+      return props.theme.iconSizes.large;
+
+    default:
+      return props.theme.iconSizes.medium;
+  }
+}
+function getListAlignment(props) {
+  switch (props.iconAlign) {
+    case exports.IconAlignment.center:
+      return "center";
+
+    case exports.IconAlignment.top:
+      return "flex-start";
+
+    default:
+      return "center";
+  }
+}
+function getListDisplay(props) {
+  if (props.icon) {
+    return 'grid';
+  }
+
+  return 'list-item';
+}
+
+var ListStyles = function ListStyles(props) {
+  return /*#__PURE__*/core.css("margin:0;padding:0;list-style-type:", props.listType, ";color:", props.isInverse ? props.theme.colors.neutral08 : props.theme.colors.neutral, ";li{align-items:", getListAlignment(props), ";margin-bottom:", props.spacingStyle, ";grid-template-areas:'a b';grid-template-columns:auto 1fr;}span{margin:", props.iconSize === 'small' ? '0 16px 0 0' : props.iconSize === 'large' ? '0 26px 0 0' : '0 18px 0 0', ";}p{font-size:0.8em;font-weight:400;margin-bottom:8px;margin-left:0;grid-template:'b';grid-column-start:2;}svg{height:", getIconSizes(props), "px;width:", getIconSizes(props), "px;};label:ListStyles;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEZ0MiLCJmaWxlIjoiTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnLi4vLi4vdGhlbWUvc3R5bGVkJztcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL3RoZW1lL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IG1hZ21hIH0gZnJvbSAnLi4vLi4vdGhlbWUvbWFnbWEnO1xyXG5pbXBvcnQgeyBUeXBvZ3JhcGh5VmlzdWFsU3R5bGUsIFR5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcclxuaW1wb3J0IHsgSW52ZXJzZUNvbnRleHQsIHVzZUlzSW52ZXJzZSB9IGZyb20gJy4uLy4uL2ludmVyc2UnO1xyXG5leHBvcnQgdmFyIEljb25TaXplcztcclxuKGZ1bmN0aW9uIChJY29uU2l6ZXMpIHtcclxuICAgIEljb25TaXplc1tcInNtYWxsXCJdID0gXCJzbWFsbFwiO1xyXG4gICAgSWNvblNpemVzW1wibWVkaXVtXCJdID0gXCJtZWRpdW1cIjtcclxuICAgIEljb25TaXplc1tcImxhcmdlXCJdID0gXCJsYXJnZVwiO1xyXG59KShJY29uU2l6ZXMgfHwgKEljb25TaXplcyA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgSWNvbkFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChJY29uQWxpZ25tZW50KSB7XHJcbiAgICBJY29uQWxpZ25tZW50W1wiY2VudGVyXCJdID0gXCJjZW50ZXJcIjtcclxuICAgIEljb25BbGlnbm1lbnRbXCJ0b3BcIl0gPSBcInRvcFwiO1xyXG59KShJY29uQWxpZ25tZW50IHx8IChJY29uQWxpZ25tZW50ID0ge30pKTtcclxuZXhwb3J0IHZhciB1bExpc3RUeXBlO1xyXG4oZnVuY3Rpb24gKHVsTGlzdFR5cGUpIHtcclxuICAgIHVsTGlzdFR5cGVbXCJjaXJjbGVcIl0gPSBcImNpcmNsZVwiO1xyXG4gICAgdWxMaXN0VHlwZVtcImRpc2NcIl0gPSBcImRpc2NcIjtcclxuICAgIHVsTGlzdFR5cGVbXCJzcXVhcmVcIl0gPSBcInNxdWFyZVwiO1xyXG59KSh1bExpc3RUeXBlIHx8ICh1bExpc3RUeXBlID0ge30pKTtcclxuZXhwb3J0IHZhciBvbExpc3RUeXBlO1xyXG4oZnVuY3Rpb24gKG9sTGlzdFR5cGUpIHtcclxuICAgIG9sTGlzdFR5cGVbXCJsb3dlcmNhc2VcIl0gPSBcImFcIjtcclxuICAgIG9sTGlzdFR5cGVbXCJ1cHBlcmNhc2VcIl0gPSBcIkFcIjtcclxuICAgIG9sTGlzdFR5cGVbXCJsb3dlcmNhc2VSb21hblwiXSA9IFwiaVwiO1xyXG4gICAgb2xMaXN0VHlwZVtcInVwcGVyY2FzZVJvbWFuXCJdID0gXCJJXCI7XHJcbiAgICBvbExpc3RUeXBlW1wibnVtYmVyc1wiXSA9IFwiMVwiO1xyXG59KShvbExpc3RUeXBlIHx8IChvbExpc3RUeXBlID0ge30pKTtcclxuZXhwb3J0IGZ1bmN0aW9uIGdldEljb25TaXplcyhwcm9wcykge1xyXG4gICAgc3dpdGNoIChwcm9wcy5pY29uU2l6ZSkge1xyXG4gICAgICAgIGNhc2UgSWNvblNpemVzLnNtYWxsOlxyXG4gICAgICAgICAgICByZXR1cm4gcHJvcHMudGhlbWUuaWNvblNpemVzLnNtYWxsO1xyXG4gICAgICAgIGNhc2UgSWNvblNpemVzLmxhcmdlOlxyXG4gICAgICAgICAgICByZXR1cm4gcHJvcHMudGhlbWUuaWNvblNpemVzLmxhcmdlO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBwcm9wcy50aGVtZS5pY29uU2l6ZXMubWVkaXVtO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0QWxpZ25tZW50KHByb3BzKSB7XHJcbiAgICBzd2l0Y2ggKHByb3BzLmljb25BbGlnbikge1xyXG4gICAgICAgIGNhc2UgSWNvbkFsaWdubWVudC5jZW50ZXI6XHJcbiAgICAgICAgICAgIHJldHVybiBgY2VudGVyYDtcclxuICAgICAgICBjYXNlIEljb25BbGlnbm1lbnQudG9wOlxyXG4gICAgICAgICAgICByZXR1cm4gYGZsZXgtc3RhcnRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgY2VudGVyYDtcclxuICAgIH1cclxufVxyXG5leHBvcnQgZnVuY3Rpb24gZ2V0TGlzdERpc3BsYXkocHJvcHMpIHtcclxuICAgIGlmIChwcm9wcy5pY29uKSB7XHJcbiAgICAgICAgcmV0dXJuICdncmlkJztcclxuICAgIH1cclxuICAgIHJldHVybiAnbGlzdC1pdGVtJztcclxufVxyXG5jb25zdCBMaXN0U3R5bGVzID0gcHJvcHMgPT4gY3NzIGBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlLXR5cGU6ICR7cHJvcHMubGlzdFR5cGV9O1xuICBjb2xvcjogJHtwcm9wcy5pc0ludmVyc2VcclxuICAgID8gcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwOFxyXG4gICAgOiBwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbH07XG4gIGxpIHtcbiAgICBhbGlnbi1pdGVtczogJHtnZXRMaXN0QWxpZ25tZW50KHByb3BzKX07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtwcm9wcy5zcGFjaW5nU3R5bGV9O1xuICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICdhIGInO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byAxZnI7XG4gIH1cbiAgc3BhbiB7XG4gICAgbWFyZ2luOiAke3Byb3BzLmljb25TaXplID09PSAnc21hbGwnXHJcbiAgICA/ICcwIDE2cHggMCAwJ1xyXG4gICAgOiBwcm9wcy5pY29uU2l6ZSA9PT0gJ2xhcmdlJ1xyXG4gICAgICAgID8gJzAgMjZweCAwIDAnXHJcbiAgICAgICAgOiAnMCAxOHB4IDAgMCd9O1xuICB9XG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMC44ZW07XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgZ3JpZC10ZW1wbGF0ZTogJ2InO1xuICAgIGdyaWQtY29sdW1uLXN0YXJ0OiAyO1xuICB9XG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAke2dldEljb25TaXplcyhwcm9wcyl9cHg7XG4gICAgd2lkdGg6ICR7Z2V0SWNvblNpemVzKHByb3BzKX1weDtcbiAgfVxuYDtcclxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChUeXBvZ3JhcGh5Q29tcG9uZW50KSBgXG4gICR7TGlzdFN0eWxlc307XG5gO1xyXG5leHBvcnQgY29uc3QgTGlzdCA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcclxuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNvbG9yLCBkZXNjcmlwdGlvbiwgdGVzdElkLCBoYXNTdGFydCwgaWNvbiwgaWNvbkFsaWduLCBpY29uU2l6ZSwgaXNJbnZlcnNlOiBpc0ludmVyc2VQcm9wLCBpc09yZGVyZWQsIGlzUmV2ZXJzZWQsIGxpc3RUeXBlLCBzcGFjaW5nU3R5bGUsIHZpc3VhbFN0eWxlLCAuLi5yZXN0IH0gPSBwcm9wcztcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKGlzSW52ZXJzZVByb3ApO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KEludmVyc2VDb250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiB7IGlzSW52ZXJzZSB9IH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRMaXN0LCBPYmplY3QuYXNzaWduKHsgYXM6IGlzT3JkZXJlZCA/ICdvbCcgOiAndWwnLCBcImRhdGEtdGVzdGlkXCI6IHByb3BzLnRlc3RJZCwgZGVzY3JpcHRpb246IGRlc2NyaXB0aW9uLCBpY29uOiBpY29uLCBpY29uQWxpZ246IGljb25BbGlnbiwgaWNvblNpemU6IGljb25TaXplLCBpc0ludmVyc2U6IGlzSW52ZXJzZSwgdHlwZTogbGlzdFR5cGUgPyBsaXN0VHlwZSA6ICdpbmhlcml0JywgcmV2ZXJzZWQ6IGlzUmV2ZXJzZWQsIHJlZjogcmVmLCBzcGFjaW5nU3R5bGU6IG1hZ21hLnNwYWNlU2NhbGVbc3BhY2luZ1N0eWxlXSB8fCBzcGFjaW5nU3R5bGUsIHN0YXJ0OiBoYXNTdGFydCwgdGhlbWU6IHRoZW1lLCB2aXN1YWxTdHlsZTogdmlzdWFsU3R5bGUgPyB2aXN1YWxTdHlsZSA6IFR5cG9ncmFwaHlWaXN1YWxTdHlsZS5ib2R5TWVkaXVtIH0sIHJlc3QpLCBjaGlsZHJlbikpKTtcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxpc3QuanMubWFwIl19 */"));
+};
+
+var StyledList$1 = /*#__PURE__*/_styled(TypographyComponent)(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), ListStyles);
+var List$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+      description = props.description,
+      hasStart = props.hasStart,
+      icon = props.icon,
+      iconAlign = props.iconAlign,
+      iconSize = props.iconSize,
+      isInverseProp = props.isInverse,
+      isOrdered = props.isOrdered,
+      isReversed = props.isReversed,
+      listType = props.listType,
+      spacingStyle = props.spacingStyle,
+      visualStyle = props.visualStyle,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$P);
+
+  var theme = React.useContext(ThemeContext);
+  var isInverse = useIsInverse(isInverseProp);
+  return React.createElement(InverseContext.Provider, {
+    value: {
+      isInverse: isInverse
+    }
+  }, React.createElement(StyledList$1, Object.assign({
+    as: isOrdered ? 'ol' : 'ul',
+    "data-testid": props.testId,
+    description: description,
+    icon: icon,
+    iconAlign: iconAlign,
+    iconSize: iconSize,
+    isInverse: isInverse,
+    type: listType ? listType : 'inherit',
+    reversed: isReversed,
+    ref: ref,
+    spacingStyle: magma.spaceScale[spacingStyle] || spacingStyle,
+    start: hasStart,
+    theme: theme,
+    visualStyle: visualStyle ? visualStyle : exports.TypographyVisualStyle.bodyMedium
+  }, rest), children));
+});
+
+var _templateObject$E, _templateObject2$h;
+
+var ListItemStyles = function ListItemStyles(props) {
+  return /*#__PURE__*/core.css("display:", getListDisplay(props), ";margin:0;padding:0;margin-left:", props.icon ? 'inherit' : '1.1em', ";color:", props.description && !props.isInverse ? props.theme.colors.neutral03 : 'inherit', ";list-style-type:", props.icon || props.description ? 'none' : 'inherit', ";;label:ListItemStyles;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJy4uLy4uL3RoZW1lL3N0eWxlZCc7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgeyBnZXRMaXN0RGlzcGxheSB9IGZyb20gJy4vJztcclxuaW1wb3J0IHsgbWFnbWEgfSBmcm9tICcuLi8uLi90aGVtZS9tYWdtYSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL3RoZW1lL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IEludmVyc2VDb250ZXh0LCB1c2VJc0ludmVyc2UgfSBmcm9tICcuLi8uLi9pbnZlcnNlJztcclxuY29uc3QgTGlzdEl0ZW1TdHlsZXMgPSBwcm9wcyA9PiBjc3MgYFxuICBkaXNwbGF5OiAke2dldExpc3REaXNwbGF5KHByb3BzKX07XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luLWxlZnQ6ICR7cHJvcHMuaWNvbiA/ICdpbmhlcml0JyA6ICcxLjFlbSd9O1xuICBjb2xvcjogJHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAhcHJvcHMuaXNJbnZlcnNlXHJcbiAgICA/IHByb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDNcclxuICAgIDogJ2luaGVyaXQnfTtcbiAgbGlzdC1zdHlsZS10eXBlOiAke3Byb3BzLmljb24gfHwgcHJvcHMuZGVzY3JpcHRpb24gPyAnbm9uZScgOiAnaW5oZXJpdCd9O1xuYDtcclxuY29uc3QgSWNvblN0eWxlcyA9IHByb3BzID0+IGNzcyBgXG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaWNvbkJhY2tncm91bmR9O1xuICBjb2xvcjogJHtwcm9wcy5pY29uQ29sb3J9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxMHB4O1xuYDtcclxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGkgYFxuICAke0xpc3RJdGVtU3R5bGVzfTtcbmA7XHJcbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQuc3BhbiBgXG4gICR7SWNvblN0eWxlc307XG5gO1xyXG5leHBvcnQgY29uc3QgTGlzdEl0ZW0gPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBkZXNjcmlwdGlvbiwgaWNvbiwgaWNvbkFsaWduLCBpY29uQmFja2dyb3VuZCwgaWNvbkNvbG9yLCB0ZXN0SWQsIGlzSW52ZXJzZTogaXNJbnZlcnNlUHJvcCwgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgdGhlbWUgPSBSZWFjdC51c2VDb250ZXh0KFRoZW1lQ29udGV4dCk7XHJcbiAgICBjb25zdCBpc0ludmVyc2UgPSB1c2VJc0ludmVyc2UoaXNJbnZlcnNlUHJvcCk7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoSW52ZXJzZUNvbnRleHQuUHJvdmlkZXIsIHsgdmFsdWU6IHsgaXNJbnZlcnNlIH0gfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZExpc3RJdGVtLCB7IGFzOiBkZXNjcmlwdGlvbiA/ICdwJyA6ICdsaScsIGRlc2NyaXB0aW9uOiBkZXNjcmlwdGlvbiwgaWNvbjogaWNvbiwgaWNvbkFsaWduOiBpY29uQWxpZ24sIGlzSW52ZXJzZTogaXNJbnZlcnNlLCB0aGVtZTogdGhlbWUsIHRlc3RJZDogdGVzdElkIH0sXHJcbiAgICAgICAgICAgIGljb24gJiYgKFJlYWN0LmNyZWF0ZUVsZW1lbnQoU3R5bGVkSWNvbiwgeyBpY29uQmFja2dyb3VuZDogbWFnbWEuY29sb3JzW2ljb25CYWNrZ3JvdW5kXSB8fCBtYWdtYS5jb2xvcnMucHJpbWFyeSwgaWNvbkNvbG9yOiBtYWdtYS5jb2xvcnNbaWNvbkNvbG9yXSB8fCBtYWdtYS5jb2xvcnMubmV1dHJhbDA4LCB0aGVtZTogdGhlbWUgfSwgaWNvbikpLFxyXG4gICAgICAgICAgICBjaGlsZHJlbikpKTtcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxpc3RJdGVtLmpzLm1hcCJdfQ== */"));
+};
 
-var _templateObject$D, _templateObject2$h, _templateObject3$9, _templateObject4$6, _templateObject5$5;
+var IconStyles = function IconStyles(props) {
+  return /*#__PURE__*/core.css("background:", props.iconBackground, ";color:", props.iconColor, ";border-radius:50%;display:inline-flex;padding:10px;;label:IconStyles;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdDIiwiZmlsZSI6Ikxpc3RJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICcuLi8uLi90aGVtZS9zdHlsZWQnO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgZ2V0TGlzdERpc3BsYXkgfSBmcm9tICcuLyc7XHJcbmltcG9ydCB7IG1hZ21hIH0gZnJvbSAnLi4vLi4vdGhlbWUvbWFnbWEnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgeyBJbnZlcnNlQ29udGV4dCwgdXNlSXNJbnZlcnNlIH0gZnJvbSAnLi4vLi4vaW52ZXJzZSc7XHJcbmNvbnN0IExpc3RJdGVtU3R5bGVzID0gcHJvcHMgPT4gY3NzIGBcbiAgZGlzcGxheTogJHtnZXRMaXN0RGlzcGxheShwcm9wcyl9O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbi1sZWZ0OiAke3Byb3BzLmljb24gPyAnaW5oZXJpdCcgOiAnMS4xZW0nfTtcbiAgY29sb3I6ICR7cHJvcHMuZGVzY3JpcHRpb24gJiYgIXByb3BzLmlzSW52ZXJzZVxyXG4gICAgPyBwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDAzXHJcbiAgICA6ICdpbmhlcml0J307XG4gIGxpc3Qtc3R5bGUtdHlwZTogJHtwcm9wcy5pY29uIHx8IHByb3BzLmRlc2NyaXB0aW9uID8gJ25vbmUnIDogJ2luaGVyaXQnfTtcbmA7XHJcbmNvbnN0IEljb25TdHlsZXMgPSBwcm9wcyA9PiBjc3MgYFxuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmljb25CYWNrZ3JvdW5kfTtcbiAgY29sb3I6ICR7cHJvcHMuaWNvbkNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMTBweDtcbmA7XHJcbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpIGBcbiAgJHtMaXN0SXRlbVN0eWxlc307XG5gO1xyXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLnNwYW4gYFxuICAke0ljb25TdHlsZXN9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExpc3RJdGVtID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xyXG4gICAgY29uc3QgeyBjaGlsZHJlbiwgZGVzY3JpcHRpb24sIGljb24sIGljb25BbGlnbiwgaWNvbkJhY2tncm91bmQsIGljb25Db2xvciwgdGVzdElkLCBpc0ludmVyc2U6IGlzSW52ZXJzZVByb3AsIH0gPSBwcm9wcztcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKGlzSW52ZXJzZVByb3ApO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KEludmVyc2VDb250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiB7IGlzSW52ZXJzZSB9IH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRMaXN0SXRlbSwgeyBhczogZGVzY3JpcHRpb24gPyAncCcgOiAnbGknLCBkZXNjcmlwdGlvbjogZGVzY3JpcHRpb24sIGljb246IGljb24sIGljb25BbGlnbjogaWNvbkFsaWduLCBpc0ludmVyc2U6IGlzSW52ZXJzZSwgdGhlbWU6IHRoZW1lLCB0ZXN0SWQ6IHRlc3RJZCB9LFxyXG4gICAgICAgICAgICBpY29uICYmIChSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEljb24sIHsgaWNvbkJhY2tncm91bmQ6IG1hZ21hLmNvbG9yc1tpY29uQmFja2dyb3VuZF0gfHwgbWFnbWEuY29sb3JzLnByaW1hcnksIGljb25Db2xvcjogbWFnbWEuY29sb3JzW2ljb25Db2xvcl0gfHwgbWFnbWEuY29sb3JzLm5ldXRyYWwwOCwgdGhlbWU6IHRoZW1lIH0sIGljb24pKSxcclxuICAgICAgICAgICAgY2hpbGRyZW4pKSk7XHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaXN0SXRlbS5qcy5tYXAiXX0= */"));
+};
+
+var StyledListItem = /*#__PURE__*/_styled.li(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), ListItemStyles);
+var StyledIcon = /*#__PURE__*/_styled.span(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), IconStyles);
+var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+      description = props.description,
+      icon = props.icon,
+      iconAlign = props.iconAlign,
+      iconBackground = props.iconBackground,
+      iconColor = props.iconColor,
+      testId = props.testId,
+      isInverseProp = props.isInverse;
+  var theme = React.useContext(ThemeContext);
+  var isInverse = useIsInverse(isInverseProp);
+  return React.createElement(InverseContext.Provider, {
+    value: {
+      isInverse: isInverse
+    }
+  }, React.createElement(StyledListItem, {
+    as: description ? 'p' : 'li',
+    description: description,
+    icon: icon,
+    iconAlign: iconAlign,
+    isInverse: isInverse,
+    theme: theme,
+    testId: testId
+  }, icon && React.createElement(StyledIcon, {
+    iconBackground: magma.colors[iconBackground] || magma.colors.primary,
+    iconColor: magma.colors[iconColor] || magma.colors.neutral08,
+    theme: theme
+  }, icon), children));
+});
+
+var _excluded$Q = ["color", "height", "id", "isAnimated", "isLabelVisible", "isLoadingIndicator", "percentage", "testId"];
+
+var _templateObject$F, _templateObject2$i, _templateObject3$9, _templateObject4$6, _templateObject5$5;
 
 (function (ProgressBarColor) {
   ProgressBarColor["danger"] = "danger";
@@ -6577,10 +6738,10 @@ function buildProgressBarBackground(props) {
   }
 }
 
-var Container$3 = /*#__PURE__*/_styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-items: center;\n  display: ", ";\n"])), function (props) {
+var Container$3 = /*#__PURE__*/_styled.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-items: center;\n  display: ", ";\n"])), function (props) {
   return props.isLoadingIndicator ? 'block' : 'flex';
 });
-var Track = /*#__PURE__*/_styled.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: inset 0 0 0 1px\n    ", ";\n  border-radius: 50em;\n  overflow: hidden;\n  display: flex;\n  height: ", ";\n  /* padding: 1px; */\n  width: 100%;\n"])), function (props) {
+var Track = /*#__PURE__*/_styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: inset 0 0 0 1px\n    ", ";\n  border-radius: 50em;\n  overflow: hidden;\n  display: flex;\n  height: ", ";\n  /* padding: 1px; */\n  width: 100%;\n"])), function (props) {
   return props.isInverse ? 'rgba(0,0,0,0.25)' : props.theme.colors.neutral08;
 }, function (props) {
   return props.isInverse ? props.theme.colors.neutral08 + "80" : props.theme.colors.neutral04;
@@ -6619,7 +6780,7 @@ var ProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isLoadingIndicator = props.isLoadingIndicator,
       percentage = props.percentage,
       testId = props.testId,
-      other = _objectWithoutPropertiesLoose(props, _excluded$P);
+      other = _objectWithoutPropertiesLoose(props, _excluded$Q);
 
   var id = useGenerateId(defaultId);
   var labelId = id + "__label";
@@ -6657,7 +6818,7 @@ var ProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, percentageValue, "%"));
 });
 
-var _excluded$Q = ["color", "testId", "type"];
+var _excluded$R = ["color", "testId", "type"];
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var LoadingIndicatorType;
@@ -6721,7 +6882,7 @@ var LoadingIndicator = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var color = props.color,
       testId = props.testId,
       type = props.type,
-      other = _objectWithoutPropertiesLoose(props, _excluded$Q);
+      other = _objectWithoutPropertiesLoose(props, _excluded$R);
 
   var message1 = props.message1,
       message2 = props.message2,
@@ -6759,7 +6920,7 @@ var SelectText = /*#__PURE__*/_styled.span(_templateObject3$a || (_templateObjec
 var StyledCard$2 = /*#__PURE__*/_styled(Card)(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: ", ";\n  left: 4px;\n  margin-top: 4px;\n  padding: 4px 0 0;\n  position: absolute;\n  right: 4px;\n  top: auto;\n  z-index: 2;\n"])), function (props) {
   return props.isOpen ? 'block' : 'none';
 });
-var StyledList$1 = /*#__PURE__*/_styled('ul')(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: ", ";\n  list-style: none;\n  margin: 0 0 4px;\n  outline: none;\n  padding: 0;\n  max-height: ", ";\n  overflow-y: auto;\n"])), function (props) {
+var StyledList$2 = /*#__PURE__*/_styled('ul')(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: ", ";\n  list-style: none;\n  margin: 0 0 4px;\n  outline: none;\n  padding: 0;\n  max-height: ", ";\n  overflow-y: auto;\n"])), function (props) {
   return props.isOpen ? 'block' : 'none';
 }, function (props) {
   return props.maxHeight;
@@ -6783,7 +6944,7 @@ var SelectedItemButton = /*#__PURE__*/_styled.button(_templateObject8 || (_templ
 });
 var IconWrapper$6 = /*#__PURE__*/_styled.span(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-left: 12px;\n"])));
 
-var _excluded$R = ["itemRef", "itemString"];
+var _excluded$S = ["itemRef", "itemString"];
 var DefaultClearIndicator = function DefaultClearIndicator(props) {
   return React.createElement(IconButton, Object.assign({
     testId: "clearIndicator"
@@ -6806,7 +6967,7 @@ var DefaultLoadingIndicator = function DefaultLoadingIndicator(props) {
 function DefaultItem(_ref) {
   var itemRef = _ref.itemRef,
       itemString = _ref.itemString,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
 
   return React.createElement(StyledItem$3, Object.assign({}, props, {
     ref: itemRef
@@ -6821,15 +6982,15 @@ function defaultComponents$1(props) {
   }, props);
 }
 
-var _templateObject$E, _templateObject2$i;
-var StyledButton$2 = /*#__PURE__*/_styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n\n  align-items: center;\n  display: flex;\n  height: auto;\n  min-height: ", ";\n  padding: 0 ", " 0\n    ", ";\n  text-align: left;\n"])), inputBaseStyles, inputWrapperStyles, function (props) {
+var _templateObject$G, _templateObject2$j;
+var StyledButton$2 = /*#__PURE__*/_styled.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n\n  align-items: center;\n  display: flex;\n  height: auto;\n  min-height: ", ";\n  padding: 0 ", " 0\n    ", ";\n  text-align: left;\n"])), inputBaseStyles, inputWrapperStyles, function (props) {
   return props.theme.spaceScale.spacing09;
 }, function (props) {
   return props.theme.spaceScale.spacing03;
 }, function (props) {
   return props.theme.spaceScale.spacing02;
 });
-var ChildrenContainer = /*#__PURE__*/_styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  flex-wrap: wrap;\n"])));
+var ChildrenContainer = /*#__PURE__*/_styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  flex-wrap: wrap;\n"])));
 function SelectTriggerButton(props) {
   var ariaDescribedBy = props.ariaDescribedBy,
       children = props.children,
@@ -6861,10 +7022,10 @@ function SelectTriggerButton(props) {
   }), React__default.createElement(ChildrenContainer, null, children), React__default.createElement(DropdownIndicator, null));
 }
 
-var _excluded$S = ["children", "containerStyle", "disabled", "errorMessage", "id", "helperMessage", "isInverse", "labelStyle", "labelText", "messageStyle", "testId"];
+var _excluded$T = ["children", "containerStyle", "disabled", "errorMessage", "id", "helperMessage", "isInverse", "labelStyle", "labelText", "messageStyle", "testId"];
 
-var _templateObject$F;
-var StyledNativeSelect = /*#__PURE__*/_styled.select(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  background: inherit;\n"])), inputBaseStyles);
+var _templateObject$H;
+var StyledNativeSelect = /*#__PURE__*/_styled.select(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  background: inherit;\n"])), inputBaseStyles);
 var NativeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       containerStyle = props.containerStyle,
@@ -6877,7 +7038,7 @@ var NativeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       labelText = props.labelText,
       messageStyle = props.messageStyle,
       testId = props.testId,
-      other = _objectWithoutPropertiesLoose(props, _excluded$S);
+      other = _objectWithoutPropertiesLoose(props, _excluded$T);
 
   var theme = React.useContext(ThemeContext);
   var isInverse = useIsInverse(isInverseProp);
@@ -7149,7 +7310,7 @@ function useTabsMeta(theme, orientation, backgroundColor, isInverse) {
   }];
 }
 
-var _excluded$T = ["alignment", "backgroundColor", "borderPosition", "children", "isFullWidth", "orientation", "onChange", "iconPosition", "testId"];
+var _excluded$U = ["alignment", "backgroundColor", "borderPosition", "children", "isFullWidth", "orientation", "onChange", "iconPosition", "testId"];
 
 (function (TabsAlignment) {
   TabsAlignment["center"] = "center";
@@ -7226,7 +7387,7 @@ var Tabs = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onChange = props.onChange,
       iconPosition = props.iconPosition,
       testId = props.testId,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$T);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$U);
 
   var theme = React__default.useContext(ThemeContext);
 
@@ -7468,7 +7629,7 @@ function useForceUpdate() {
   return update;
 }
 
-var _excluded$U = ["children", "icon", "disabled", "testId"];
+var _excluded$V = ["children", "icon", "disabled", "testId"];
 var StyledTabsChild = /*#__PURE__*/ /*#__PURE__*/_styled$1('li', {
   shouldForwardProp: isPropValid,
   target: "e1ym35js0",
@@ -7549,7 +7710,7 @@ function getIconMargin(props) {
   }
 }
 
-var StyledIcon = /*#__PURE__*/_styled$1("span", {
+var StyledIcon$1 = /*#__PURE__*/_styled$1("span", {
   target: "e1ym35js2",
   label: "StyledIcon"
 })("display:flex;margin:", function (props) {
@@ -7564,7 +7725,7 @@ var Tab = /*#__PURE__*/React__default.forwardRef(function (props, forwardedRef)
       icon = props.icon,
       disabled = props.disabled,
       testId = props.testId,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$U);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$V);
 
   var _React$useContext = React__default.useContext(TabsContainerContext),
       activeTabIndex = _React$useContext.activeTabIndex;
@@ -7628,14 +7789,14 @@ var Tab = /*#__PURE__*/React__default.forwardRef(function (props, forwardedRef)
     role: "tab",
     tabIndex: isActive ? 0 : -1,
     theme: theme
-  }), icon && React__default.createElement(StyledIcon, {
+  }), icon && React__default.createElement(StyledIcon$1, {
     theme: theme,
     iconPosition: tabIconPosition,
     isIconOnly: isIconOnly
   }, icon), children));
 });
 
-var _excluded$V = ["index", "isInverse", "testId", "children"];
+var _excluded$W = ["index", "isInverse", "testId", "children"];
 
 var StyledTabPanel = /*#__PURE__*/_styled$1("div", {
   target: "e19dxoff0",
@@ -7651,7 +7812,7 @@ var TabPanel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       isInverse = props.isInverse,
       testId = props.testId,
       children = props.children,
-      other = _objectWithoutPropertiesLoose(props, _excluded$V);
+      other = _objectWithoutPropertiesLoose(props, _excluded$W);
 
   var theme = React__default.useContext(ThemeContext);
 
@@ -7667,7 +7828,7 @@ var TabPanel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   }, other), children) : null;
 });
 
-var _excluded$W = ["children", "testId"];
+var _excluded$X = ["children", "testId"];
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$a() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -7684,7 +7845,7 @@ var StyledContainer$4 = /*#__PURE__*/_styled$1("div", {
 var TabPanelsContainer = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var children = props.children,
       testId = props.testId,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$W);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$X);
 
   var _React$useContext = React__default.useContext(TabsContainerContext),
       isInverseContainer = _React$useContext.isInverseContainer;
@@ -7702,7 +7863,7 @@ var TabPanelsContainer = /*#__PURE__*/React__default.forwardRef(function (props,
   }), children);
 });
 
-var _excluded$X = ["alignment", "backgroundColor", "borderPosition", "children", "iconPosition", "isFullWidth", "orientation", "testId"];
+var _excluded$Y = ["alignment", "backgroundColor", "borderPosition", "children", "iconPosition", "isFullWidth", "orientation", "testId"];
 var NavTabsContext = /*#__PURE__*/React.createContext({
   borderPosition: exports.TabsBorderPosition.bottom,
   iconPosition: exports.TabsIconPosition.left,
@@ -7719,7 +7880,7 @@ var NavTabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isFullWidth = props.isFullWidth,
       orientation = props.orientation,
       testId = props.testId,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$X);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$Y);
 
   var theme = React.useContext(ThemeContext);
   var isInverse = useIsInverse(props.isInverse);
@@ -7781,7 +7942,7 @@ var NavTabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var _excluded$Y = ["children", "component", "icon", "style", "onClick"],
+var _excluded$Z = ["children", "component", "icon", "style", "onClick"],
     _excluded2$2 = ["isActive", "icon", "testId", "to"];
 
 function instanceOfNavComponentTab(object) {
@@ -7802,7 +7963,7 @@ var StyledCustomTab = /*#__PURE__*/React.forwardRef(function (props, ref) {
       icon = props.icon,
       style = props.style,
       onClick = props.onClick,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$Y);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$Z);
 
   if (React.isValidElement(component) && React.isValidElement(component)) {
     var cloneElement = function cloneElement(element, newProps) {
@@ -7863,7 +8024,7 @@ var NavTab = /*#__PURE__*/React.forwardRef(function (props, ref) {
     component: component,
     "data-testid": testId,
     iconPosition: tabIconPosition,
-    icon: icon && React.createElement(StyledIcon, {
+    icon: icon && React.createElement(StyledIcon$1, {
       theme: theme,
       iconPosition: tabIconPosition
     }, icon),
@@ -7882,16 +8043,16 @@ var NavTab = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isInverse: isInverse,
     orientation: orientation,
     theme: theme
-  }), icon && React.createElement(StyledIcon, {
+  }), icon && React.createElement(StyledIcon$1, {
     theme: theme,
     iconPosition: tabIconPosition,
     isIconOnly: isIconOnly
   }, icon), children));
 });
 
-var _excluded$Z = ["children", "isInverse", "isSelected"];
+var _excluded$_ = ["children", "isInverse", "isSelected"];
 
-var _templateObject$G;
+var _templateObject$I;
 function pageButtonTypeSize(props) {
   if (props.size === 'large') {
     return "" + props.theme.typeScale.size05.fontSize;
@@ -7930,14 +8091,14 @@ function hoverBoxShadowColor(props) {
   }
 }
 
-var StyledPageButton = /*#__PURE__*/_styled(Button)(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  border-top: ", ";\n  border-right: ", ";\n  border-bottom: ", ";\n  border-radius: 0;\n  box-shadow: ", ";\n  font-size: ", " !important;\n  height: ", ";\n  margin: 0;\n  min-width: 0;\n  padding: 0;\n  width: ", ";\n  &:focus {\n    border-color: ", ";\n    box-shadow: ", ";\n    outline: 0 !important;\n    outline-offset: 0;\n    overflow: visible;\n    z-index: 1;\n  }\n  &:focus:before {\n    content: '';\n    border: ", ";\n    border-style: dotted;\n    height: calc(100% + 14px);\n    left: -7px;\n    position: absolute;\n    top: -7px;\n    width: calc(100% + 14px);\n  }\n"])), BuildBorder, BuildBorder, BuildBorder, boxShadowColor, pageButtonTypeSize, buttonSize, buttonSize, hoverBorder, hoverBoxShadowColor, function (props) {
+var StyledPageButton = /*#__PURE__*/_styled(Button)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  border-top: ", ";\n  border-right: ", ";\n  border-bottom: ", ";\n  border-radius: 0;\n  box-shadow: ", ";\n  font-size: ", " !important;\n  height: ", ";\n  margin: 0;\n  min-width: 0;\n  padding: 0;\n  width: ", ";\n  &:focus {\n    border-color: ", ";\n    box-shadow: ", ";\n    outline: 0 !important;\n    outline-offset: 0;\n    overflow: visible;\n    z-index: 1;\n  }\n  &:focus:before {\n    content: '';\n    border: ", ";\n    border-style: dotted;\n    height: calc(100% + 14px);\n    left: -7px;\n    position: absolute;\n    top: -7px;\n    width: calc(100% + 14px);\n  }\n"])), BuildBorder, BuildBorder, BuildBorder, boxShadowColor, pageButtonTypeSize, buttonSize, buttonSize, hoverBorder, hoverBoxShadowColor, function (props) {
   return props.isInverse ? props.theme.spaceScale.spacing01 + " solid " + props.theme.colors.focusInverse : props.theme.spaceScale.spacing01 + " solid " + props.theme.colors.focus;
 });
 var PageButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       isInverse = props.isInverse,
       isSelected = props.isSelected,
-      other = _objectWithoutPropertiesLoose(props, _excluded$Z);
+      other = _objectWithoutPropertiesLoose(props, _excluded$_);
 
   var theme = React.useContext(ThemeContext);
   return React.createElement(StyledPageButton, Object.assign({
@@ -7950,10 +8111,10 @@ var PageButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children);
 });
 
-var _excluded$_ = ["count", "defaultPage", "disabled", "hideNextButton", "hidePreviousButton", "isInverse", "numberOfAdjacentPages", "numberOfEdgePages", "page", "size", "showFirstButton", "showLastButton", "testId", "onPageChange"],
+var _excluded$$ = ["count", "defaultPage", "disabled", "hideNextButton", "hidePreviousButton", "isInverse", "numberOfAdjacentPages", "numberOfEdgePages", "page", "size", "showFirstButton", "showLastButton", "testId", "onPageChange"],
     _excluded2$3 = ["aria-current", "page", "type"];
 
-var _templateObject$H, _templateObject2$j, _templateObject3$b, _templateObject4$8, _templateObject5$7;
+var _templateObject$J, _templateObject2$k, _templateObject3$b, _templateObject4$8, _templateObject5$7;
 var PageButtonSize;
 
 (function (PageButtonSize) {
@@ -7961,9 +8122,9 @@ var PageButtonSize;
   PageButtonSize["large"] = "large";
 })(PageButtonSize || (PageButtonSize = {}));
 
-var StyledNav = /*#__PURE__*/_styled.nav(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  min-width: 0;\n"])));
-var StyledList$2 = /*#__PURE__*/_styled.ul(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"])));
-var StyledListItem = /*#__PURE__*/_styled.li(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  list-style-type: none;\n  &:last-child {\n    button {\n      border-left: none;\n    }\n  }\n"])));
+var StyledNav = /*#__PURE__*/_styled.nav(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  min-width: 0;\n"])));
+var StyledList$3 = /*#__PURE__*/_styled.ul(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"])));
+var StyledListItem$1 = /*#__PURE__*/_styled.li(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  list-style-type: none;\n  &:last-child {\n    button {\n      border-left: none;\n    }\n  }\n"])));
 function BuildBorder(props) {
   switch (props.color) {
     case 'primary':
@@ -8037,7 +8198,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       showLastButton = props.showLastButton,
       testId = props.testId,
       onPageChange = props.onPageChange,
-      other = _objectWithoutPropertiesLoose(props, _excluded$_);
+      other = _objectWithoutPropertiesLoose(props, _excluded$$);
 
   var theme = React.useContext(ThemeContext);
   var buttonSize = size === PageButtonSize.large ? exports.ButtonSize.large : exports.ButtonSize.medium;
@@ -8062,7 +8223,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
     theme: theme,
     "data-testid": testId,
     ref: ref
-  }), React.createElement(StyledList$2, null, pageButtons.map(function (_ref, index) {
+  }), React.createElement(StyledList$3, null, pageButtons.map(function (_ref, index) {
     var ariaCurrent = _ref['aria-current'],
         page = _ref.page,
         type = _ref.type,
@@ -8076,7 +8237,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         theme: theme
       }, "...");
     } else if (type === 'page') {
-      return React.createElement(StyledListItem, {
+      return React.createElement(StyledListItem$1, {
         "aria-current": Boolean(ariaCurrent),
         key: index
       }, React.createElement(PageButton, Object.assign({
@@ -8084,7 +8245,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         size: buttonSize
       }, other), page));
     } else if (type === 'previous' || type === 'next') {
-      return React.createElement(StyledListItem, {
+      return React.createElement(StyledListItem$1, {
         key: index
       }, React.createElement(NavButton, Object.assign({
         variant: isInverse ? exports.ButtonVariant.outline : exports.ButtonVariant.solid,
@@ -8100,7 +8261,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })));
 });
 
-var _excluded$$ = ["containerStyle", "errorMessage", "helperMessage", "hiddenPasswordAnnounceText", "hidePasswordButtonAriaLabel", "hidePasswordButtonText", "isPasswordMaskButtonHidden", "id", "inputSize", "labelStyle", "labelText", "isLabelVisuallyHidden", "messageStyle", "shownPasswordAnnounceText", "showPasswordButtonAriaLabel", "showPasswordButtonText", "type"];
+var _excluded$10 = ["containerStyle", "errorMessage", "helperMessage", "hiddenPasswordAnnounceText", "hidePasswordButtonAriaLabel", "hidePasswordButtonText", "isPasswordMaskButtonHidden", "id", "inputSize", "labelStyle", "labelText", "isLabelVisuallyHidden", "messageStyle", "shownPasswordAnnounceText", "showPasswordButtonAriaLabel", "showPasswordButtonText", "type"];
 var PasswordInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       passwordShown = _React$useState[0],
@@ -8128,7 +8289,7 @@ var PasswordInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       shownPasswordAnnounceText = props.shownPasswordAnnounceText,
       showPasswordButtonAriaLabel = props.showPasswordButtonAriaLabel,
       showPasswordButtonText = props.showPasswordButtonText,
-      other = _objectWithoutPropertiesLoose(props, _excluded$$);
+      other = _objectWithoutPropertiesLoose(props, _excluded$10);
 
   var i18n = React.useContext(I18nContext);
   var id = useGenerateId(defaultId);
@@ -8178,10 +8339,10 @@ var PasswordInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, passwordShown ? HIDE_PASSWORD_BUTTON_TEXT : SHOW_PASSWORD_BUTTON_TEXT), React.createElement(VisuallyHidden, null, React.createElement(Announce, null, passwordShown ? SHOWN_PASSWORD_ANNOUNCE_TEXT : HIDDEN_PASSWORD_ANNOUNCE_TEXT)))));
 });
 
-var _excluded$10 = ["containerStyle", "errorMessage", "helperMessage", "required", "isTextVisuallyHidden", "labelledById", "labelStyle", "labelText", "testId", "name", "children"];
+var _excluded$11 = ["containerStyle", "errorMessage", "helperMessage", "required", "isTextVisuallyHidden", "labelledById", "labelStyle", "labelText", "testId", "name", "children"];
 
-var _templateObject$I;
-var HiddenLabel$1 = /*#__PURE__*/_styled.label(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), HiddenStyles);
+var _templateObject$K;
+var HiddenLabel$1 = /*#__PURE__*/_styled.label(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), HiddenStyles);
 var RadioContext = /*#__PURE__*/React.createContext({
   hasError: false,
   name: 'defaultName'
@@ -8214,7 +8375,7 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       testId = props.testId,
       name = props.name,
       children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$10);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$11);
 
   var other = omit(['onBlur', 'onChange', 'onFocus', 'id'], rest);
   var descriptionId = errorMessage || helperMessage ? id + "__desc" : null;
@@ -8253,7 +8414,7 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, (errorMessage || helperMessage) && React.createElement(React.Fragment, null, errorMessage ? errorMessage : helperMessage))));
 });
 
-var _excluded$11 = ["color", "containerStyle", "disabled", "inputStyle", "isInverse", "isTextVisuallyHidden", "labelStyle", "labelText", "required", "testId", "textPosition", "value"];
+var _excluded$12 = ["color", "containerStyle", "disabled", "inputStyle", "isInverse", "isTextVisuallyHidden", "labelStyle", "labelText", "required", "testId", "textPosition", "value"];
 
 (function (RadioTextPosition) {
   RadioTextPosition["left"] = "left";
@@ -8339,7 +8500,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
       testId = props.testId,
       textPosition = props.textPosition,
       value = props.value,
-      other = _objectWithoutPropertiesLoose(props, _excluded$11);
+      other = _objectWithoutPropertiesLoose(props, _excluded$12);
 
   return React.createElement(StyledContainer, {
     style: containerStyle
@@ -8373,7 +8534,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, context.selectedValue === value ? React.createElement(reactMagmaIcons.RadioButtonCheckedIcon, null) : React.createElement(reactMagmaIcons.RadioButtonUncheckedIcon, null)), isTextVisuallyHidden ? React.createElement(HiddenLabelText$1, null, labelText) : textPosition !== exports.RadioTextPosition.left && labelText && labelText));
 });
 
-var _excluded$12 = ["style", "unmountOnExit", "isOpen", "testId", "initial", "exit", "customTransition"];
+var _excluded$13 = ["style", "unmountOnExit", "isOpen", "testId", "initial", "exit", "customTransition"];
 var Transition = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var theme = React.useContext(ThemeContext);
 
@@ -8394,7 +8555,7 @@ var Transition = /*#__PURE__*/React.forwardRef(function (props, ref) {
       transition: {}
     }
   } : _props$customTransiti,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$12);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$13);
 
   var shouldExpand = unmountOnExit ? isOpen && unmountOnExit : true;
   var variants = Object.keys(rest).reduce(function (acc, key) {
@@ -8432,7 +8593,7 @@ var Transition = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest)));
 });
 
-var _excluded$13 = ["children", "closeAriaLabel", "closeButtonSize", "containerStyle", "containerTransition", "isBackgroundClickDisabled", "isEscKeyDownDisabled", "header", "isCloseButtonHidden", "isOpen", "unmountOnExit", "testId"];
+var _excluded$14 = ["children", "closeAriaLabel", "closeButtonSize", "containerStyle", "containerTransition", "isBackgroundClickDisabled", "isEscKeyDownDisabled", "header", "isCloseButtonHidden", "isOpen", "unmountOnExit", "testId"];
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$b() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -8633,7 +8794,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$unmountOnExit = props.unmountOnExit,
       unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
       testId = props.testId,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$13);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$14);
 
   var other = omit(['onEscKeyDown'], rest);
   var theme = React.useContext(ThemeContext);
@@ -8698,7 +8859,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })), document.getElementsByTagName('body')[0]) : null;
 });
 
-var _excluded$14 = ["iconAriaLabel", "isClearable", "isLoading", "labelText", "placeholder", "onSearch"];
+var _excluded$15 = ["iconAriaLabel", "isClearable", "isLoading", "labelText", "placeholder", "onSearch"];
 var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var iconAriaLabel = props.iconAriaLabel,
       isClearable = props.isClearable,
@@ -8706,7 +8867,7 @@ var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
       labelText = props.labelText,
       placeholder = props.placeholder,
       onSearch = props.onSearch,
-      other = _objectWithoutPropertiesLoose(props, _excluded$14);
+      other = _objectWithoutPropertiesLoose(props, _excluded$15);
 
   var i18n = React.useContext(I18nContext);
 
@@ -8752,10 +8913,10 @@ var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var _excluded$15 = ["ref"];
+var _excluded$16 = ["ref"];
 
-var _templateObject$J;
-var NoItemsMessage = /*#__PURE__*/_styled.span(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: block;\n  padding-top: ", ";\n  text-align: center;\n"])), function (props) {
+var _templateObject$L;
+var NoItemsMessage = /*#__PURE__*/_styled.span(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: block;\n  padding-top: ", ";\n  text-align: center;\n"])), function (props) {
   return props.theme.colors.neutral04;
 }, function (props) {
   return props.theme.spaceScale.spacing03;
@@ -8783,7 +8944,7 @@ function ItemsList(props) {
     isInverse: false,
     isOpen: isOpen,
     style: menuStyle
-  }, React__default.createElement(StyledList$1, Object.assign({
+  }, React__default.createElement(StyledList$2, Object.assign({
     isOpen: isOpen
   }, getMenuProps(), {
     maxHeight: heightString
@@ -8795,7 +8956,7 @@ function ItemsList(props) {
       index: index
     }),
         ref = _getItemProps.ref,
-        otherDownshiftItemProps = _objectWithoutPropertiesLoose(_getItemProps, _excluded$15);
+        otherDownshiftItemProps = _objectWithoutPropertiesLoose(_getItemProps, _excluded$16);
 
     var key = "" + itemString + index;
 
@@ -9029,7 +9190,7 @@ function Select(props) {
   }));
 }
 
-var _excluded$16 = ["stateReducer", "onStateChange"];
+var _excluded$17 = ["stateReducer", "onStateChange"];
 function MultiSelect(props) {
   var ariaDescribedBy = props.ariaDescribedBy,
       customComponents = props.components,
@@ -9083,7 +9244,7 @@ function MultiSelect(props) {
     });
   }
 
-  var selectProps = _objectWithoutPropertiesLoose(props, _excluded$16);
+  var selectProps = _objectWithoutPropertiesLoose(props, _excluded$17);
 
   function stateReducer(state, actionAndChanges) {
     var type = actionAndChanges.type,
@@ -9439,7 +9600,7 @@ function defaultOnInputValueChange(changes, items, itemToString, disableCreateIt
   onInputChange && typeof onInputChange === 'function' && onInputChange(changes);
 }
 
-var _excluded$17 = ["react_magma__created_item"];
+var _excluded$18 = ["react_magma__created_item"];
 function InternalCombobox(props) {
   var ariaDescribedBy = props.ariaDescribedBy,
       customComponents = props.components,
@@ -9493,7 +9654,7 @@ function InternalCombobox(props) {
     if (isCreatedItem(changes.selectedItem)) {
       var _changes$selectedItem = changes.selectedItem,
           react_magma__created_item = _changes$selectedItem.react_magma__created_item,
-          createdItem = _objectWithoutPropertiesLoose(_changes$selectedItem, _excluded$17);
+          createdItem = _objectWithoutPropertiesLoose(_changes$selectedItem, _excluded$18);
 
       var newItem = react_magma__created_item && newItemTransform && typeof newItemTransform === 'function' ? newItemTransform(createdItem) : defaultNewItemTransform(createdItem);
       items && onItemCreated && typeof onItemCreated === 'function' ? onItemCreated(newItem) : updateItemsRef(newItem);
@@ -9673,7 +9834,7 @@ function InternalCombobox(props) {
   }));
 }
 
-var _excluded$18 = ["react_magma__created_item"],
+var _excluded$19 = ["react_magma__created_item"],
     _excluded2$4 = ["stateReducer", "onStateChange"];
 function MultiCombobox(props) {
   var _React$useState = React.useState(''),
@@ -9762,7 +9923,7 @@ function MultiCombobox(props) {
     if (isCreatedItem(changes.selectedItem)) {
       var _changes$selectedItem = changes.selectedItem,
           react_magma__created_item = _changes$selectedItem.react_magma__created_item,
-          createdItem = _objectWithoutPropertiesLoose(_changes$selectedItem, _excluded$18);
+          createdItem = _objectWithoutPropertiesLoose(_changes$selectedItem, _excluded$19);
 
       var newItem = react_magma__created_item && newItemTransform && typeof newItemTransform === 'function' ? newItemTransform(createdItem) : defaultNewItemTransform(createdItem);
       items && onItemCreated && typeof onItemCreated === 'function' ? onItemCreated(newItem) : updateItemsRef(newItem);
@@ -9978,9 +10139,9 @@ function Combobox(props) {
   }, props)));
 }
 
-var _excluded$19 = ["buttonText", "color", "positionLeft", "positionTop", "testId", "variant"];
+var _excluded$1a = ["buttonText", "color", "positionLeft", "positionTop", "testId", "variant"];
 
-var _templateObject$K;
+var _templateObject$M;
 var TARGET_ID = 'reactMagmaMainContent';
 
 var handleClick = function handleClick(e) {
@@ -10002,7 +10163,7 @@ var handleClick = function handleClick(e) {
   targetAnchor.focus();
 };
 
-var StyledSkipLink = /*#__PURE__*/_styled(Hyperlink)(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n    left: -9999px;\n    position: fixed;\n    top: -9999px;\n\n    &:focus {\n      left: ", "px;\n      top: ", "px;\n      z-index: 99999;\n    }\n  }\n"])), function (props) {
+var StyledSkipLink = /*#__PURE__*/_styled(Hyperlink)(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n    left: -9999px;\n    position: fixed;\n    top: -9999px;\n\n    &:focus {\n      left: ", "px;\n      top: ", "px;\n      z-index: 99999;\n    }\n  }\n"])), function (props) {
   return props.positionLeft;
 }, function (props) {
   return props.positionTop;
@@ -10014,7 +10175,7 @@ var SkipLink = function SkipLink(props) {
       positionTop = props.positionTop,
       testId = props.testId,
       variant = props.variant,
-      other = _objectWithoutPropertiesLoose(props, _excluded$19);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1a);
 
   var i18n = React.useContext(I18nContext);
   return React.createElement(StyledSkipLink, Object.assign({}, other, {
@@ -10044,9 +10205,9 @@ var SkipLinkContent = function SkipLinkContent(props) {
   }, children);
 };
 
-var _excluded$1a = ["testId", "axis"];
+var _excluded$1b = ["testId", "axis"];
 
-var _templateObject$L;
+var _templateObject$N;
 
 (function (SpacerAxis) {
   SpacerAxis["horizontal"] = "horizontal";
@@ -10062,7 +10223,7 @@ function getWidth$1(axis, size) {
   return axis === exports.SpacerAxis.vertical ? '1px' : convertStyleValueToString(size);
 }
 
-var StyledSpacer = /*#__PURE__*/_styled.span(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: ", ";\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (props) {
+var StyledSpacer = /*#__PURE__*/_styled.span(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: ", ";\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (props) {
   return props.axis === exports.SpacerAxis.horizontal ? 'inline-block' : 'block';
 }, function (props) {
   return getHeight(props.axis, props.size);
@@ -10077,7 +10238,7 @@ var Spacer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var testId = props.testId,
       _props$axis = props.axis,
       axis = _props$axis === void 0 ? exports.SpacerAxis.both : _props$axis,
-      other = _objectWithoutPropertiesLoose(props, _excluded$1a);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1b);
 
   return React.createElement(StyledSpacer, Object.assign({}, other, {
     axis: axis,
@@ -10086,9 +10247,9 @@ var Spacer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var _excluded$1b = ["children", "color", "labelText", "onClick", "onDelete", "isInverse", "size", "testId"];
+var _excluded$1c = ["children", "color", "labelText", "onClick", "onDelete", "isInverse", "size", "testId"];
 
-var _templateObject$M, _templateObject2$k, _templateObject3$c;
+var _templateObject$O, _templateObject2$l, _templateObject3$c;
 
 (function (TagColor) {
   TagColor["danger"] = "danger";
@@ -10336,10 +10497,10 @@ var TagStyling = function TagStyling(props) {
   return /*#__PURE__*/core.css("border:", props.theme.tag.border, ";border-radius:", props.theme.spaceScale.spacing05, ";background:", buildButtonBackground$1(props), ";color:", buildButtonTextColor(props), ";box-shadow:", buildBoxShadow(props), ";display:", props.theme.tag.display, ";align-items:", props.theme.tag.alignItems, ";justify-content:", props.theme.tag.justifyContent, ";font-size:", props.size === 'small' ? "" + props.theme.typeScale.size01.fontSize : "" + props.theme.typeScale.size02.fontSize, ";font-weight:", props.size === 'small' ? "600" : "inherit", ";letter-spacing:", props.size === 'small' ? "" + props.theme.typeScale.size01.letterSpacing : "" + props.theme.typeScale.size02.letterSpacing, ";min-width:", props.size === 'small' ? props.theme.spaceScale.spacing10 : props.theme.spaceScale.spacing12, ";padding:", buildTagPadding(props), ";svg:first-of-type{height:", props.size === 'small' ? props.theme.iconSizes.xSmall + "px" : props.theme.iconSizes.small + "px", ";opacity:", props.disabled ? '60%' : 'inherit', ";width:", props.size === 'small' ? props.theme.iconSizes.xSmall + "px" : props.theme.iconSizes.small + "px", ";}svg:last-child{opacity:", buildSvgOpacity(props), ";width:", props.size === 'small' ? props.theme.iconSizes.xSmall + "px" : props.theme.iconSizes.small + "px", ";}&:hover{svg{opacity:", props.disabled ? '60%' : '1', ";}};label:TagStyling;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd01nQyIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJy4uLy4uL3RoZW1lL3N0eWxlZCc7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgeyBDYW5jZWxJY29uIH0gZnJvbSAncmVhY3QtbWFnbWEtaWNvbnMnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgeyB1c2VJc0ludmVyc2UgfSBmcm9tICcuLi8uLi9pbnZlcnNlJztcclxuaW1wb3J0IHsgZ2V0Tm9kZVRleHQgfSBmcm9tICcuLi8uLi91dGlscyc7XHJcbmltcG9ydCB7IEkxOG5Db250ZXh0IH0gZnJvbSAnLi4vLi4vaTE4bic7XHJcbmV4cG9ydCB2YXIgVGFnQ29sb3I7XHJcbihmdW5jdGlvbiAoVGFnQ29sb3IpIHtcclxuICAgIFRhZ0NvbG9yW1wiZGFuZ2VyXCJdID0gXCJkYW5nZXJcIjtcclxuICAgIFRhZ0NvbG9yW1wicHJpbWFyeVwiXSA9IFwicHJpbWFyeVwiO1xyXG4gICAgVGFnQ29sb3JbXCJsb3dDb250cmFzdFwiXSA9IFwibG93Q29udHJhc3RcIjtcclxuICAgIFRhZ0NvbG9yW1wiaGlnaENvbnRyYXN0XCJdID0gXCJoaWdoQ29udHJhc3RcIjtcclxuICAgIFRhZ0NvbG9yW1wic3VjY2Vzc1wiXSA9IFwic3VjY2Vzc1wiO1xyXG59KShUYWdDb2xvciB8fCAoVGFnQ29sb3IgPSB7fSkpO1xyXG5leHBvcnQgdmFyIFRhZ1NpemU7XHJcbihmdW5jdGlvbiAoVGFnU2l6ZSkge1xyXG4gICAgVGFnU2l6ZVtcIm1lZGl1bVwiXSA9IFwibWVkaXVtXCI7XHJcbiAgICBUYWdTaXplW1wic21hbGxcIl0gPSBcInNtYWxsXCI7XHJcbn0pKFRhZ1NpemUgfHwgKFRhZ1NpemUgPSB7fSkpO1xyXG5mdW5jdGlvbiBidWlsZEJveFNoYWRvdyhwcm9wcykge1xyXG4gICAgaWYgKHByb3BzLmNvbG9yID09PSAnbG93Q29udHJhc3QnKSB7XHJcbiAgICAgICAgaWYgKHByb3BzLmlzSW52ZXJzZSkge1xyXG4gICAgICAgICAgICBpZiAocHJvcHMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBgMCAwIDAgMXB4ICR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwOH00MGA7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgcmV0dXJuIGAwIDAgMCAxcHggJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA4fTgwYDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHByb3BzLmRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBgMCAwIDAgMXB4ICR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwNn1gO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gYGluc2V0IDAgMCAwICAxcHggJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA1fWA7XHJcbiAgICB9XHJcbn1cclxuZnVuY3Rpb24gYnVpbGRCdXR0b25CYWNrZ3JvdW5kKHByb3BzKSB7XHJcbiAgICBpZiAocHJvcHMuaXNJbnZlcnNlKSB7XHJcbiAgICAgICAgaWYgKHByb3BzLmRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgIC8vIERpc2FibGVkIGludmVyc2Ugc3RhdGUgYmFja2dyb3VuZCBjb2xvcnNcclxuICAgICAgICAgICAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xyXG4gICAgICAgICAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDZ9YDtcclxuICAgICAgICAgICAgICAgIGNhc2UgJ2hpZ2hDb250cmFzdCc6XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDZ9YDtcclxuICAgICAgICAgICAgICAgIGNhc2UgJ2xvd0NvbnRyYXN0JzpcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gYG5vbmVgO1xyXG4gICAgICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwNn1gO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIEludmVyc2UgYmFja2dyb3VuZCBjb2xvcnNcclxuICAgICAgICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XHJcbiAgICAgICAgICAgIGNhc2UgJ2Rhbmdlcic6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLmRhbmdlckludmVyc2V9YDtcclxuICAgICAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLnN1Y2Nlc3NJbnZlcnNlfWA7XHJcbiAgICAgICAgICAgIGNhc2UgJ3ByaW1hcnknOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5wcmltYXJ5SW52ZXJzZX1gO1xyXG4gICAgICAgICAgICBjYXNlICdsb3dDb250cmFzdCc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYG5vbmU7YDtcclxuICAgICAgICAgICAgY2FzZSAnaGlnaENvbnRyYXN0JzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA4fWA7XHJcbiAgICAgICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwM31gO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIGVsc2UgaWYgKHByb3BzLmRpc2FibGVkICYmICFwcm9wcy5pc0ludmVyc2UpIHtcclxuICAgICAgICAvLyBEaXNhYmxlZCBzdGF0ZSBiYWNrZ3JvdW5kIGNvbG9yc1xyXG4gICAgICAgIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcclxuICAgICAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwNn1gO1xyXG4gICAgICAgICAgICBjYXNlICdoaWdoQ29udHJhc3QnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDZ9YDtcclxuICAgICAgICAgICAgY2FzZSAnbG93Q29udHJhc3QnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDh9YDtcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA2fWA7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLy8gRGVmYXVsdCBzdGF0ZSBiYWNrZ3JvdW5kIGNvbG9yc1xyXG4gICAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xyXG4gICAgICAgIGNhc2UgJ2Rhbmdlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMuZGFuZ2VyfWA7XHJcbiAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMuc3VjY2Vzc31gO1xyXG4gICAgICAgIGNhc2UgJ3ByaW1hcnknOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdsb3dDb250cmFzdCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA4fWA7XHJcbiAgICAgICAgY2FzZSAnaGlnaENvbnRyYXN0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsfWA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDZ9YDtcclxuICAgIH1cclxufVxyXG5mdW5jdGlvbiBidWlsZEJ1dHRvblRleHRDb2xvcihwcm9wcykge1xyXG4gICAgaWYgKHByb3BzLmlzSW52ZXJzZSkge1xyXG4gICAgICAgIGlmIChwcm9wcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICAvLyBEaXNhYmxlZCBpbnZlcnNlIHN0YXRlIHRleHQgY29sb3JzXHJcbiAgICAgICAgICAgIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcclxuICAgICAgICAgICAgICAgIGNhc2UgJ3ByaW1hcnknOlxyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDAzfTk5YDtcclxuICAgICAgICAgICAgICAgIGNhc2UgJ2hpZ2hDb250cmFzdCc6XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDN9OTlgO1xyXG4gICAgICAgICAgICAgICAgY2FzZSAnbG93Q29udHJhc3QnOlxyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA4fTQwYDtcclxuICAgICAgICAgICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDN9OTlgO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIEludmVyc2UgdGV4dCBjb2xvcnNcclxuICAgICAgICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XHJcbiAgICAgICAgICAgIGNhc2UgJ2Rhbmdlcic6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWx9YDtcclxuICAgICAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWx9YDtcclxuICAgICAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWx9YDtcclxuICAgICAgICAgICAgY2FzZSAnbG93Q29udHJhc3QnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDh9YDtcclxuICAgICAgICAgICAgY2FzZSAnaGlnaENvbnRyYXN0JzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbH1gO1xyXG4gICAgICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDh9YDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBlbHNlIGlmIChwcm9wcy5kaXNhYmxlZCAmJiAhcHJvcHMuaXNJbnZlcnNlKSB7XHJcbiAgICAgICAgLy8gRGlzYWJsZWQgc3RhdGUgdGV4dCBjb2xvcnNcclxuICAgICAgICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XHJcbiAgICAgICAgICAgIGNhc2UgJ3ByaW1hcnknOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDN9OTlgO1xyXG4gICAgICAgICAgICBjYXNlICdoaWdoQ29udHJhc3QnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDN9OTlgO1xyXG4gICAgICAgICAgICBjYXNlICdsb3dDb250cmFzdCc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwM305OWA7XHJcbiAgICAgICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwM305OWA7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLy8gRGVmYXVsdCBzdGF0ZSB0ZXh0IGNvbG9yc1xyXG4gICAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xyXG4gICAgICAgIGNhc2UgJ2Rhbmdlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA4fWA7XHJcbiAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA4fWA7XHJcbiAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDA4fWA7XHJcbiAgICAgICAgY2FzZSAnaGlnaENvbnRyYXN0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDh9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7cHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWx9YDtcclxuICAgIH1cclxufVxyXG5mdW5jdGlvbiBidWlsZFN2Z09wYWNpdHkocHJvcHMpIHtcclxuICAgIGlmIChwcm9wcy5vbkNsaWNrIHx8IHByb3BzLm9uRGVsZXRlKSB7XHJcbiAgICAgICAgaWYgKHByb3BzLmRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAnNjAlJztcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuICc3NSUnO1xyXG4gICAgfVxyXG4gICAgaWYgKHByb3BzLmNvbG9yID09PSAnbG93Q29udHJhc3QnICYmIHByb3BzLmRpc2FibGVkKSB7XHJcbiAgICAgICAgcmV0dXJuICcyNSUnO1xyXG4gICAgfVxyXG4gICAgZWxzZSBpZiAocHJvcHMuZGlzYWJsZWQpIHtcclxuICAgICAgICByZXR1cm4gJzYwJSc7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gJzEnO1xyXG59XHJcbmZ1bmN0aW9uIGJ1aWxkVGFnUGFkZGluZyhwcm9wcykge1xyXG4gICAgaWYgKHByb3BzLmljb24pIHtcclxuICAgICAgICBzd2l0Y2ggKHByb3BzLnNpemUpIHtcclxuICAgICAgICAgICAgY2FzZSAnc21hbGwnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAwICR7cHJvcHMudGhlbWUuc3BhY2VTY2FsZS5zcGFjaW5nMDJ9YDtcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtwcm9wcy50aGVtZS5zcGFjZVNjYWxlLnNwYWNpbmcwMn0gNnB4YDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHByb3BzLnNpemUpIHtcclxuICAgICAgICBjYXNlICdzbWFsbCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgMCAke3Byb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzAyfWA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGAke3Byb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzAyfSA2cHhgO1xyXG4gICAgfVxyXG59XHJcbmZ1bmN0aW9uIGJ1aWxkTGFiZWxQYWRkaW5nKHByb3BzKSB7XHJcbiAgICBpZiAocHJvcHMuaWNvbikge1xyXG4gICAgICAgIHN3aXRjaCAocHJvcHMuc2l6ZSkge1xyXG4gICAgICAgICAgICBjYXNlICdzbWFsbCc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYDAgJHtwcm9wcy50aGVtZS5zcGFjZVNjYWxlLnNwYWNpbmcwMn1gO1xyXG4gICAgICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGAwICR7cHJvcHMudGhlbWUuc3BhY2VTY2FsZS5zcGFjaW5nMDN9YDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHByb3BzLnNpemUpIHtcclxuICAgICAgICBjYXNlICdzbWFsbCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgMCAke3Byb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzAyfWA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGAwICR7cHJvcHMudGhlbWUuc3BhY2VTY2FsZS5zcGFjaW5nMDN9YDtcclxuICAgIH1cclxufVxyXG5jb25zdCBUYWdTdHlsaW5nID0gcHJvcHMgPT4gY3NzIGBcbiAgYm9yZGVyOiAke3Byb3BzLnRoZW1lLnRhZy5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAke3Byb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzA1fTtcbiAgYmFja2dyb3VuZDogJHtidWlsZEJ1dHRvbkJhY2tncm91bmQocHJvcHMpfTtcbiAgY29sb3I6ICR7YnVpbGRCdXR0b25UZXh0Q29sb3IocHJvcHMpfTtcbiAgYm94LXNoYWRvdzogJHtidWlsZEJveFNoYWRvdyhwcm9wcyl9O1xuICBkaXNwbGF5OiAke3Byb3BzLnRoZW1lLnRhZy5kaXNwbGF5fTtcbiAgYWxpZ24taXRlbXM6ICR7cHJvcHMudGhlbWUudGFnLmFsaWduSXRlbXN9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6ICR7cHJvcHMudGhlbWUudGFnLmp1c3RpZnlDb250ZW50fTtcbiAgZm9udC1zaXplOiAke3Byb3BzLnNpemUgPT09ICdzbWFsbCdcclxuICAgID8gYCR7cHJvcHMudGhlbWUudHlwZVNjYWxlLnNpemUwMS5mb250U2l6ZX1gXHJcbiAgICA6IGAke3Byb3BzLnRoZW1lLnR5cGVTY2FsZS5zaXplMDIuZm9udFNpemV9YH07XG4gIGZvbnQtd2VpZ2h0OiAke3Byb3BzLnNpemUgPT09ICdzbWFsbCcgPyBgNjAwYCA6IGBpbmhlcml0YH07XG4gIGxldHRlci1zcGFjaW5nOiAke3Byb3BzLnNpemUgPT09ICdzbWFsbCdcclxuICAgID8gYCR7cHJvcHMudGhlbWUudHlwZVNjYWxlLnNpemUwMS5sZXR0ZXJTcGFjaW5nfWBcclxuICAgIDogYCR7cHJvcHMudGhlbWUudHlwZVNjYWxlLnNpemUwMi5sZXR0ZXJTcGFjaW5nfWB9O1xuICBtaW4td2lkdGg6ICR7cHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJ1xyXG4gICAgPyBwcm9wcy50aGVtZS5zcGFjZVNjYWxlLnNwYWNpbmcxMFxyXG4gICAgOiBwcm9wcy50aGVtZS5zcGFjZVNjYWxlLnNwYWNpbmcxMn07XG4gIHBhZGRpbmc6ICR7YnVpbGRUYWdQYWRkaW5nKHByb3BzKX07XG4gIHN2ZzpmaXJzdC1vZi10eXBlIHtcbiAgICBoZWlnaHQ6ICR7cHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJ1xyXG4gICAgPyBgJHtwcm9wcy50aGVtZS5pY29uU2l6ZXMueFNtYWxsfXB4YFxyXG4gICAgOiBgJHtwcm9wcy50aGVtZS5pY29uU2l6ZXMuc21hbGx9cHhgfTtcbiAgICBvcGFjaXR5OiAke3Byb3BzLmRpc2FibGVkID8gJzYwJScgOiAnaW5oZXJpdCd9O1xuICAgIHdpZHRoOiAke3Byb3BzLnNpemUgPT09ICdzbWFsbCdcclxuICAgID8gYCR7cHJvcHMudGhlbWUuaWNvblNpemVzLnhTbWFsbH1weGBcclxuICAgIDogYCR7cHJvcHMudGhlbWUuaWNvblNpemVzLnNtYWxsfXB4YH07XG4gIH1cbiAgc3ZnOmxhc3QtY2hpbGQge1xuICAgIG9wYWNpdHk6ICR7YnVpbGRTdmdPcGFjaXR5KHByb3BzKX07XG4gICAgd2lkdGg6ICR7cHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJ1xyXG4gICAgPyBgJHtwcm9wcy50aGVtZS5pY29uU2l6ZXMueFNtYWxsfXB4YFxyXG4gICAgOiBgJHtwcm9wcy50aGVtZS5pY29uU2l6ZXMuc21hbGx9cHhgfTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBzdmcge1xuICAgICAgb3BhY2l0eTogJHtwcm9wcy5kaXNhYmxlZCA/ICc2MCUnIDogJzEnfTtcbiAgICB9XG4gIH1cbmA7XHJcbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuICAke1RhZ1N0eWxpbmd9O1xuICBjdXJzb3I6ICR7cHJvcHMgPT4gKHByb3BzLmRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyl9O1xuYDtcclxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuIGBcbiAgJHtUYWdTdHlsaW5nfTtcbiAgY3Vyc29yOiAke3Byb3BzID0+IChwcm9wcy5kaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnaW5oZXJpdCcpfTtcbmA7XHJcbmNvbnN0IExhYmVsV3JhcCA9IHN0eWxlZC5zcGFuIGBcbiAgcGFkZGluZzogJHtidWlsZExhYmVsUGFkZGluZ307XG5gO1xyXG5mdW5jdGlvbiBnZXRTdHlsZWRUYWcoaXNDbGlja2FibGUpIHtcclxuICAgIHJldHVybiBpc0NsaWNrYWJsZSA/IFN0eWxlZEJ1dHRvbiA6IFN0eWxlZFNwYW47XHJcbn1cclxuZXhwb3J0IGNvbnN0IFRhZyA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcclxuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNvbG9yLCBsYWJlbFRleHQgPSBjaGlsZHJlbiwgb25DbGljaywgb25EZWxldGUsIGlzSW52ZXJzZTogaXNJbnZlcnNlUHJvcCwgc2l6ZSA9IFRhZ1NpemUubWVkaXVtLCB0ZXN0SWQsIC4uLnJlc3QgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgdGhlbWUgPSBSZWFjdC51c2VDb250ZXh0KFRoZW1lQ29udGV4dCk7XHJcbiAgICBjb25zdCBpc0ludmVyc2UgPSB1c2VJc0ludmVyc2UoaXNJbnZlcnNlUHJvcCk7XHJcbiAgICBjb25zdCBpMThuID0gUmVhY3QudXNlQ29udGV4dChJMThuQ29udGV4dCk7XHJcbiAgICBjb25zdCBkZWxldGVBcmlhTGFiZWwgPSBpMThuLnRhZy5kZWxldGVBcmlhTGFiZWwucmVwbGFjZSgvXFx7bGFiZWxUZXh0XFx9L2csIGdldE5vZGVUZXh0KGxhYmVsVGV4dCkpO1xyXG4gICAgY29uc3QgeyBpY29uIH0gPSBwcm9wcztcclxuICAgIGNvbnN0IFN0eWxlZFRhZyA9IGdldFN0eWxlZFRhZyhCb29sZWFuKG9uQ2xpY2sgfHwgb25EZWxldGUpKTtcclxuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKCkge1xyXG4gICAgICAgIGlmIChvbkNsaWNrICYmIHR5cGVvZiBvbkNsaWNrID09PSAnZnVuY3Rpb24nKSB7XHJcbiAgICAgICAgICAgIG9uQ2xpY2soKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSBpZiAob25EZWxldGUgJiYgdHlwZW9mIG9uRGVsZXRlID09PSAnZnVuY3Rpb24nKSB7XHJcbiAgICAgICAgICAgIG9uRGVsZXRlKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZFRhZywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBjb2xvciwgaWNvbjogaWNvbiwgb25DbGljazogaGFuZGxlQ2xpY2ssIGlzSW52ZXJzZTogaXNJbnZlcnNlLCByZWY6IHJlZiwgXCJkYXRhLXRlc3RpZFwiOiBwcm9wcy50ZXN0SWQsIHNpemU6IHNpemUsIHRoZW1lOiB0aGVtZSB9LCByZXN0KSxcclxuICAgICAgICBpY29uLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoTGFiZWxXcmFwLCBPYmplY3QuYXNzaWduKHsgc2l6ZTogc2l6ZSB9LCByZXN0LCB7IHRoZW1lOiB0aGVtZSB9KSwgY2hpbGRyZW4pLFxyXG4gICAgICAgIG9uRGVsZXRlICYmIChSZWFjdC5jcmVhdGVFbGVtZW50KENhbmNlbEljb24sIHsgXCJhcmlhLWxhYmVsXCI6IGRlbGV0ZUFyaWFMYWJlbCwgc2l6ZTogdGhlbWUuaWNvblNpemVzLnNtYWxsIH0pKSkpO1xyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VGFnLmpzLm1hcCJdfQ== */"));
 };
 
-var StyledButton$3 = /*#__PURE__*/_styled.button(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  cursor: ", ";\n"])), TagStyling, function (props) {
+var StyledButton$3 = /*#__PURE__*/_styled.button(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  cursor: ", ";\n"])), TagStyling, function (props) {
   return props.disabled ? 'not-allowed' : 'pointer';
 });
-var StyledSpan$3 = /*#__PURE__*/_styled.span(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  cursor: ", ";\n"])), TagStyling, function (props) {
+var StyledSpan$3 = /*#__PURE__*/_styled.span(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  cursor: ", ";\n"])), TagStyling, function (props) {
   return props.disabled ? 'not-allowed' : 'inherit';
 });
 var LabelWrap = /*#__PURE__*/_styled.span(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), buildLabelPadding);
@@ -10358,7 +10519,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isInverseProp = props.isInverse,
       _props$size = props.size,
       size = _props$size === void 0 ? exports.TagSize.medium : _props$size,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1b);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1c);
 
   var theme = React.useContext(ThemeContext);
   var isInverse = useIsInverse(isInverseProp);
@@ -10416,10 +10577,10 @@ var ToastsContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, children));
 });
 
-var _excluded$1c = ["alertStyle", "id", "testId", "variant", "disableAutoDismiss", "children", "containerStyle", "toastDuration"];
+var _excluded$1d = ["alertStyle", "id", "testId", "variant", "disableAutoDismiss", "children", "containerStyle", "toastDuration"];
 
-var _templateObject$N;
-var ToastWrapper = /*#__PURE__*/_styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  bottom: ", "px;\n  display: flex;\n  left: 20px;\n  justify-content: flex-start;\n  max-width: 600px;\n  min-width: 320px;\n  position: fixed;\n  transform: translateY(", "px);\n  transition: bottom 0.3s;\n  z-index: 999;\n\n  @media (max-width: 600px) {\n    bottom: ", "px;\n    left: 10px;\n    right: 10px;\n  }\n"])), function (props) {
+var _templateObject$P;
+var ToastWrapper = /*#__PURE__*/_styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  bottom: ", "px;\n  display: flex;\n  left: 20px;\n  justify-content: flex-start;\n  max-width: 600px;\n  min-width: 320px;\n  position: fixed;\n  transform: translateY(", "px);\n  transition: bottom 0.3s;\n  z-index: 999;\n\n  @media (max-width: 600px) {\n    bottom: ", "px;\n    left: 10px;\n    right: 10px;\n  }\n"])), function (props) {
   return props.bottomOffsetForToast + 20;
 }, function (props) {
   return 0 - props.bottomOffsetForContainer;
@@ -10451,7 +10612,7 @@ var Toast = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children = props.children,
       containerStyle = props.containerStyle,
       toastDuration = props.toastDuration,
-      other = _objectWithoutPropertiesLoose(props, _excluded$1c);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1d);
 
   var id = useGenerateId(defaultId);
   var lastFocus = React.useRef();
@@ -10585,7 +10746,7 @@ var Toast = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children));
 });
 
-var _excluded$1d = ["containerStyle", "checked", "defaultChecked", "disabled", "errorMessage", "id", "isTextVisuallyHidden", "labelStyle", "labelText", "onChange", "textPosition", "testId", "trackStyle", "thumbStyle"];
+var _excluded$1e = ["containerStyle", "checked", "defaultChecked", "disabled", "errorMessage", "id", "isTextVisuallyHidden", "labelStyle", "labelText", "onChange", "textPosition", "testId", "trackStyle", "thumbStyle"];
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$e() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -10699,7 +10860,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       testId = props.testId,
       trackStyle = props.trackStyle,
       thumbStyle = props.thumbStyle,
-      other = _objectWithoutPropertiesLoose(props, _excluded$1d);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1e);
 
   var _React$useState = React.useState(Boolean(defaultChecked) || Boolean(checked)),
       isChecked = _React$useState[0],
@@ -10769,10 +10930,10 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, errorMessage));
 });
 
-var _excluded$1e = ["containerStyle", "errorMessage", "helperMessage", "id", "isLabelVisuallyHidden", "labelStyle", "labelText", "messageStyle", "testId", "textareaStyle"];
+var _excluded$1f = ["containerStyle", "errorMessage", "helperMessage", "id", "isLabelVisuallyHidden", "labelStyle", "labelText", "messageStyle", "testId", "textareaStyle"];
 
-var _templateObject$O;
-var StyledTextArea = /*#__PURE__*/_styled.textarea(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  ", ";\n  height: 4.5em;\n  padding: ", ";\n"])), inputBaseStyles, inputWrapperStyles, function (props) {
+var _templateObject$Q;
+var StyledTextArea = /*#__PURE__*/_styled.textarea(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  ", ";\n  height: 4.5em;\n  padding: ", ";\n"])), inputBaseStyles, inputWrapperStyles, function (props) {
   return props.theme.spaceScale.spacing02 + " " + props.theme.spaceScale.spacing03;
 });
 var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -10785,7 +10946,7 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       labelText = props.labelText,
       testId = props.testId,
       textareaStyle = props.textareaStyle,
-      other = _objectWithoutPropertiesLoose(props, _excluded$1e);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1f);
 
   var theme = React.useContext(ThemeContext);
   var id = useGenerateId(defaultId);
@@ -10796,9 +10957,7 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setValue = _React$useState[1];
 
   React.useEffect(function () {
-    if (props.value) {
-      setValue(props.value);
-    }
+    setValue(props.value);
   }, [props.value]);
 
   function handleChange(event) {
@@ -10828,11 +10987,11 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: textareaStyle,
     theme: theme,
     value: value,
-    width: '100%'
+    width: "100%"
   })));
 });
 
-var _excluded$1f = ["children"];
+var _excluded$1g = ["children"];
 
 var StyledAmPmToggle = /*#__PURE__*/_styled$1("button", {
   target: "e1x92wsu0",
@@ -10845,7 +11004,7 @@ var StyledAmPmToggle = /*#__PURE__*/_styled$1("button", {
 
 var AmPmToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
-      other = _objectWithoutPropertiesLoose(props, _excluded$1f);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1g);
 
   var theme = React.useContext(ThemeContext);
   return React.createElement(StyledAmPmToggle, Object.assign({}, other, {
@@ -11019,15 +11178,15 @@ function useTimePicker(props) {
   };
 }
 
-var _excluded$1g = ["containerStyle", "errorMessage", "helperMessage", "inputStyle", "labelStyle", "labelText", "minutesStep", "onChange"];
+var _excluded$1h = ["containerStyle", "errorMessage", "helperMessage", "inputStyle", "labelStyle", "labelText", "minutesStep", "onChange"];
 
-var _templateObject$P, _templateObject2$l, _templateObject3$d;
-var InputsContainer = /*#__PURE__*/_styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  height: ", ";\n  padding: ", ";\n  width: 144px;\n"])), inputWrapperStyles, function (props) {
+var _templateObject$R, _templateObject2$m, _templateObject3$d;
+var InputsContainer = /*#__PURE__*/_styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  height: ", ";\n  padding: ", ";\n  width: 144px;\n"])), inputWrapperStyles, function (props) {
   return props.theme.spaceScale.spacing09;
 }, function (props) {
   return props.theme.spaceScale.spacing03;
 });
-var Divider = /*#__PURE__*/_styled.span(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin: 0 1px;\n  position: relative;\n  top: -1px;\n"])));
+var Divider = /*#__PURE__*/_styled.span(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin: 0 1px;\n  position: relative;\n  top: -1px;\n"])));
 var StyledNumInput = /*#__PURE__*/_styled.input(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 0;\n  border-radius: ", ";\n  margin-right: ", ";\n  padding: 0 ", ";\n  text-align: right;\n  width: ", ";\n\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n\n  -moz-appearance: textfield;\n\n  &:focus {\n    outline: 0;\n    background: ", ";\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.borderRadius;
 }, function (props) {
@@ -11050,7 +11209,7 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       helperMessage = props.helperMessage,
       labelText = props.labelText,
       minutesStep = props.minutesStep,
-      other = _objectWithoutPropertiesLoose(props, _excluded$1g);
+      other = _objectWithoutPropertiesLoose(props, _excluded$1h);
 
   var isInverse = useIsInverse(props.isInverse);
 
@@ -11242,12 +11401,10 @@ function useAccordion(props) {
   };
 }
 
-var _excluded$1h = ["children", "isInverse", "onExpandedChange", "testId"];
+var _excluded$1i = ["children", "isInverse", "onExpandedChange", "testId"];
 
-var _templateObject$Q;
-var StyledAccordion = /*#__PURE__*/_styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  color: ", ";\n"])), function (props) {
-  return props.isInverse ? props.theme.colors.foundation : props.theme.colors.neutral08;
-}, function (props) {
+var _templateObject$S;
+var StyledAccordion = /*#__PURE__*/_styled.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: transparent;\n  border-bottom: 1px solid ", ";\n  color: ", ";\n"])), function (props) {
   return props.theme.colors.neutral06;
 }, function (props) {
   return props.isInverse ? props.theme.colors.neutral08 : props.theme.colors.neutral;
@@ -11256,7 +11413,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       isInverseProp = props.isInverse,
       testId = props.testId,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1h);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1i);
 
   var theme = React.useContext(ThemeContext);
   var isInverse = useIsInverse(isInverseProp);
@@ -11320,14 +11477,14 @@ function useAccordionItem(props) {
   };
 }
 
-var _excluded$1i = ["children", "testId"];
+var _excluded$1j = ["children", "testId"];
 
-var _templateObject$R;
-var StyledItem$4 = /*#__PURE__*/_styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    background: none;\n    color: inherit;\n    font: inherit;\n    line-height: inherit;\n    margin: 0;\n    padding: 0;\n  }\n"])));
+var _templateObject$T;
+var StyledItem$4 = /*#__PURE__*/_styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    background: none;\n    color: inherit;\n    font: inherit;\n    line-height: inherit;\n    margin: 0;\n    padding: 0;\n  }\n"])));
 var AccordionItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       testId = props.testId,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1i);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1j);
 
   var _useAccordionItem = useAccordionItem(props),
       contextValue = _useAccordionItem.contextValue;
@@ -11441,12 +11598,10 @@ function useAccordionButton(props, forwardedRef) {
   };
 }
 
-var _excluded$1j = ["children", "testId", "isInverse"];
+var _excluded$1k = ["children", "testId", "isInverse"];
 
-var _templateObject$S, _templateObject2$m;
-var StyledButton$4 = /*#__PURE__*/_styled.button(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  border: 0;\n  border-top: 1px solid ", ";\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: 600;\n  padding: 12px 16px;\n  text-align: left;\n  width: 100%;\n\n  &:focus {\n    outline: 2px dotted ", ";\n    }\n    outline-offset: -3px;\n  }\n\n  &&[disabled] {\n    color: ", ";\n     cursor: not-allowed;\n  }\n"])), function (props) {
-  return props.isInverse ? props.theme.colors.foundation : props.theme.colors.neutral08;
-}, function (props) {
+var _templateObject$U, _templateObject2$n;
+var StyledButton$4 = /*#__PURE__*/_styled.button(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: transparent;\n  border: 0;\n  border-top: 1px solid ", ";\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: 600;\n  padding: 12px 16px;\n  text-align: left;\n  width: 100%;\n\n  &:focus {\n    outline: 2px dotted ", ";\n    }\n    outline-offset: -3px;\n  }\n\n  &&[disabled] {\n    color: ", ";\n     cursor: not-allowed;\n  }\n"])), function (props) {
   return props.isInverse ? props.theme.colors.tint04 : props.theme.colors.neutral06;
 }, function (props) {
   return props.isInverse ? props.theme.colors.neutral08 : props.theme.colors.neutral;
@@ -11459,12 +11614,12 @@ var StyledButton$4 = /*#__PURE__*/_styled.button(_templateObject$S || (_template
 }, function (props) {
   return props.isInverse ? props.theme.colors.disabledInverseText : props.theme.colors.disabledText;
 });
-var TextWrapper = /*#__PURE__*/_styled.span(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex-grow: 1;\n"])));
+var TextWrapper = /*#__PURE__*/_styled.span(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex-grow: 1;\n"])));
 var AccordionButton = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   var children = props.children,
       testId = props.testId,
       isInverseProp = props.isInverse,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1j);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1k);
 
   var theme = React.useContext(ThemeContext);
   var isInverse = useIsInverse(isInverseProp);
@@ -11505,12 +11660,10 @@ var AccordionButton = /*#__PURE__*/React.forwardRef(function (props, forwardedRe
   }), caret));
 });
 
-var _excluded$1k = ["children", "testId", "isInverse"];
+var _excluded$1l = ["children", "testId", "isInverse"];
 
-var _templateObject$T;
-var StyledPanel = /*#__PURE__*/_styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n"])), function (props) {
-  return props.isInverse ? props.theme.colors.foundation : props.theme.colors.neutral08;
-}, function (props) {
+var _templateObject$V;
+var StyledPanel = /*#__PURE__*/_styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: transparent;\n  color: ", ";\n  padding: ", ";\n"])), function (props) {
   return props.isInverse ? props.theme.colors.neutral08 : props.theme.colors.neutral;
 }, function (props) {
   return props.theme.spaceScale.spacing03 + " " + props.theme.spaceScale.spacing05 + " " + props.theme.spaceScale.spacing04;
@@ -11519,7 +11672,7 @@ var AccordionPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       testId = props.testId,
       isInverseProp = props.isInverse,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1k);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1l);
 
   var theme = React.useContext(ThemeContext);
   var isInverse = useIsInverse(isInverseProp);
@@ -11544,7 +11697,7 @@ var AccordionPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children));
 });
 
-var _excluded$1l = ["style", "containerStyle", "position"];
+var _excluded$1m = ["style", "containerStyle", "position"];
 
 (function (DrawerPosition) {
   DrawerPosition["top"] = "top";
@@ -11571,7 +11724,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var style = props.style,
       containerStyle = props.containerStyle,
       position = props.position,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1l);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1m);
 
   var theme = React.useContext(ThemeContext);
 
@@ -11586,7 +11739,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest));
 });
 
-var _templateObject$U, _templateObject2$n;
+var _templateObject$W, _templateObject2$o;
 
 (function (GridDisplay) {
   GridDisplay["grid"] = "grid";
@@ -11648,7 +11801,7 @@ var _templateObject$U, _templateObject2$n;
   GridAutoFlow["columnDense"] = "column-dense";
 })(exports.GridAutoFlow || (exports.GridAutoFlow = {}));
 
-var Grid = /*#__PURE__*/_styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
+var Grid = /*#__PURE__*/_styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
   return /*#__PURE__*/core.css({
     display: props.gridDisplay || exports.GridDisplay.grid,
     'grid-template-rows': props.gridTemplateRows,
@@ -11662,7 +11815,7 @@ var Grid = /*#__PURE__*/_styled.div(_templateObject$U || (_templateObject$U = /*
     'grid-auto-flow': props.gridAutoFlow
   }, ";label:Grid;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEYSIsImZpbGUiOiJHcmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnLi4vLi4vdGhlbWUvc3R5bGVkJztcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCB2YXIgR3JpZERpc3BsYXk7XHJcbihmdW5jdGlvbiAoR3JpZERpc3BsYXkpIHtcclxuICAgIEdyaWREaXNwbGF5W1wiZ3JpZFwiXSA9IFwiZ3JpZFwiO1xyXG4gICAgR3JpZERpc3BsYXlbXCJpbmxpbmVHcmlkXCJdID0gXCJpbmxpbmUtZ3JpZFwiO1xyXG59KShHcmlkRGlzcGxheSB8fCAoR3JpZERpc3BsYXkgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRKdXN0aWZ5SXRlbXM7XHJcbihmdW5jdGlvbiAoR3JpZEp1c3RpZnlJdGVtcykge1xyXG4gICAgR3JpZEp1c3RpZnlJdGVtc1tcInN0YXJ0XCJdID0gXCJzdGFydFwiO1xyXG4gICAgR3JpZEp1c3RpZnlJdGVtc1tcImVuZFwiXSA9IFwiZW5kXCI7XHJcbiAgICBHcmlkSnVzdGlmeUl0ZW1zW1wiY2VudGVyXCJdID0gXCJjZW50ZXJcIjtcclxuICAgIEdyaWRKdXN0aWZ5SXRlbXNbXCJzdHJldGNoXCJdID0gXCJzdHJldGNoXCI7XHJcbn0pKEdyaWRKdXN0aWZ5SXRlbXMgfHwgKEdyaWRKdXN0aWZ5SXRlbXMgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRKdXN0aWZ5Q29udGVudDtcclxuKGZ1bmN0aW9uIChHcmlkSnVzdGlmeUNvbnRlbnQpIHtcclxuICAgIEdyaWRKdXN0aWZ5Q29udGVudFtcInN0YXJ0XCJdID0gXCJzdGFydFwiO1xyXG4gICAgR3JpZEp1c3RpZnlDb250ZW50W1wiZW5kXCJdID0gXCJlbmRcIjtcclxuICAgIEdyaWRKdXN0aWZ5Q29udGVudFtcImNlbnRlclwiXSA9IFwiY2VudGVyXCI7XHJcbiAgICBHcmlkSnVzdGlmeUNvbnRlbnRbXCJzdHJldGNoXCJdID0gXCJzdHJldGNoXCI7XHJcbiAgICBHcmlkSnVzdGlmeUNvbnRlbnRbXCJzcGFjZUFyb3VuZFwiXSA9IFwic3BhY2UtYXJvdW5kXCI7XHJcbiAgICBHcmlkSnVzdGlmeUNvbnRlbnRbXCJzcGFjZUJldHdlZW5cIl0gPSBcInNwYWNlLWJldHdlZW5cIjtcclxuICAgIEdyaWRKdXN0aWZ5Q29udGVudFtcInNwYWNlRXZlbmx5XCJdID0gXCJzcGFjZS1ldmVubHlcIjtcclxufSkoR3JpZEp1c3RpZnlDb250ZW50IHx8IChHcmlkSnVzdGlmeUNvbnRlbnQgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRBbGlnbkl0ZW1zO1xyXG4oZnVuY3Rpb24gKEdyaWRBbGlnbkl0ZW1zKSB7XHJcbiAgICBHcmlkQWxpZ25JdGVtc1tcInN0YXJ0XCJdID0gXCJzdGFydFwiO1xyXG4gICAgR3JpZEFsaWduSXRlbXNbXCJlbmRcIl0gPSBcImVuZFwiO1xyXG4gICAgR3JpZEFsaWduSXRlbXNbXCJjZW50ZXJcIl0gPSBcImNlbnRlclwiO1xyXG4gICAgR3JpZEFsaWduSXRlbXNbXCJzdHJldGNoXCJdID0gXCJzdHJldGNoXCI7XHJcbn0pKEdyaWRBbGlnbkl0ZW1zIHx8IChHcmlkQWxpZ25JdGVtcyA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgR3JpZEFsaWduQ29udGVudDtcclxuKGZ1bmN0aW9uIChHcmlkQWxpZ25Db250ZW50KSB7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wic3RhcnRcIl0gPSBcInN0YXJ0XCI7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wiZW5kXCJdID0gXCJlbmRcIjtcclxuICAgIEdyaWRBbGlnbkNvbnRlbnRbXCJjZW50ZXJcIl0gPSBcImNlbnRlclwiO1xyXG4gICAgR3JpZEFsaWduQ29udGVudFtcInN0cmV0Y2hcIl0gPSBcInN0cmV0Y2hcIjtcclxuICAgIEdyaWRBbGlnbkNvbnRlbnRbXCJzcGFjZUFyb3VuZFwiXSA9IFwic3BhY2UtYXJvdW5kXCI7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wic3BhY2VCZXR3ZWVuXCJdID0gXCJzcGFjZS1iZXR3ZWVuXCI7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wic3BhY2VFdmVubHlcIl0gPSBcInNwYWNlLWV2ZW5seVwiO1xyXG59KShHcmlkQWxpZ25Db250ZW50IHx8IChHcmlkQWxpZ25Db250ZW50ID0ge30pKTtcclxuZXhwb3J0IHZhciBHcmlkSXRlbUp1c3RpZnlTZWxmO1xyXG4oZnVuY3Rpb24gKEdyaWRJdGVtSnVzdGlmeVNlbGYpIHtcclxuICAgIEdyaWRJdGVtSnVzdGlmeVNlbGZbXCJzdGFydFwiXSA9IFwic3RhcnRcIjtcclxuICAgIEdyaWRJdGVtSnVzdGlmeVNlbGZbXCJlbmRcIl0gPSBcImVuZFwiO1xyXG4gICAgR3JpZEl0ZW1KdXN0aWZ5U2VsZltcImNlbnRlclwiXSA9IFwiY2VudGVyXCI7XHJcbiAgICBHcmlkSXRlbUp1c3RpZnlTZWxmW1wic3RyZXRjaFwiXSA9IFwic3RyZXRjaFwiO1xyXG59KShHcmlkSXRlbUp1c3RpZnlTZWxmIHx8IChHcmlkSXRlbUp1c3RpZnlTZWxmID0ge30pKTtcclxuZXhwb3J0IHZhciBHcmlkSXRlbUFsaWduU2VsZjtcclxuKGZ1bmN0aW9uIChHcmlkSXRlbUFsaWduU2VsZikge1xyXG4gICAgR3JpZEl0ZW1BbGlnblNlbGZbXCJzdGFydFwiXSA9IFwic3RhcnRcIjtcclxuICAgIEdyaWRJdGVtQWxpZ25TZWxmW1wiZW5kXCJdID0gXCJlbmRcIjtcclxuICAgIEdyaWRJdGVtQWxpZ25TZWxmW1wiY2VudGVyXCJdID0gXCJjZW50ZXJcIjtcclxuICAgIEdyaWRJdGVtQWxpZ25TZWxmW1wic3RyZXRjaFwiXSA9IFwic3RyZXRjaFwiO1xyXG59KShHcmlkSXRlbUFsaWduU2VsZiB8fCAoR3JpZEl0ZW1BbGlnblNlbGYgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRBdXRvRmxvdztcclxuKGZ1bmN0aW9uIChHcmlkQXV0b0Zsb3cpIHtcclxuICAgIEdyaWRBdXRvRmxvd1tcInJvd1wiXSA9IFwicm93XCI7XHJcbiAgICBHcmlkQXV0b0Zsb3dbXCJjb2x1bW5cIl0gPSBcImNvbHVtblwiO1xyXG4gICAgR3JpZEF1dG9GbG93W1wicm93RGVuc2VcIl0gPSBcInJvdy1kZW5zZVwiO1xyXG4gICAgR3JpZEF1dG9GbG93W1wiY29sdW1uRGVuc2VcIl0gPSBcImNvbHVtbi1kZW5zZVwiO1xyXG59KShHcmlkQXV0b0Zsb3cgfHwgKEdyaWRBdXRvRmxvdyA9IHt9KSk7XHJcbmV4cG9ydCBjb25zdCBHcmlkID0gc3R5bGVkLmRpdiBgXG4gICR7cHJvcHMgPT4gY3NzKHtcclxuICAgIGRpc3BsYXk6IHByb3BzLmdyaWREaXNwbGF5IHx8IEdyaWREaXNwbGF5LmdyaWQsXHJcbiAgICAnZ3JpZC10ZW1wbGF0ZS1yb3dzJzogcHJvcHMuZ3JpZFRlbXBsYXRlUm93cyxcclxuICAgICdncmlkLXRlbXBsYXRlLWNvbHVtbnMnOiBwcm9wcy5ncmlkVGVtcGxhdGVDb2x1bW5zLFxyXG4gICAgJ2dyaWQtYXJlYXMnOiBwcm9wcy5ncmlkVGVtcGxhdGVBcmVhcyxcclxuICAgICdncmlkLWdhcCc6IHByb3BzLmdyaWRHYXAsXHJcbiAgICAnanVzdGlmeS1pdGVtcyc6IHByb3BzLmdyaWRKdXN0aWZ5SXRlbXMsXHJcbiAgICAnanVzdGlmeS1jb250ZW50JzogcHJvcHMuZ3JpZEp1c3RpZnlDb250ZW50LFxyXG4gICAgJ2FsaWduLWl0ZW1zJzogcHJvcHMuZ3JpZEFsaWduSXRlbXMsXHJcbiAgICAnYWxpZ24tY29udGVudCc6IHByb3BzLmdyaWRBbGlnbkNvbnRlbnQsXHJcbiAgICAnZ3JpZC1hdXRvLWZsb3cnOiBwcm9wcy5ncmlkQXV0b0Zsb3csXHJcbn0pfVxuYDtcclxuZXhwb3J0IGNvbnN0IEdyaWRJdGVtID0gc3R5bGVkLmRpdiBgXG4gICR7cHJvcHMgPT4gY3NzKHtcclxuICAgICdncmlkLWNvbHVtbic6IHByb3BzLmdyaWRDb2x1bW4sXHJcbiAgICAnZ3JpZC1yb3cnOiBwcm9wcy5ncmlkUm93LFxyXG4gICAgJ2dyaWQtYXJlYSc6IHByb3BzLmdyaWRBcmVhLFxyXG4gICAgJ2p1c3RpZnktc2VsZic6IHByb3BzLmdyaWRJdGVtSnVzdGlmeVNlbGYsXHJcbiAgICAnYWxpZ24tc2VsZic6IHByb3BzLmdyaWRJdGVtQWxpZ25TZWxmLFxyXG59KX1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUdyaWQuanMubWFwIl19 */"));
 });
-var GridItem = /*#__PURE__*/_styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
+var GridItem = /*#__PURE__*/_styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
   return /*#__PURE__*/core.css({
     'grid-column': props.gridColumn,
     'grid-row': props.gridRow,
@@ -11672,153 +11825,6 @@ var GridItem = /*#__PURE__*/_styled.div(_templateObject2$n || (_templateObject2$
   }, ";label:GridItem;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFYSIsImZpbGUiOiJHcmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnLi4vLi4vdGhlbWUvc3R5bGVkJztcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCB2YXIgR3JpZERpc3BsYXk7XHJcbihmdW5jdGlvbiAoR3JpZERpc3BsYXkpIHtcclxuICAgIEdyaWREaXNwbGF5W1wiZ3JpZFwiXSA9IFwiZ3JpZFwiO1xyXG4gICAgR3JpZERpc3BsYXlbXCJpbmxpbmVHcmlkXCJdID0gXCJpbmxpbmUtZ3JpZFwiO1xyXG59KShHcmlkRGlzcGxheSB8fCAoR3JpZERpc3BsYXkgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRKdXN0aWZ5SXRlbXM7XHJcbihmdW5jdGlvbiAoR3JpZEp1c3RpZnlJdGVtcykge1xyXG4gICAgR3JpZEp1c3RpZnlJdGVtc1tcInN0YXJ0XCJdID0gXCJzdGFydFwiO1xyXG4gICAgR3JpZEp1c3RpZnlJdGVtc1tcImVuZFwiXSA9IFwiZW5kXCI7XHJcbiAgICBHcmlkSnVzdGlmeUl0ZW1zW1wiY2VudGVyXCJdID0gXCJjZW50ZXJcIjtcclxuICAgIEdyaWRKdXN0aWZ5SXRlbXNbXCJzdHJldGNoXCJdID0gXCJzdHJldGNoXCI7XHJcbn0pKEdyaWRKdXN0aWZ5SXRlbXMgfHwgKEdyaWRKdXN0aWZ5SXRlbXMgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRKdXN0aWZ5Q29udGVudDtcclxuKGZ1bmN0aW9uIChHcmlkSnVzdGlmeUNvbnRlbnQpIHtcclxuICAgIEdyaWRKdXN0aWZ5Q29udGVudFtcInN0YXJ0XCJdID0gXCJzdGFydFwiO1xyXG4gICAgR3JpZEp1c3RpZnlDb250ZW50W1wiZW5kXCJdID0gXCJlbmRcIjtcclxuICAgIEdyaWRKdXN0aWZ5Q29udGVudFtcImNlbnRlclwiXSA9IFwiY2VudGVyXCI7XHJcbiAgICBHcmlkSnVzdGlmeUNvbnRlbnRbXCJzdHJldGNoXCJdID0gXCJzdHJldGNoXCI7XHJcbiAgICBHcmlkSnVzdGlmeUNvbnRlbnRbXCJzcGFjZUFyb3VuZFwiXSA9IFwic3BhY2UtYXJvdW5kXCI7XHJcbiAgICBHcmlkSnVzdGlmeUNvbnRlbnRbXCJzcGFjZUJldHdlZW5cIl0gPSBcInNwYWNlLWJldHdlZW5cIjtcclxuICAgIEdyaWRKdXN0aWZ5Q29udGVudFtcInNwYWNlRXZlbmx5XCJdID0gXCJzcGFjZS1ldmVubHlcIjtcclxufSkoR3JpZEp1c3RpZnlDb250ZW50IHx8IChHcmlkSnVzdGlmeUNvbnRlbnQgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRBbGlnbkl0ZW1zO1xyXG4oZnVuY3Rpb24gKEdyaWRBbGlnbkl0ZW1zKSB7XHJcbiAgICBHcmlkQWxpZ25JdGVtc1tcInN0YXJ0XCJdID0gXCJzdGFydFwiO1xyXG4gICAgR3JpZEFsaWduSXRlbXNbXCJlbmRcIl0gPSBcImVuZFwiO1xyXG4gICAgR3JpZEFsaWduSXRlbXNbXCJjZW50ZXJcIl0gPSBcImNlbnRlclwiO1xyXG4gICAgR3JpZEFsaWduSXRlbXNbXCJzdHJldGNoXCJdID0gXCJzdHJldGNoXCI7XHJcbn0pKEdyaWRBbGlnbkl0ZW1zIHx8IChHcmlkQWxpZ25JdGVtcyA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgR3JpZEFsaWduQ29udGVudDtcclxuKGZ1bmN0aW9uIChHcmlkQWxpZ25Db250ZW50KSB7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wic3RhcnRcIl0gPSBcInN0YXJ0XCI7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wiZW5kXCJdID0gXCJlbmRcIjtcclxuICAgIEdyaWRBbGlnbkNvbnRlbnRbXCJjZW50ZXJcIl0gPSBcImNlbnRlclwiO1xyXG4gICAgR3JpZEFsaWduQ29udGVudFtcInN0cmV0Y2hcIl0gPSBcInN0cmV0Y2hcIjtcclxuICAgIEdyaWRBbGlnbkNvbnRlbnRbXCJzcGFjZUFyb3VuZFwiXSA9IFwic3BhY2UtYXJvdW5kXCI7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wic3BhY2VCZXR3ZWVuXCJdID0gXCJzcGFjZS1iZXR3ZWVuXCI7XHJcbiAgICBHcmlkQWxpZ25Db250ZW50W1wic3BhY2VFdmVubHlcIl0gPSBcInNwYWNlLWV2ZW5seVwiO1xyXG59KShHcmlkQWxpZ25Db250ZW50IHx8IChHcmlkQWxpZ25Db250ZW50ID0ge30pKTtcclxuZXhwb3J0IHZhciBHcmlkSXRlbUp1c3RpZnlTZWxmO1xyXG4oZnVuY3Rpb24gKEdyaWRJdGVtSnVzdGlmeVNlbGYpIHtcclxuICAgIEdyaWRJdGVtSnVzdGlmeVNlbGZbXCJzdGFydFwiXSA9IFwic3RhcnRcIjtcclxuICAgIEdyaWRJdGVtSnVzdGlmeVNlbGZbXCJlbmRcIl0gPSBcImVuZFwiO1xyXG4gICAgR3JpZEl0ZW1KdXN0aWZ5U2VsZltcImNlbnRlclwiXSA9IFwiY2VudGVyXCI7XHJcbiAgICBHcmlkSXRlbUp1c3RpZnlTZWxmW1wic3RyZXRjaFwiXSA9IFwic3RyZXRjaFwiO1xyXG59KShHcmlkSXRlbUp1c3RpZnlTZWxmIHx8IChHcmlkSXRlbUp1c3RpZnlTZWxmID0ge30pKTtcclxuZXhwb3J0IHZhciBHcmlkSXRlbUFsaWduU2VsZjtcclxuKGZ1bmN0aW9uIChHcmlkSXRlbUFsaWduU2VsZikge1xyXG4gICAgR3JpZEl0ZW1BbGlnblNlbGZbXCJzdGFydFwiXSA9IFwic3RhcnRcIjtcclxuICAgIEdyaWRJdGVtQWxpZ25TZWxmW1wiZW5kXCJdID0gXCJlbmRcIjtcclxuICAgIEdyaWRJdGVtQWxpZ25TZWxmW1wiY2VudGVyXCJdID0gXCJjZW50ZXJcIjtcclxuICAgIEdyaWRJdGVtQWxpZ25TZWxmW1wic3RyZXRjaFwiXSA9IFwic3RyZXRjaFwiO1xyXG59KShHcmlkSXRlbUFsaWduU2VsZiB8fCAoR3JpZEl0ZW1BbGlnblNlbGYgPSB7fSkpO1xyXG5leHBvcnQgdmFyIEdyaWRBdXRvRmxvdztcclxuKGZ1bmN0aW9uIChHcmlkQXV0b0Zsb3cpIHtcclxuICAgIEdyaWRBdXRvRmxvd1tcInJvd1wiXSA9IFwicm93XCI7XHJcbiAgICBHcmlkQXV0b0Zsb3dbXCJjb2x1bW5cIl0gPSBcImNvbHVtblwiO1xyXG4gICAgR3JpZEF1dG9GbG93W1wicm93RGVuc2VcIl0gPSBcInJvdy1kZW5zZVwiO1xyXG4gICAgR3JpZEF1dG9GbG93W1wiY29sdW1uRGVuc2VcIl0gPSBcImNvbHVtbi1kZW5zZVwiO1xyXG59KShHcmlkQXV0b0Zsb3cgfHwgKEdyaWRBdXRvRmxvdyA9IHt9KSk7XHJcbmV4cG9ydCBjb25zdCBHcmlkID0gc3R5bGVkLmRpdiBgXG4gICR7cHJvcHMgPT4gY3NzKHtcclxuICAgIGRpc3BsYXk6IHByb3BzLmdyaWREaXNwbGF5IHx8IEdyaWREaXNwbGF5LmdyaWQsXHJcbiAgICAnZ3JpZC10ZW1wbGF0ZS1yb3dzJzogcHJvcHMuZ3JpZFRlbXBsYXRlUm93cyxcclxuICAgICdncmlkLXRlbXBsYXRlLWNvbHVtbnMnOiBwcm9wcy5ncmlkVGVtcGxhdGVDb2x1bW5zLFxyXG4gICAgJ2dyaWQtYXJlYXMnOiBwcm9wcy5ncmlkVGVtcGxhdGVBcmVhcyxcclxuICAgICdncmlkLWdhcCc6IHByb3BzLmdyaWRHYXAsXHJcbiAgICAnanVzdGlmeS1pdGVtcyc6IHByb3BzLmdyaWRKdXN0aWZ5SXRlbXMsXHJcbiAgICAnanVzdGlmeS1jb250ZW50JzogcHJvcHMuZ3JpZEp1c3RpZnlDb250ZW50LFxyXG4gICAgJ2FsaWduLWl0ZW1zJzogcHJvcHMuZ3JpZEFsaWduSXRlbXMsXHJcbiAgICAnYWxpZ24tY29udGVudCc6IHByb3BzLmdyaWRBbGlnbkNvbnRlbnQsXHJcbiAgICAnZ3JpZC1hdXRvLWZsb3cnOiBwcm9wcy5ncmlkQXV0b0Zsb3csXHJcbn0pfVxuYDtcclxuZXhwb3J0IGNvbnN0IEdyaWRJdGVtID0gc3R5bGVkLmRpdiBgXG4gICR7cHJvcHMgPT4gY3NzKHtcclxuICAgICdncmlkLWNvbHVtbic6IHByb3BzLmdyaWRDb2x1bW4sXHJcbiAgICAnZ3JpZC1yb3cnOiBwcm9wcy5ncmlkUm93LFxyXG4gICAgJ2dyaWQtYXJlYSc6IHByb3BzLmdyaWRBcmVhLFxyXG4gICAgJ2p1c3RpZnktc2VsZic6IHByb3BzLmdyaWRJdGVtSnVzdGlmeVNlbGYsXHJcbiAgICAnYWxpZ24tc2VsZic6IHByb3BzLmdyaWRJdGVtQWxpZ25TZWxmLFxyXG59KX1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUdyaWQuanMubWFwIl19 */"));
 });
 
-var _excluded$1m = ["children", "color", "description", "testId", "hasStart", "icon", "iconAlign", "iconSize", "isInverse", "isOrdered", "isReversed", "listType", "spacingStyle", "visualStyle"];
-
-var _templateObject$V;
-
-(function (IconSizes) {
-  IconSizes["small"] = "small";
-  IconSizes["medium"] = "medium";
-  IconSizes["large"] = "large";
-})(exports.IconSizes || (exports.IconSizes = {}));
-
-(function (IconAlignment) {
-  IconAlignment["center"] = "center";
-  IconAlignment["top"] = "top";
-})(exports.IconAlignment || (exports.IconAlignment = {}));
-
-(function (ulListType) {
-  ulListType["circle"] = "circle";
-  ulListType["disc"] = "disc";
-  ulListType["square"] = "square";
-})(exports.ulListType || (exports.ulListType = {}));
-
-(function (olListType) {
-  olListType["lowercase"] = "a";
-  olListType["uppercase"] = "A";
-  olListType["lowercaseRoman"] = "i";
-  olListType["uppercaseRoman"] = "I";
-  olListType["numbers"] = "1";
-})(exports.olListType || (exports.olListType = {}));
-
-function getIconSizes(props) {
-  switch (props.iconSize) {
-    case exports.IconSizes.small:
-      return props.theme.iconSizes.small;
-
-    case exports.IconSizes.large:
-      return props.theme.iconSizes.large;
-
-    default:
-      return props.theme.iconSizes.medium;
-  }
-}
-function getListAlignment(props) {
-  switch (props.iconAlign) {
-    case exports.IconAlignment.center:
-      return "center";
-
-    case exports.IconAlignment.top:
-      return "flex-start";
-
-    default:
-      return "center";
-  }
-}
-function getListDisplay(props) {
-  if (props.icon) {
-    return 'grid';
-  }
-
-  return 'list-item';
-}
-
-var ListStyles = function ListStyles(props) {
-  return /*#__PURE__*/core.css("margin:0;padding:0;list-style-type:", props.listType, ";color:", props.isInverse ? props.theme.colors.neutral08 : props.theme.colors.neutral, ";li{align-items:", getListAlignment(props), ";margin-bottom:", props.spacingStyle, ";grid-template-areas:'a b';grid-template-columns:auto 1fr;}span{margin:", props.iconSize === 'small' ? '0 16px 0 0' : props.iconSize === 'large' ? '0 26px 0 0' : '0 18px 0 0', ";}p{font-size:0.8em;font-weight:400;margin-bottom:8px;margin-left:0;grid-template:'b';grid-column-start:2;}svg{height:", getIconSizes(props), "px;width:", getIconSizes(props), "px;};label:ListStyles;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEZ0MiLCJmaWxlIjoiTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnLi4vLi4vdGhlbWUvc3R5bGVkJztcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL3RoZW1lL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IG1hZ21hIH0gZnJvbSAnLi4vLi4vdGhlbWUvbWFnbWEnO1xyXG5pbXBvcnQgeyBUeXBvZ3JhcGh5VmlzdWFsU3R5bGUsIFR5cG9ncmFwaHlDb21wb25lbnQgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcclxuaW1wb3J0IHsgSW52ZXJzZUNvbnRleHQsIHVzZUlzSW52ZXJzZSB9IGZyb20gJy4uLy4uL2ludmVyc2UnO1xyXG5leHBvcnQgdmFyIEljb25TaXplcztcclxuKGZ1bmN0aW9uIChJY29uU2l6ZXMpIHtcclxuICAgIEljb25TaXplc1tcInNtYWxsXCJdID0gXCJzbWFsbFwiO1xyXG4gICAgSWNvblNpemVzW1wibWVkaXVtXCJdID0gXCJtZWRpdW1cIjtcclxuICAgIEljb25TaXplc1tcImxhcmdlXCJdID0gXCJsYXJnZVwiO1xyXG59KShJY29uU2l6ZXMgfHwgKEljb25TaXplcyA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgSWNvbkFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChJY29uQWxpZ25tZW50KSB7XHJcbiAgICBJY29uQWxpZ25tZW50W1wiY2VudGVyXCJdID0gXCJjZW50ZXJcIjtcclxuICAgIEljb25BbGlnbm1lbnRbXCJ0b3BcIl0gPSBcInRvcFwiO1xyXG59KShJY29uQWxpZ25tZW50IHx8IChJY29uQWxpZ25tZW50ID0ge30pKTtcclxuZXhwb3J0IHZhciB1bExpc3RUeXBlO1xyXG4oZnVuY3Rpb24gKHVsTGlzdFR5cGUpIHtcclxuICAgIHVsTGlzdFR5cGVbXCJjaXJjbGVcIl0gPSBcImNpcmNsZVwiO1xyXG4gICAgdWxMaXN0VHlwZVtcImRpc2NcIl0gPSBcImRpc2NcIjtcclxuICAgIHVsTGlzdFR5cGVbXCJzcXVhcmVcIl0gPSBcInNxdWFyZVwiO1xyXG59KSh1bExpc3RUeXBlIHx8ICh1bExpc3RUeXBlID0ge30pKTtcclxuZXhwb3J0IHZhciBvbExpc3RUeXBlO1xyXG4oZnVuY3Rpb24gKG9sTGlzdFR5cGUpIHtcclxuICAgIG9sTGlzdFR5cGVbXCJsb3dlcmNhc2VcIl0gPSBcImFcIjtcclxuICAgIG9sTGlzdFR5cGVbXCJ1cHBlcmNhc2VcIl0gPSBcIkFcIjtcclxuICAgIG9sTGlzdFR5cGVbXCJsb3dlcmNhc2VSb21hblwiXSA9IFwiaVwiO1xyXG4gICAgb2xMaXN0VHlwZVtcInVwcGVyY2FzZVJvbWFuXCJdID0gXCJJXCI7XHJcbiAgICBvbExpc3RUeXBlW1wibnVtYmVyc1wiXSA9IFwiMVwiO1xyXG59KShvbExpc3RUeXBlIHx8IChvbExpc3RUeXBlID0ge30pKTtcclxuZXhwb3J0IGZ1bmN0aW9uIGdldEljb25TaXplcyhwcm9wcykge1xyXG4gICAgc3dpdGNoIChwcm9wcy5pY29uU2l6ZSkge1xyXG4gICAgICAgIGNhc2UgSWNvblNpemVzLnNtYWxsOlxyXG4gICAgICAgICAgICByZXR1cm4gcHJvcHMudGhlbWUuaWNvblNpemVzLnNtYWxsO1xyXG4gICAgICAgIGNhc2UgSWNvblNpemVzLmxhcmdlOlxyXG4gICAgICAgICAgICByZXR1cm4gcHJvcHMudGhlbWUuaWNvblNpemVzLmxhcmdlO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBwcm9wcy50aGVtZS5pY29uU2l6ZXMubWVkaXVtO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0QWxpZ25tZW50KHByb3BzKSB7XHJcbiAgICBzd2l0Y2ggKHByb3BzLmljb25BbGlnbikge1xyXG4gICAgICAgIGNhc2UgSWNvbkFsaWdubWVudC5jZW50ZXI6XHJcbiAgICAgICAgICAgIHJldHVybiBgY2VudGVyYDtcclxuICAgICAgICBjYXNlIEljb25BbGlnbm1lbnQudG9wOlxyXG4gICAgICAgICAgICByZXR1cm4gYGZsZXgtc3RhcnRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgY2VudGVyYDtcclxuICAgIH1cclxufVxyXG5leHBvcnQgZnVuY3Rpb24gZ2V0TGlzdERpc3BsYXkocHJvcHMpIHtcclxuICAgIGlmIChwcm9wcy5pY29uKSB7XHJcbiAgICAgICAgcmV0dXJuICdncmlkJztcclxuICAgIH1cclxuICAgIHJldHVybiAnbGlzdC1pdGVtJztcclxufVxyXG5jb25zdCBMaXN0U3R5bGVzID0gcHJvcHMgPT4gY3NzIGBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlLXR5cGU6ICR7cHJvcHMubGlzdFR5cGV9O1xuICBjb2xvcjogJHtwcm9wcy5pc0ludmVyc2VcclxuICAgID8gcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwwOFxyXG4gICAgOiBwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbH07XG4gIGxpIHtcbiAgICBhbGlnbi1pdGVtczogJHtnZXRMaXN0QWxpZ25tZW50KHByb3BzKX07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtwcm9wcy5zcGFjaW5nU3R5bGV9O1xuICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICdhIGInO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byAxZnI7XG4gIH1cbiAgc3BhbiB7XG4gICAgbWFyZ2luOiAke3Byb3BzLmljb25TaXplID09PSAnc21hbGwnXHJcbiAgICA/ICcwIDE2cHggMCAwJ1xyXG4gICAgOiBwcm9wcy5pY29uU2l6ZSA9PT0gJ2xhcmdlJ1xyXG4gICAgICAgID8gJzAgMjZweCAwIDAnXHJcbiAgICAgICAgOiAnMCAxOHB4IDAgMCd9O1xuICB9XG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMC44ZW07XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgZ3JpZC10ZW1wbGF0ZTogJ2InO1xuICAgIGdyaWQtY29sdW1uLXN0YXJ0OiAyO1xuICB9XG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAke2dldEljb25TaXplcyhwcm9wcyl9cHg7XG4gICAgd2lkdGg6ICR7Z2V0SWNvblNpemVzKHByb3BzKX1weDtcbiAgfVxuYDtcclxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChUeXBvZ3JhcGh5Q29tcG9uZW50KSBgXG4gICR7TGlzdFN0eWxlc307XG5gO1xyXG5leHBvcnQgY29uc3QgTGlzdCA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcclxuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNvbG9yLCBkZXNjcmlwdGlvbiwgdGVzdElkLCBoYXNTdGFydCwgaWNvbiwgaWNvbkFsaWduLCBpY29uU2l6ZSwgaXNJbnZlcnNlOiBpc0ludmVyc2VQcm9wLCBpc09yZGVyZWQsIGlzUmV2ZXJzZWQsIGxpc3RUeXBlLCBzcGFjaW5nU3R5bGUsIHZpc3VhbFN0eWxlLCAuLi5yZXN0IH0gPSBwcm9wcztcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKGlzSW52ZXJzZVByb3ApO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KEludmVyc2VDb250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiB7IGlzSW52ZXJzZSB9IH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRMaXN0LCBPYmplY3QuYXNzaWduKHsgYXM6IGlzT3JkZXJlZCA/ICdvbCcgOiAndWwnLCBcImRhdGEtdGVzdGlkXCI6IHByb3BzLnRlc3RJZCwgZGVzY3JpcHRpb246IGRlc2NyaXB0aW9uLCBpY29uOiBpY29uLCBpY29uQWxpZ246IGljb25BbGlnbiwgaWNvblNpemU6IGljb25TaXplLCBpc0ludmVyc2U6IGlzSW52ZXJzZSwgdHlwZTogbGlzdFR5cGUgPyBsaXN0VHlwZSA6ICdpbmhlcml0JywgcmV2ZXJzZWQ6IGlzUmV2ZXJzZWQsIHJlZjogcmVmLCBzcGFjaW5nU3R5bGU6IG1hZ21hLnNwYWNlU2NhbGVbc3BhY2luZ1N0eWxlXSB8fCBzcGFjaW5nU3R5bGUsIHN0YXJ0OiBoYXNTdGFydCwgdGhlbWU6IHRoZW1lLCB2aXN1YWxTdHlsZTogdmlzdWFsU3R5bGUgPyB2aXN1YWxTdHlsZSA6IFR5cG9ncmFwaHlWaXN1YWxTdHlsZS5ib2R5TWVkaXVtIH0sIHJlc3QpLCBjaGlsZHJlbikpKTtcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxpc3QuanMubWFwIl19 */"));
-};
-
-var StyledList$3 = /*#__PURE__*/_styled(TypographyComponent)(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), ListStyles);
-var List$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-      description = props.description,
-      hasStart = props.hasStart,
-      icon = props.icon,
-      iconAlign = props.iconAlign,
-      iconSize = props.iconSize,
-      isInverseProp = props.isInverse,
-      isOrdered = props.isOrdered,
-      isReversed = props.isReversed,
-      listType = props.listType,
-      spacingStyle = props.spacingStyle,
-      visualStyle = props.visualStyle,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1m);
-
-  var theme = React.useContext(ThemeContext);
-  var isInverse = useIsInverse(isInverseProp);
-  return React.createElement(InverseContext.Provider, {
-    value: {
-      isInverse: isInverse
-    }
-  }, React.createElement(StyledList$3, Object.assign({
-    as: isOrdered ? 'ol' : 'ul',
-    "data-testid": props.testId,
-    description: description,
-    icon: icon,
-    iconAlign: iconAlign,
-    iconSize: iconSize,
-    isInverse: isInverse,
-    type: listType ? listType : 'inherit',
-    reversed: isReversed,
-    ref: ref,
-    spacingStyle: magma.spaceScale[spacingStyle] || spacingStyle,
-    start: hasStart,
-    theme: theme,
-    visualStyle: visualStyle ? visualStyle : exports.TypographyVisualStyle.bodyMedium
-  }, rest), children));
-});
-
-var _templateObject$W, _templateObject2$o;
-
-var ListItemStyles = function ListItemStyles(props) {
-  return /*#__PURE__*/core.css("display:", getListDisplay(props), ";margin:0;padding:0;margin-left:", props.icon ? 'inherit' : '1.1em', ";color:", props.description && !props.isInverse ? props.theme.colors.neutral03 : 'inherit', ";list-style-type:", props.icon || props.description ? 'none' : 'inherit', ";;label:ListItemStyles;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJy4uLy4uL3RoZW1lL3N0eWxlZCc7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgeyBnZXRMaXN0RGlzcGxheSB9IGZyb20gJy4vJztcclxuaW1wb3J0IHsgbWFnbWEgfSBmcm9tICcuLi8uLi90aGVtZS9tYWdtYSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL3RoZW1lL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IEludmVyc2VDb250ZXh0LCB1c2VJc0ludmVyc2UgfSBmcm9tICcuLi8uLi9pbnZlcnNlJztcclxuY29uc3QgTGlzdEl0ZW1TdHlsZXMgPSBwcm9wcyA9PiBjc3MgYFxuICBkaXNwbGF5OiAke2dldExpc3REaXNwbGF5KHByb3BzKX07XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luLWxlZnQ6ICR7cHJvcHMuaWNvbiA/ICdpbmhlcml0JyA6ICcxLjFlbSd9O1xuICBjb2xvcjogJHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAhcHJvcHMuaXNJbnZlcnNlXHJcbiAgICA/IHByb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMDNcclxuICAgIDogJ2luaGVyaXQnfTtcbiAgbGlzdC1zdHlsZS10eXBlOiAke3Byb3BzLmljb24gfHwgcHJvcHMuZGVzY3JpcHRpb24gPyAnbm9uZScgOiAnaW5oZXJpdCd9O1xuYDtcclxuY29uc3QgSWNvblN0eWxlcyA9IHByb3BzID0+IGNzcyBgXG4gIGJhY2tncm91bmQ6ICR7cHJvcHMuaWNvbkJhY2tncm91bmR9O1xuICBjb2xvcjogJHtwcm9wcy5pY29uQ29sb3J9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxMHB4O1xuYDtcclxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGkgYFxuICAke0xpc3RJdGVtU3R5bGVzfTtcbmA7XHJcbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQuc3BhbiBgXG4gICR7SWNvblN0eWxlc307XG5gO1xyXG5leHBvcnQgY29uc3QgTGlzdEl0ZW0gPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBkZXNjcmlwdGlvbiwgaWNvbiwgaWNvbkFsaWduLCBpY29uQmFja2dyb3VuZCwgaWNvbkNvbG9yLCB0ZXN0SWQsIGlzSW52ZXJzZTogaXNJbnZlcnNlUHJvcCwgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgdGhlbWUgPSBSZWFjdC51c2VDb250ZXh0KFRoZW1lQ29udGV4dCk7XHJcbiAgICBjb25zdCBpc0ludmVyc2UgPSB1c2VJc0ludmVyc2UoaXNJbnZlcnNlUHJvcCk7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoSW52ZXJzZUNvbnRleHQuUHJvdmlkZXIsIHsgdmFsdWU6IHsgaXNJbnZlcnNlIH0gfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZExpc3RJdGVtLCB7IGFzOiBkZXNjcmlwdGlvbiA/ICdwJyA6ICdsaScsIGRlc2NyaXB0aW9uOiBkZXNjcmlwdGlvbiwgaWNvbjogaWNvbiwgaWNvbkFsaWduOiBpY29uQWxpZ24sIGlzSW52ZXJzZTogaXNJbnZlcnNlLCB0aGVtZTogdGhlbWUsIHRlc3RJZDogdGVzdElkIH0sXHJcbiAgICAgICAgICAgIGljb24gJiYgKFJlYWN0LmNyZWF0ZUVsZW1lbnQoU3R5bGVkSWNvbiwgeyBpY29uQmFja2dyb3VuZDogbWFnbWEuY29sb3JzW2ljb25CYWNrZ3JvdW5kXSB8fCBtYWdtYS5jb2xvcnMucHJpbWFyeSwgaWNvbkNvbG9yOiBtYWdtYS5jb2xvcnNbaWNvbkNvbG9yXSB8fCBtYWdtYS5jb2xvcnMubmV1dHJhbDA4LCB0aGVtZTogdGhlbWUgfSwgaWNvbikpLFxyXG4gICAgICAgICAgICBjaGlsZHJlbikpKTtcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxpc3RJdGVtLmpzLm1hcCJdfQ== */"));
-};
-
-var IconStyles = function IconStyles(props) {
-  return /*#__PURE__*/core.css("background:", props.iconBackground, ";color:", props.iconColor, ";border-radius:50%;display:inline-flex;padding:10px;;label:IconStyles;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdDIiwiZmlsZSI6Ikxpc3RJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICcuLi8uLi90aGVtZS9zdHlsZWQnO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgZ2V0TGlzdERpc3BsYXkgfSBmcm9tICcuLyc7XHJcbmltcG9ydCB7IG1hZ21hIH0gZnJvbSAnLi4vLi4vdGhlbWUvbWFnbWEnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgeyBJbnZlcnNlQ29udGV4dCwgdXNlSXNJbnZlcnNlIH0gZnJvbSAnLi4vLi4vaW52ZXJzZSc7XHJcbmNvbnN0IExpc3RJdGVtU3R5bGVzID0gcHJvcHMgPT4gY3NzIGBcbiAgZGlzcGxheTogJHtnZXRMaXN0RGlzcGxheShwcm9wcyl9O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbi1sZWZ0OiAke3Byb3BzLmljb24gPyAnaW5oZXJpdCcgOiAnMS4xZW0nfTtcbiAgY29sb3I6ICR7cHJvcHMuZGVzY3JpcHRpb24gJiYgIXByb3BzLmlzSW52ZXJzZVxyXG4gICAgPyBwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDAzXHJcbiAgICA6ICdpbmhlcml0J307XG4gIGxpc3Qtc3R5bGUtdHlwZTogJHtwcm9wcy5pY29uIHx8IHByb3BzLmRlc2NyaXB0aW9uID8gJ25vbmUnIDogJ2luaGVyaXQnfTtcbmA7XHJcbmNvbnN0IEljb25TdHlsZXMgPSBwcm9wcyA9PiBjc3MgYFxuICBiYWNrZ3JvdW5kOiAke3Byb3BzLmljb25CYWNrZ3JvdW5kfTtcbiAgY29sb3I6ICR7cHJvcHMuaWNvbkNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMTBweDtcbmA7XHJcbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpIGBcbiAgJHtMaXN0SXRlbVN0eWxlc307XG5gO1xyXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLnNwYW4gYFxuICAke0ljb25TdHlsZXN9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExpc3RJdGVtID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xyXG4gICAgY29uc3QgeyBjaGlsZHJlbiwgZGVzY3JpcHRpb24sIGljb24sIGljb25BbGlnbiwgaWNvbkJhY2tncm91bmQsIGljb25Db2xvciwgdGVzdElkLCBpc0ludmVyc2U6IGlzSW52ZXJzZVByb3AsIH0gPSBwcm9wcztcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKGlzSW52ZXJzZVByb3ApO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KEludmVyc2VDb250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiB7IGlzSW52ZXJzZSB9IH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRMaXN0SXRlbSwgeyBhczogZGVzY3JpcHRpb24gPyAncCcgOiAnbGknLCBkZXNjcmlwdGlvbjogZGVzY3JpcHRpb24sIGljb246IGljb24sIGljb25BbGlnbjogaWNvbkFsaWduLCBpc0ludmVyc2U6IGlzSW52ZXJzZSwgdGhlbWU6IHRoZW1lLCB0ZXN0SWQ6IHRlc3RJZCB9LFxyXG4gICAgICAgICAgICBpY29uICYmIChSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEljb24sIHsgaWNvbkJhY2tncm91bmQ6IG1hZ21hLmNvbG9yc1tpY29uQmFja2dyb3VuZF0gfHwgbWFnbWEuY29sb3JzLnByaW1hcnksIGljb25Db2xvcjogbWFnbWEuY29sb3JzW2ljb25Db2xvcl0gfHwgbWFnbWEuY29sb3JzLm5ldXRyYWwwOCwgdGhlbWU6IHRoZW1lIH0sIGljb24pKSxcclxuICAgICAgICAgICAgY2hpbGRyZW4pKSk7XHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaXN0SXRlbS5qcy5tYXAiXX0= */"));
-};
-
-var StyledListItem$1 = /*#__PURE__*/_styled.li(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), ListItemStyles);
-var StyledIcon$1 = /*#__PURE__*/_styled.span(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), IconStyles);
-var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-      description = props.description,
-      icon = props.icon,
-      iconAlign = props.iconAlign,
-      iconBackground = props.iconBackground,
-      iconColor = props.iconColor,
-      testId = props.testId,
-      isInverseProp = props.isInverse;
-  var theme = React.useContext(ThemeContext);
-  var isInverse = useIsInverse(isInverseProp);
-  return React.createElement(InverseContext.Provider, {
-    value: {
-      isInverse: isInverse
-    }
-  }, React.createElement(StyledListItem$1, {
-    as: description ? 'p' : 'li',
-    description: description,
-    icon: icon,
-    iconAlign: iconAlign,
-    isInverse: isInverse,
-    theme: theme,
-    testId: testId
-  }, icon && React.createElement(StyledIcon$1, {
-    iconBackground: magma.colors[iconBackground] || magma.colors.primary,
-    iconColor: magma.colors[iconColor] || magma.colors.neutral08,
-    theme: theme
-  }, icon), children));
-});
-
 var _excluded$1n = ["borderStyle", "children", "testId", "isInverse"];
 
 var _templateObject$X;