@redsift/design-system 7.5.0-alpha.1 → 7.5.1

package/index.js

@@ -1,8 +1,8 @@
-import { useLocalizedStringFormatter, I18nProvider, useNumberFormatter } from '@react-aria/i18n';
+import { I18nProvider, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
 export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
 export { SSRProvider, useIsSSR } from '@react-aria/ssr';
 import * as React from 'react';
-import React__default, { useState, useEffect, forwardRef, useRef, useCallback, useContext, useMemo, useReducer, useLayoutEffect, useId as useId$1 } from 'react';
+import React__default, { useState, useEffect, forwardRef, useMemo, useContext, useRef, useCallback, useReducer, useLayoutEffect, useId as useId$1 } from 'react';
 import classNames from 'classnames';
 import { mdiClose, mdiAlert, mdiCheckCircle, mdiInformation, mdiMenu, mdiMenuOpen, mdiChevronDown, mdiChevronRight, mdiChevronUp, mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline, mdiPageLast, mdiKeyboardCaps, mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
 import styled, { css } from 'styled-components';
@@ -205,7 +205,7 @@ function partitionComponents(components, predicates) {
 
 /**
  * Do not edit directly
- * Generated on Tue, 21 Feb 2023 15:02:26 GMT
+ * Generated on Tue, 14 Mar 2023 15:14:37 GMT
  */
 
 const RedsiftColorDefaultPrimary = '#0079e1';
@@ -214,76 +214,91 @@ const RedsiftColorDefaultHover = '#dce8f3';
 const RedsiftColorDefaultActive = '#c4dcf1';
 const RedsiftColorDefaultActiveHover = '#abcfef';
 const RedsiftColorDefaultPrimaryActive = '#004a8a';
+const RedsiftColorDefaultPrimaryActiveHover = '#00427c';
 const RedsiftColorWebsitePrimary = '#0079e1';
 const RedsiftColorWebsiteSecondary = '#0063b9';
 const RedsiftColorWebsiteHover = '#dce8f3';
 const RedsiftColorWebsiteActive = '#c4dcf1';
 const RedsiftColorWebsiteActiveHover = '#abcfef';
 const RedsiftColorWebsitePrimaryActive = '#004a8a';
+const RedsiftColorWebsitePrimaryActiveHover = '#00427c';
 const RedsiftColorOndmarcPrimary = '#02ac61';
 const RedsiftColorOndmarcSecondary = '#009252';
 const RedsiftColorOndmarcHover = '#dcede6';
 const RedsiftColorOndmarcActive = '#c4e6d7';
 const RedsiftColorOndmarcActiveHover = '#acdfc8';
 const RedsiftColorOndmarcPrimaryActive = '#00512e';
+const RedsiftColorOndmarcPrimaryActiveHover = '#004829';
 const RedsiftColorOninboxPrimary = '#33b222';
 const RedsiftColorOninboxSecondary = '#268519';
 const RedsiftColorOninboxHover = '#e1eedf';
 const RedsiftColorOninboxActive = '#cee8cb';
 const RedsiftColorOninboxActiveHover = '#bae0b5';
 const RedsiftColorOninboxPrimaryActive = '#164e0e';
+const RedsiftColorOninboxPrimaryActiveHover = '#13460c';
 const RedsiftColorOndomainPrimary = '#028062';
 const RedsiftColorOndomainSecondary = '#015944';
 const RedsiftColorOndomainHover = '#dce9e6';
 const RedsiftColorOndomainActive = '#c4ded8';
 const RedsiftColorOndomainActiveHover = '#acd1c8';
 const RedsiftColorOndomainPrimaryActive = '#003f30';
+const RedsiftColorOndomainPrimaryActiveHover = '#00382b';
 const RedsiftColorHardenizePrimary = '#0f7ab3';
 const RedsiftColorHardenizeSecondary = '#3498db';
 const RedsiftColorHardenizeHover = '#dee8ee';
 const RedsiftColorHardenizeActive = '#c7dce8';
 const RedsiftColorHardenizeActiveHover = '#b0d0e1';
 const RedsiftColorHardenizePrimaryActive = '#0a5379';
+const RedsiftColorHardenizePrimaryActiveHover = '#094a6c';
 const RedsiftColorToolsPrimary = '#37bdfb';
 const RedsiftColorToolsSecondary = '#02a2ef';
 const RedsiftColorToolsHover = '#e2eff5';
 const RedsiftColorToolsActive = '#cfeaf6';
 const RedsiftColorToolsActiveHover = '#bce4f6';
 const RedsiftColorToolsPrimaryActive = '#237ea8';
+const RedsiftColorToolsPrimaryActiveHover = '#1f7197';
 const RedsiftColorSuccessPrimary = '#02ac61';
 const RedsiftColorSuccessSecondary = '#009252';
 const RedsiftColorSuccessHover = '#dcede6';
 const RedsiftColorSuccessActive = '#c4e6d7';
 const RedsiftColorSuccessActiveHover = '#acdfc8';
 const RedsiftColorSuccessPrimaryActive = '#00512e';
+const RedsiftColorSuccessPrimaryActiveHover = '#004829';
 const RedsiftColorErrorPrimary = '#e11010';
 const RedsiftColorErrorSecondary = '#b41010';
 const RedsiftColorErrorHover = '#f3dede';
 const RedsiftColorErrorActive = '#f1c7c7';
 const RedsiftColorErrorActiveHover = '#efb0b0';
 const RedsiftColorErrorPrimaryActive = '#770a0a';
+const RedsiftColorErrorPrimaryActiveHover = '#6b0909';
 const RedsiftColorWarningPrimary = '#fcbb54';
 const RedsiftColorWarningSecondary = '#c09300';
 const RedsiftColorWarningHover = '#f5efe4';
 const RedsiftColorWarningActive = '#f6e9d5';
 const RedsiftColorWarningActiveHover = '#f7e3c4';
 const RedsiftColorWarningPrimaryActive = '#ae833f';
+const RedsiftColorWarningPrimaryActiveHover = '#9c7538';
 const RedsiftColorInfoPrimary = '#0079e1';
 const RedsiftColorInfoSecondary = '#0063b9';
 const RedsiftColorInfoHover = '#dce8f3';
 const RedsiftColorInfoActive = '#c4dcf1';
 const RedsiftColorInfoActiveHover = '#abcfef';
 const RedsiftColorInfoPrimaryActive = '#004a8a';
+const RedsiftColorInfoPrimaryActiveHover = '#00427c';
 const RedsiftColorQuestionPrimary = '#666666';
 const RedsiftColorQuestionSecondary = '#1c1c1c';
 const RedsiftColorQuestionHover = '#e6e6e6';
 const RedsiftColorQuestionActive = '#d8d8d8';
 const RedsiftColorQuestionActiveHover = '#cacaca';
+const RedsiftColorQuestionPrimaryActive = '#111111';
+const RedsiftColorQuestionPrimaryActiveHover = '#0f0f0f';
 const RedsiftColorNoDataPrimary = '#bdbdbd';
 const RedsiftColorNoDataSecondary = '#666666';
 const RedsiftColorNoDataHover = '#efefef';
 const RedsiftColorNoDataActive = '#eaeaea';
 const RedsiftColorNoDataActiveHover = '#e4e4e4';
+const RedsiftColorNoDataPrimaryActive = '#3d3d3d';
+const RedsiftColorNoDataPrimaryActiveHover = '#363636';
 const RedsiftColorNeutralBlack = '#1c1c1c';
 const RedsiftColorNeutralDarkgrey = '#666666';
 const RedsiftColorNeutralMidgrey = '#bdbdbd';
@@ -355,6 +370,14 @@ const RedsiftSideNavigationColorMenuItemBackgroundActive = '#39394C';
 const RedsiftSideNavigationColorMenuItemActive = '#02AC61';
 const RedsiftSideNavigationColorScrollbarResting = '#4C4C64';
 const RedsiftSideNavigationColorScrollbarHover = '#5d5d73';
+const RedsiftLayoutZIndexFooter = '1000';
+const RedsiftLayoutZIndexHeader = '1010';
+const RedsiftLayoutZIndexSidePanel = '1050';
+const RedsiftLayoutZIndexDropdown = '1100';
+const RedsiftLayoutZIndexOverlay = '1150';
+const RedsiftLayoutZIndexDialog = '1200';
+const RedsiftLayoutZIndexPopover = '1250';
+const RedsiftLayoutZIndexTooltip = '1300';
 const RedsiftTypographyFontFamilyRaleway = "'Raleway', sans-serif";
 const RedsiftTypographyFontFamilyElectrolize = "'electrolize', sans-serif";
 const RedsiftTypographyFontFamilySourceCodePro = "'Source Code Pro', sans-serif";
@@ -1090,7 +1113,7 @@ const StyledButton = styled.button`
               color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : `var(--redsift-color-${$color}-secondary)`};
             }
           ` : css`
-            background-color: ${$isDisabled ? 'var(--redsift-color-neutral-lightgrey)' : `var(--redsift-color-${$color}-secondary)`};
+            background-color: ${$isActive ? `var(--redsift-color-${$color}-primary-active-hover)` : $isDisabled ? 'var(--redsift-color-neutral-lightgrey)' : `var(--redsift-color-${$color}-secondary)`};
             &,
             .redsift-icon {
               color: ${$isDisabled ? 'var(--redsift-color-neutral-midgrey)' : 'var(--redsift-color-neutral-white)'};
@@ -1159,6 +1182,103 @@ const StyledSpinner = styled.img`
   vertical-align: -0.125em;
 `;
 
+const AppContainerContext = /*#__PURE__*/React__default.createContext(null);
+
+/**
+ * Component style.
+ */
+const StyledAppContainer = styled.div`
+  ${_ref => {
+  let {
+    $productTheme
+  } = _ref;
+  return $productTheme && Object.keys(ProductColorPalette).indexOf($productTheme) !== -1 ? css`
+          --redsift-color-default-primary: var(
+            --redsift-color-${$productTheme}-primary
+          );
+          --redsift-color-default-secondary: var(
+            --redsift-color-${$productTheme}-secondary
+          );
+          --redsift-color-default-hover: var(
+            --redsift-color-${$productTheme}-hover
+          );
+          --redsift-color-default-active: var(
+            --redsift-color-${$productTheme}-active
+          );
+          --redsift-color-default-active-hover: var(
+            --redsift-color-${$productTheme}-active-hover
+          );
+          --redsift-color-default-primary-active: var(
+            --redsift-color-${$productTheme}-primary-active
+          );
+        ` : '';
+}}
+`;
+
+const _excluded$C = ["children", "className", "locale", "productTheme"];
+const COMPONENT_NAME$E = 'AppContainer';
+const CLASSNAME$E = 'redsift-app-container';
+const DEFAULT_PROPS$E = {};
+
+/**
+ * The AppContainer component.
+ */
+const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      locale,
+      productTheme
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$C);
+  const {
+    hasAppBar,
+    hasAppSidePanel,
+    hasAppContent
+  } = useMemo(() => {
+    const [[appBar], [appSidePanel], [appContent]] = partitionComponents(React__default.Children.toArray(children), [isComponent('AppBar'), isComponent('AppSidePanel'), isComponent('AppContent')]);
+    return {
+      hasAppBar: Boolean(appBar),
+      hasAppSidePanel: Boolean(appSidePanel),
+      hasAppContent: Boolean(appContent)
+    };
+  }, [children]);
+  if ((hasAppBar || hasAppSidePanel || hasAppContent) && !(hasAppBar && hasAppSidePanel && hasAppContent)) {
+    console.warn('Missing AppSidePanel, AppBar or AppContent inside AppContainer. These components are meant to work together.');
+  }
+  const [isSidePanelCollapsed, setIsSidePanelCollapsed] = useState(false);
+  const [title, setTitle] = useState();
+  const state = {
+    collapseSidePanel() {
+      setIsSidePanelCollapsed(true);
+    },
+    expandSidePanel() {
+      setIsSidePanelCollapsed(false);
+    },
+    hasAppBar,
+    hasAppSidePanel,
+    hasAppContent,
+    setTitle(title) {
+      setTitle(title);
+    },
+    isSidePanelCollapsed,
+    productTheme,
+    title
+  };
+  return /*#__PURE__*/React__default.createElement(StyledAppContainer, _extends$1({}, forwardedProps, {
+    $productTheme: productTheme,
+    className: classNames(AppContainer.className, className),
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement(AppContainerContext.Provider, {
+    value: state
+  }, /*#__PURE__*/React__default.createElement(I18nProvider, {
+    locale: locale
+  }, children)));
+});
+AppContainer.className = CLASSNAME$E;
+AppContainer.defaultProps = DEFAULT_PROPS$E;
+AppContainer.displayName = COMPONENT_NAME$E;
+
 var spinnerDefault = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzAwNzllMSIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwMDc5ZTEiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
 
 var spinnerHardenize = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzBmN2FiMyIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwZjdhYjMiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
@@ -1177,7 +1297,7 @@ var spinnerTools = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My
 
 var spinnerWebsite = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzAwNzllMSIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwMDc5ZTEiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
 
-const _excluded$C = ["aria-hidden", "aria-label", "className", "color", "size"];
+const _excluded$B = ["aria-hidden", "aria-label", "className", "color", "size"];
 const colorToFile = {
   default: spinnerDefault,
   hardenize: spinnerHardenize,
@@ -1189,9 +1309,9 @@ const colorToFile = {
   tools: spinnerTools,
   website: spinnerWebsite
 };
-const COMPONENT_NAME$E = 'Spinner';
-const CLASSNAME$E = 'redsift-shield';
-const DEFAULT_PROPS$E = {
+const COMPONENT_NAME$D = 'Spinner';
+const CLASSNAME$D = 'redsift-shield';
+const DEFAULT_PROPS$D = {
   color: ColorPalette.default,
   size: SpinnerSize.medium
 };
@@ -1229,14 +1349,16 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
       'aria-hidden': ariaHidden,
       'aria-label': ariaLabel,
       className,
-      color,
+      color: propsColor,
       size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$C);
+    forwardedProps = _objectWithoutProperties(props, _excluded$B);
   const {
     width,
     height
   } = sizeToDimension(size);
+  const appContainerState = useContext(AppContainerContext);
+  const color = propsColor === ColorPalette.default && appContainerState && appContainerState.productTheme ? appContainerState.productTheme : propsColor;
   const stringFormatter = useLocalizedStringFormatter(intlMessages$4);
   return /*#__PURE__*/React__default.createElement(StyledSpinner, _extends$1({
     alt: stringFormatter.format('loading')
@@ -1252,14 +1374,14 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
     $size: size
   }));
 });
-Spinner.className = CLASSNAME$E;
-Spinner.defaultProps = DEFAULT_PROPS$E;
-Spinner.displayName = COMPONENT_NAME$E;
+Spinner.className = CLASSNAME$D;
+Spinner.defaultProps = DEFAULT_PROPS$D;
+Spinner.displayName = COMPONENT_NAME$D;
 
-const _excluded$B = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isLoading", "leftIcon", "onPress", "rightIcon", "variant"];
-const COMPONENT_NAME$D = 'Button';
-const CLASSNAME$D = 'redsift-button';
-const DEFAULT_PROPS$D = {
+const _excluded$A = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isLoading", "leftIcon", "onPress", "rightIcon", "variant"];
+const COMPONENT_NAME$C = 'Button';
+const CLASSNAME$C = 'redsift-button';
+const DEFAULT_PROPS$C = {
   color: ColorPalette.default,
   height: 'fit-content',
   variant: ButtonVariant.primary
@@ -1275,7 +1397,8 @@ const DEFAULT_PROPS$D = {
 const Button = /*#__PURE__*/forwardRef((props, ref) => {
   const buttonRef = ref || useRef();
   const {
-    buttonProps
+    buttonProps,
+    isPressed
   } = useButton(_objectSpread2(_objectSpread2({}, props), {}, {
     isDisabled: props.isLoading || props.isDisabled || props.disabled,
     preventFocusOnPress: true
@@ -1295,11 +1418,11 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
       rightIcon,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$B);
+    forwardedProps = _objectWithoutProperties(props, _excluded$A);
   return /*#__PURE__*/React__default.createElement(StyledButton, _extends$1({}, forwardedProps, buttonProps, {
     $color: color,
     $fullWidth: fullWidth,
-    $isActive: isActive,
+    $isActive: isActive || isPressed,
     $isDisabled: isLoading || isDisabled || disabled,
     $variant: variant,
     "aria-disabled": isLoading || isDisabled || disabled,
@@ -1319,9 +1442,9 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
     className: "right"
   }) : null);
 });
-Button.className = CLASSNAME$D;
-Button.defaultProps = DEFAULT_PROPS$D;
-Button.displayName = COMPONENT_NAME$D;
+Button.className = CLASSNAME$C;
+Button.defaultProps = DEFAULT_PROPS$C;
+Button.displayName = COMPONENT_NAME$C;
 
 /**
  * Component style.
@@ -1337,10 +1460,10 @@ const StyledIconButton = styled(StyledButton)`
 }};
 `;
 
-const _excluded$A = ["className", "color", "disabled", "icon", "isActive", "isDisabled", "onPress", "variant"];
-const COMPONENT_NAME$C = 'IconButton';
-const CLASSNAME$C = 'redsift-icon-button';
-const DEFAULT_PROPS$C = {
+const _excluded$z = ["className", "color", "disabled", "icon", "isActive", "isDisabled", "onPress", "variant"];
+const COMPONENT_NAME$B = 'IconButton';
+const CLASSNAME$B = 'redsift-icon-button';
+const DEFAULT_PROPS$B = {
   color: ColorPalette.default,
   height: 'fit-content',
   variant: IconButtonVariant.unstyled
@@ -1355,7 +1478,8 @@ const DEFAULT_PROPS$C = {
 const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
   const buttonRef = ref || useRef();
   const {
-    buttonProps
+    buttonProps,
+    isPressed
   } = useButton(_objectSpread2(_objectSpread2({}, props), {}, {
     isDisabled: props.isDisabled || props.disabled,
     preventFocusOnPress: true
@@ -1371,11 +1495,11 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
       onPress,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$A);
+    forwardedProps = _objectWithoutProperties(props, _excluded$z);
   warnIfNoAccessibleLabelFound(props);
   return /*#__PURE__*/React__default.createElement(StyledIconButton, _extends$1({}, forwardedProps, buttonProps, {
     $color: isDisabled || disabled ? undefined : color,
-    $isActive: isActive,
+    $isActive: isActive || isPressed,
     $isDisabled: isDisabled || disabled,
     $variant: variant,
     "aria-disabled": isDisabled || disabled,
@@ -1387,9 +1511,9 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
     color: isDisabled || disabled ? undefined : color
   }));
 });
-IconButton.className = CLASSNAME$C;
-IconButton.defaultProps = DEFAULT_PROPS$C;
-IconButton.displayName = COMPONENT_NAME$C;
+IconButton.className = CLASSNAME$B;
+IconButton.defaultProps = DEFAULT_PROPS$B;
+IconButton.displayName = COMPONENT_NAME$B;
 
 /**
  * Component style.
@@ -1529,10 +1653,10 @@ const StyledHeading = styled.span`
 }}
 `;
 
-const _excluded$z = ["as", "children", "className", "noWrap", "variant"];
-const COMPONENT_NAME$B = 'Heading';
-const CLASSNAME$B = 'redsift-heading';
-const DEFAULT_PROPS$B = {};
+const _excluded$y = ["as", "children", "className", "noWrap", "variant"];
+const COMPONENT_NAME$A = 'Heading';
+const CLASSNAME$A = 'redsift-heading';
+const DEFAULT_PROPS$A = {};
 
 /**
  * The Heading component.
@@ -1545,7 +1669,7 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
       noWrap,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$z);
+    forwardedProps = _objectWithoutProperties(props, _excluded$y);
   return /*#__PURE__*/React__default.createElement(StyledHeading, _extends$1({
     as: as
   }, forwardedProps, {
@@ -1555,9 +1679,9 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant ? variant : as === 'span' ? 'body' : as
   }), children);
 });
-Heading.className = CLASSNAME$B;
-Heading.defaultProps = DEFAULT_PROPS$B;
-Heading.displayName = COMPONENT_NAME$B;
+Heading.className = CLASSNAME$A;
+Heading.defaultProps = DEFAULT_PROPS$A;
+Heading.displayName = COMPONENT_NAME$A;
 
 /**
  * Component style.
@@ -1575,10 +1699,10 @@ const StyledFlexbox = styled.div`
   ${baseFlexbox}
 `;
 
-const _excluded$y = ["children", "className"];
-const COMPONENT_NAME$A = 'Flexbox';
-const CLASSNAME$A = 'redsift-flex-box';
-const DEFAULT_PROPS$A = {
+const _excluded$x = ["children", "className"];
+const COMPONENT_NAME$z = 'Flexbox';
+const CLASSNAME$z = 'redsift-flex-box';
+const DEFAULT_PROPS$z = {
   gap: '16px'
 };
 
@@ -1590,20 +1714,20 @@ const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$y);
+    forwardedProps = _objectWithoutProperties(props, _excluded$x);
   return /*#__PURE__*/React__default.createElement(StyledFlexbox, _extends$1({}, forwardedProps, {
     className: classNames(Flexbox.className, className),
     ref: ref
   }), children);
 });
-Flexbox.className = CLASSNAME$A;
-Flexbox.defaultProps = DEFAULT_PROPS$A;
-Flexbox.displayName = COMPONENT_NAME$A;
-
-const _excluded$x = ["children", "className", "isClosable", "isClosed", "onClose", "title", "variant"];
-const COMPONENT_NAME$z = 'Alert';
-const CLASSNAME$z = 'redsift-alert';
-const DEFAULT_PROPS$z = {
+Flexbox.className = CLASSNAME$z;
+Flexbox.defaultProps = DEFAULT_PROPS$z;
+Flexbox.displayName = COMPONENT_NAME$z;
+
+const _excluded$w = ["children", "className", "isClosable", "isClosed", "onClose", "title", "variant"];
+const COMPONENT_NAME$y = 'Alert';
+const CLASSNAME$y = 'redsift-alert';
+const DEFAULT_PROPS$y = {
   variant: 'info'
 };
 const getVariant$1 = variant => {
@@ -1645,7 +1769,7 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
       title,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$x);
+    forwardedProps = _objectWithoutProperties(props, _excluded$w);
   const stringFormatter = useLocalizedStringFormatter(intlMessages$5);
   const {
     color,
@@ -1691,9 +1815,9 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${Alert.className}__content`
   }, children) : null);
 });
-Alert.className = CLASSNAME$z;
-Alert.defaultProps = DEFAULT_PROPS$z;
-Alert.displayName = COMPONENT_NAME$z;
+Alert.className = CLASSNAME$y;
+Alert.defaultProps = DEFAULT_PROPS$y;
+Alert.displayName = COMPONENT_NAME$y;
 
 var expand$5 = "Expand left side panel";
 var collapse$5 = "Collapse left side panel";
@@ -1714,8 +1838,6 @@ var intlMessages$3 = {
   'fr-FR': frFR$3
 };
 
-const AppContainerContext = /*#__PURE__*/React__default.createContext(null);
-
 const useIsLoaded = () => {
   const [isLoaded, setIsLoaded] = useState(false);
   useEffect(() => {
@@ -1741,7 +1863,7 @@ const StyledAppBar = styled.header`
   left: 0;
   position: fixed;
   top: 0;
-  z-index: 1;
+  z-index: var(--redsift-layout-z-index-header);
 
   ${_ref => {
   let {
@@ -1792,10 +1914,10 @@ const StyledAppBar = styled.header`
   }
 `;
 
-const _excluded$w = ["children", "className", "collapseIconButtonProps", "collapseIconButtonRef", "expandIconButtonProps", "expandIconButtonRef", "fallbackTitle", "title"];
-const COMPONENT_NAME$y = 'AppBar';
-const CLASSNAME$y = 'redsift-app-bar';
-const DEFAULT_PROPS$y = {};
+const _excluded$v = ["children", "className", "collapseIconButtonProps", "collapseIconButtonRef", "expandIconButtonProps", "expandIconButtonRef", "fallbackTitle", "title"];
+const COMPONENT_NAME$x = 'AppBar';
+const CLASSNAME$x = 'redsift-app-bar';
+const DEFAULT_PROPS$x = {};
 
 /**
  * The AppBar component.
@@ -1811,7 +1933,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
       fallbackTitle,
       title: propsTitle
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$w);
+    forwardedProps = _objectWithoutProperties(props, _excluded$v);
   const {
     isLoaded
   } = useIsLoaded();
@@ -1850,103 +1972,9 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${AppBar.className}__right`
   }, children));
 });
-AppBar.className = CLASSNAME$y;
-AppBar.defaultProps = DEFAULT_PROPS$y;
-AppBar.displayName = COMPONENT_NAME$y;
-
-/**
- * Component style.
- */
-const StyledAppContainer = styled.div`
-  ${_ref => {
-  let {
-    $productTheme
-  } = _ref;
-  return $productTheme && Object.keys(ProductColorPalette).indexOf($productTheme) !== -1 ? css`
-          --redsift-color-default-primary: var(
-            --redsift-color-${$productTheme}-primary
-          );
-          --redsift-color-default-secondary: var(
-            --redsift-color-${$productTheme}-secondary
-          );
-          --redsift-color-default-hover: var(
-            --redsift-color-${$productTheme}-hover
-          );
-          --redsift-color-default-active: var(
-            --redsift-color-${$productTheme}-active
-          );
-          --redsift-color-default-active-hover: var(
-            --redsift-color-${$productTheme}-active-hover
-          );
-          --redsift-color-default-primary-active: var(
-            --redsift-color-${$productTheme}-primary-active
-          );
-        ` : '';
-}}
-`;
-
-const _excluded$v = ["children", "className", "locale", "productTheme"];
-const COMPONENT_NAME$x = 'AppContainer';
-const CLASSNAME$x = 'redsift-app-container';
-const DEFAULT_PROPS$x = {};
-
-/**
- * The AppContainer component.
- */
-const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      locale,
-      productTheme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$v);
-  const {
-    hasAppBar,
-    hasAppSidePanel,
-    hasAppContent
-  } = useMemo(() => {
-    const [[appBar], [appSidePanel], [appContent]] = partitionComponents(React__default.Children.toArray(children), [isComponent('AppBar'), isComponent('AppSidePanel'), isComponent('AppContent')]);
-    return {
-      hasAppBar: Boolean(appBar),
-      hasAppSidePanel: Boolean(appSidePanel),
-      hasAppContent: Boolean(appContent)
-    };
-  }, [children]);
-  if ((hasAppBar || hasAppSidePanel || hasAppContent) && !(hasAppBar && hasAppSidePanel && hasAppContent)) {
-    console.warn('Missing AppSidePanel, AppBar or AppContent inside AppContainer. These components are meant to work together.');
-  }
-  const [isSidePanelCollapsed, setIsSidePanelCollapsed] = useState(false);
-  const [title, setTitle] = useState();
-  const state = {
-    collapseSidePanel() {
-      setIsSidePanelCollapsed(true);
-    },
-    expandSidePanel() {
-      setIsSidePanelCollapsed(false);
-    },
-    hasAppBar,
-    hasAppSidePanel,
-    hasAppContent,
-    setTitle(title) {
-      setTitle(title);
-    },
-    isSidePanelCollapsed,
-    title
-  };
-  return /*#__PURE__*/React__default.createElement(StyledAppContainer, _extends$1({}, forwardedProps, {
-    $productTheme: productTheme,
-    className: classNames(AppContainer.className, className),
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement(AppContainerContext.Provider, {
-    value: state
-  }, /*#__PURE__*/React__default.createElement(I18nProvider, {
-    locale: locale
-  }, children)));
-});
-AppContainer.className = CLASSNAME$x;
-AppContainer.defaultProps = DEFAULT_PROPS$x;
-AppContainer.displayName = COMPONENT_NAME$x;
+AppBar.className = CLASSNAME$x;
+AppBar.defaultProps = DEFAULT_PROPS$x;
+AppBar.displayName = COMPONENT_NAME$x;
 
 /**
  * Component style.
@@ -2069,7 +2097,7 @@ const StyledAppSidePanel = styled.div`
   return !$isCollapsed ? 'visible' : 'hidden';
 }};
   width: 240px;
-  z-index: 1;
+  z-index: var(--redsift-layout-z-index-side-panel);
 
   .redsift-app-side-panel__header {
     align-items: center;
@@ -4797,24 +4825,26 @@ const StyledText = styled.span`
   } = _ref3;
   return !$variant ? css`
           ${$fontFamily ? css`
-                font-family: ${$fontFamily};
+                font-family: var(
+                  --redsift-typography-font-family-${$fontFamily}
+                );
               ` : ''}
           ${$fontSize ? css`
                 font-size: ${$fontSize};
               ` : ''}
           ${$as === TextComponent.b ? css`
-                font-weight: bold;
+                font-weight: var(--redsift-typography-font-weight-bold);
               ` : $as === TextComponent.sup || $as === TextComponent.sub ? css`
                 font-size: ${$fontSize ? $fontSize : '12px'};
               ` : ''}
         ` : $variant === TextVariant.inherit ? css`
-          font-family: ${$fontFamily ? $fontFamily : css`inherit`};
+          font-family: ${$fontFamily ? css`var(--redsift-typography-font-family-${$fontFamily})` : css`inherit`};
           font-size: ${$fontSize ? $fontSize : $as === TextComponent.sup || $as === TextComponent.sub ? '12px' : css`inherit`};
-          font-weight: ${$as === TextComponent.b ? 'bold' : 'inherit'};
+          font-weight: ${$as === TextComponent.b ? 'var(--redsift-typography-font-weight-bold)' : 'inherit'};
           line-height: inherit;
           text-transform: inherit;
         ` : css`
-          font-family: ${$fontFamily ? $fontFamily : css`var(--redsift-typography-${$variant}-font-family)`};
+          font-family: ${$fontFamily ? css`var(--redsift-typography-font-family-${$fontFamily})` : css`var(--redsift-typography-${$variant}-font-family)`};
           font-size: ${$fontSize ? $fontSize : css`var(--redsift-typography-${$variant}-font-size)`};
           font-weight: var(--redsift-typography-${$variant}-font-weight);
           line-height: var(--redsift-typography-${$variant}-line-height);
@@ -8393,22 +8423,21 @@ const TooltipPlacement = {
  */
 const StyledTooltipContent = styled.div`
   ${baseContainer}
-  max-width: calc(100vw - 16px);
 
-  display: flex;
   align-items: center;
-  padding: 4px 8px;
   background-color: var(--redsift-color-neutral-white);
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
   color: var(--redsift-color-neutral-black);
-
+  display: flex;
+  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14))
+    drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
   font-family: var(--redsift-typography-tooltip-font-family);
   font-size: var(--redsift-typography-tooltip-font-size);
   font-weight: var(--redsift-typography-tooltip-font-weight);
   line-height: var(--redsift-typography-tooltip-line-height);
-
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
-  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14))
-    drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
+  max-width: calc(100vw - 48px);
+  padding: 4px 8px;
+  z-index: var(--redsift-layout-z-index-tooltip);
 
   .redsift-tooltip-content__arrow {
     position: absolute;
@@ -9510,5 +9539,5 @@ Radio.className = CLASSNAME;
 Radio.defaultProps = DEFAULT_PROPS;
 Radio.displayName = COMPONENT_NAME;
 
-export { Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, FlexDirection, FlexWrap, Flexbox, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, JustifyContent, JustifyItems, JustifySelf, Link, LinkButton, NeutralColorPalette, Number$1 as Number, Pill, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Spinner, SpinnerSize, StyledButton, StyledLink, Text, TextComponent, TextVariant, filterComponents, isComponent, partitionComponents, useAppSidePanel, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
+export { Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ColorPalette, ConditionalWrapper, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, FlexDirection, FlexWrap, Flexbox, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, JustifyContent, JustifyItems, JustifySelf, Link, LinkButton, NeutralColorPalette, Number$1 as Number, Pill, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Spinner, SpinnerSize, StyledButton, StyledLink, Text, TextComponent, TextVariant, filterComponents, isComponent, partitionComponents, useAppSidePanel, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
 //# sourceMappingURL=index.js.map