@epignosis_llc/gnosis 6.6.3 → 6.6.9

package/dist/cjs/index.cjs

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.6.2
+   * @epignosis_llc/gnosis.js v6.6.8
    * Released under the MIT license.
    */
 
@@ -6828,7 +6828,7 @@ var palletGenerator = function palletGenerator(base) {
     darkest: Color$1(base).darken(0.6).hex()
   };
 };
-var colors$1 = {
+var colors$2 = {
   primary: palletGenerator(THEME_COLOURS.primary),
   secondary: palletGenerator(THEME_COLOURS.secondary),
   green: palletGenerator(THEME_COLOURS.green),
@@ -6846,532 +6846,532 @@ var hexToRGBA = function hexToRGBA(hex, alpha) {
 };
 
 var alert = {
-  closeBtnColor: colors$1.white,
+  closeBtnColor: colors$2.white,
   info: {
-    background: colors$1.primary.lighter,
-    borderColor: colors$1.primary.lighter,
-    color: colors$1.white
+    background: colors$2.primary.lighter,
+    borderColor: colors$2.primary.lighter,
+    color: colors$2.white
   },
   danger: {
-    background: colors$1.red.base,
-    borderColor: colors$1.red.base,
-    color: colors$1.white
+    background: colors$2.red.base,
+    borderColor: colors$2.red.base,
+    color: colors$2.white
   },
   success: {
-    background: colors$1.green.base,
-    borderColor: colors$1.green.base,
-    color: colors$1.white
+    background: colors$2.green.base,
+    borderColor: colors$2.green.base,
+    color: colors$2.white
   },
   warning: {
-    background: colors$1.orange.base,
-    borderColor: colors$1.orange.base,
-    color: colors$1.white
+    background: colors$2.orange.base,
+    borderColor: colors$2.orange.base,
+    color: colors$2.white
   }
 };
 
 var badge = {
-  background: colors$1.red.base,
-  color: colors$1.white,
-  border: colors$1.white
+  background: colors$2.red.base,
+  color: colors$2.white,
+  border: colors$2.white
 };
 
 var button = {
   disabled: {
-    background: colors$1.secondary.lighter,
-    color: colors$1.secondary.base,
-    borderColor: colors$1.secondary.base
+    background: colors$2.secondary.lighter,
+    color: colors$2.secondary.base,
+    borderColor: colors$2.secondary.base
   },
   primary: {
     "default": {
-      background: colors$1.primary.base,
-      borderColor: colors$1.primary.base,
-      color: colors$1.white,
+      background: colors$2.primary.base,
+      borderColor: colors$2.primary.base,
+      color: colors$2.white,
       borderRadius: "5px"
     },
     hover: {
-      background: colors$1.primary.light,
-      borderColor: colors$1.primary.light,
-      color: colors$1.white
+      background: colors$2.primary.light,
+      borderColor: colors$2.primary.light,
+      color: colors$2.white
     },
     active: {
-      background: colors$1.primary.base,
-      borderColor: colors$1.primary.base,
-      color: colors$1.white
+      background: colors$2.primary.base,
+      borderColor: colors$2.primary.base,
+      color: colors$2.white
     },
     ghost: {
-      color: colors$1.primary.base,
-      background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-      hoverColor: colors$1.primary.base
+      color: colors$2.primary.base,
+      background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+      hoverColor: colors$2.primary.base
     },
     outline: {
-      color: colors$1.primary.base,
-      borderColor: colors$1.primary.base
+      color: colors$2.primary.base,
+      borderColor: colors$2.primary.base
     },
     link: {
-      color: colors$1.primary.base,
-      hoverColor: colors$1.primary.light
+      color: colors$2.primary.base,
+      hoverColor: colors$2.primary.light
     }
   },
   secondary: {
     "default": {
-      background: colors$1.secondary.lighter,
-      borderColor: colors$1.secondary.lighter,
-      color: colors$1.black
+      background: colors$2.secondary.lighter,
+      borderColor: colors$2.secondary.lighter,
+      color: colors$2.black
     },
     hover: {
-      background: colors$1.secondary.base,
-      borderColor: colors$1.secondary.base,
-      color: colors$1.black
+      background: colors$2.secondary.base,
+      borderColor: colors$2.secondary.base,
+      color: colors$2.black
     },
     active: {
-      background: colors$1.secondary.lighter,
-      borderColor: colors$1.secondary.lighter,
-      color: colors$1.black
+      background: colors$2.secondary.lighter,
+      borderColor: colors$2.secondary.lighter,
+      color: colors$2.black
     },
     ghost: {
-      color: colors$1.black,
-      background: colors$1.secondary.light,
-      hoverColor: colors$1.black
+      color: colors$2.black,
+      background: colors$2.secondary.light,
+      hoverColor: colors$2.black
     },
     outline: {
-      color: colors$1.secondary.darker,
-      borderColor: colors$1.secondary.dark
+      color: colors$2.secondary.darker,
+      borderColor: colors$2.secondary.dark
     },
     link: {
-      color: colors$1.black,
-      hoverColor: colors$1.secondary.base
+      color: colors$2.black,
+      hoverColor: colors$2.secondary.base
     }
   },
   danger: {
     "default": {
-      background: colors$1.red.base,
-      borderColor: colors$1.red.base,
-      color: colors$1.white
+      background: colors$2.red.base,
+      borderColor: colors$2.red.base,
+      color: colors$2.white
     },
     hover: {
-      background: colors$1.red.light,
-      borderColor: colors$1.red.light,
-      color: colors$1.white
+      background: colors$2.red.light,
+      borderColor: colors$2.red.light,
+      color: colors$2.white
     },
     active: {
-      background: colors$1.red.base,
-      borderColor: colors$1.red.base,
-      color: colors$1.white
+      background: colors$2.red.base,
+      borderColor: colors$2.red.base,
+      color: colors$2.white
     },
     ghost: {
-      color: colors$1.red.base,
-      background: colors$1.red.light,
-      hoverColor: colors$1.white
+      color: colors$2.red.base,
+      background: colors$2.red.light,
+      hoverColor: colors$2.white
     },
     outline: {
-      color: colors$1.red.base,
-      borderColor: colors$1.red.base
+      color: colors$2.red.base,
+      borderColor: colors$2.red.base
     },
     link: {
-      color: colors$1.red.base,
-      hoverColor: colors$1.red.lightest
+      color: colors$2.red.base,
+      hoverColor: colors$2.red.lightest
     }
   },
   success: {
     "default": {
-      background: colors$1.green.base,
-      borderColor: colors$1.green.base,
-      color: colors$1.white
+      background: colors$2.green.base,
+      borderColor: colors$2.green.base,
+      color: colors$2.white
     },
     hover: {
-      background: colors$1.green.light,
-      borderColor: colors$1.green.light,
-      color: colors$1.white
+      background: colors$2.green.light,
+      borderColor: colors$2.green.light,
+      color: colors$2.white
     },
     active: {
-      background: colors$1.green.base,
-      borderColor: colors$1.green.base,
-      color: colors$1.white
+      background: colors$2.green.base,
+      borderColor: colors$2.green.base,
+      color: colors$2.white
     },
     ghost: {
-      color: colors$1.green.base,
-      background: colors$1.green.light,
-      hoverColor: colors$1.white
+      color: colors$2.green.base,
+      background: colors$2.green.light,
+      hoverColor: colors$2.white
     },
     outline: {
-      color: colors$1.green.base,
-      borderColor: colors$1.green.base
+      color: colors$2.green.base,
+      borderColor: colors$2.green.base
     },
     link: {
-      color: colors$1.green.base,
-      hoverColor: colors$1.green.lightest
+      color: colors$2.green.base,
+      hoverColor: colors$2.green.lightest
     }
   },
   primaryLight: {
     "default": {
-      background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
+      background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
       borderColor: "transparent",
-      color: colors$1.white
+      color: colors$2.white
     },
     hover: {
-      background: Color$1(colors$1.primary.lightest).alpha(0.5).string(),
+      background: Color$1(colors$2.primary.lightest).alpha(0.5).string(),
       borderColor: "transparent",
-      color: colors$1.white
+      color: colors$2.white
     },
     active: {
-      background: Color$1(colors$1.primary.lightest).alpha(0.5).string(),
-      borderColor: Color$1(colors$1.primary.lightest).alpha(0.5).string(),
-      color: colors$1.white
+      background: Color$1(colors$2.primary.lightest).alpha(0.5).string(),
+      borderColor: Color$1(colors$2.primary.lightest).alpha(0.5).string(),
+      color: colors$2.white
     },
     ghost: {
-      color: colors$1.white,
-      background: Color$1(colors$1.primary.lightest).alpha(0.5).string(),
-      hoverColor: colors$1.white
+      color: colors$2.white,
+      background: Color$1(colors$2.primary.lightest).alpha(0.5).string(),
+      hoverColor: colors$2.white
     },
     outline: {
-      color: colors$1.white,
-      borderColor: Color$1(colors$1.primary.lightest).alpha(0.25).string()
+      color: colors$2.white,
+      borderColor: Color$1(colors$2.primary.lightest).alpha(0.25).string()
     },
     link: {
-      color: colors$1.white,
-      hoverColor: Color$1(colors$1.white).alpha(0.7).string()
+      color: colors$2.white,
+      hoverColor: Color$1(colors$2.white).alpha(0.7).string()
     }
   },
   primaryDarker: {
     "default": {
-      background: colors$1.primary.darker,
-      borderColor: colors$1.primary.darker,
-      color: colors$1.white
+      background: colors$2.primary.darker,
+      borderColor: colors$2.primary.darker,
+      color: colors$2.white
     },
     hover: {
-      background: Color$1(colors$1.primary.darker).alpha(0.9).string(),
-      borderColor: Color$1(colors$1.primary.darker).alpha(0.9).string(),
-      color: colors$1.white
+      background: Color$1(colors$2.primary.darker).alpha(0.9).string(),
+      borderColor: Color$1(colors$2.primary.darker).alpha(0.9).string(),
+      color: colors$2.white
     },
     active: {
-      background: colors$1.primary.darker,
-      borderColor: colors$1.primary.darker,
-      color: colors$1.white
+      background: colors$2.primary.darker,
+      borderColor: colors$2.primary.darker,
+      color: colors$2.white
     },
     ghost: {
-      color: colors$1.primary.darker,
-      background: Color$1(colors$1.primary.darker).alpha(0.15).string(),
-      hoverColor: colors$1.primary.darker
+      color: colors$2.primary.darker,
+      background: Color$1(colors$2.primary.darker).alpha(0.15).string(),
+      hoverColor: colors$2.primary.darker
     },
     outline: {
-      color: colors$1.primary.darker,
-      borderColor: colors$1.primary.darker
+      color: colors$2.primary.darker,
+      borderColor: colors$2.primary.darker
     },
     link: {
-      color: colors$1.primary.darker,
-      hoverColor: colors$1.primary.base
+      color: colors$2.primary.darker,
+      hoverColor: colors$2.primary.base
     }
   },
   white: {
     "default": {
-      background: colors$1.white,
-      borderColor: colors$1.white,
-      color: colors$1.primary.darker
+      background: colors$2.white,
+      borderColor: colors$2.white,
+      color: colors$2.primary.darker
     },
     hover: {
-      background: colors$1.white,
-      borderColor: colors$1.white,
-      color: colors$1.primary.base
+      background: colors$2.white,
+      borderColor: colors$2.white,
+      color: colors$2.primary.base
     },
     active: {
-      background: colors$1.white,
-      borderColor: colors$1.white,
-      color: colors$1.primary.base
+      background: colors$2.white,
+      borderColor: colors$2.white,
+      color: colors$2.primary.base
     },
     ghost: {
-      color: colors$1.primary.darker,
-      background: colors$1.white,
-      hoverColor: colors$1.primary.base
+      color: colors$2.primary.darker,
+      background: colors$2.white,
+      hoverColor: colors$2.primary.base
     },
     outline: {
-      color: colors$1.primary.darker,
-      borderColor: colors$1.white
+      color: colors$2.primary.darker,
+      borderColor: colors$2.white
     },
     link: {
-      color: colors$1.primary.darker,
-      hoverColor: colors$1.primary.base
+      color: colors$2.primary.darker,
+      hoverColor: colors$2.primary.base
     }
   },
   orange: {
     "default": {
-      background: colors$1.orange.base,
-      borderColor: colors$1.orange.base,
-      color: colors$1.black
+      background: colors$2.orange.base,
+      borderColor: colors$2.orange.base,
+      color: colors$2.black
     },
     hover: {
-      background: colors$1.orange.light,
-      borderColor: colors$1.orange.light,
-      color: colors$1.black
+      background: colors$2.orange.light,
+      borderColor: colors$2.orange.light,
+      color: colors$2.black
     },
     active: {
-      background: colors$1.orange.base,
-      borderColor: colors$1.orange.base,
-      color: colors$1.black
+      background: colors$2.orange.base,
+      borderColor: colors$2.orange.base,
+      color: colors$2.black
     },
     ghost: {
-      color: colors$1.orange.base,
-      background: colors$1.orange.light,
-      hoverColor: colors$1.black
+      color: colors$2.orange.base,
+      background: colors$2.orange.light,
+      hoverColor: colors$2.black
     },
     outline: {
-      color: colors$1.black,
-      borderColor: colors$1.orange.light
+      color: colors$2.black,
+      borderColor: colors$2.orange.light
     },
     link: {
-      color: colors$1.orange.base,
-      hoverColor: colors$1.primary.base
+      color: colors$2.orange.base,
+      hoverColor: colors$2.primary.base
     }
   }
 };
 
 var breadcrumbs = {
-  link: colors$1.primary.base,
-  black: colors$1.black,
-  separator: colors$1.secondary.darker
+  link: colors$2.primary.base,
+  black: colors$2.black,
+  separator: colors$2.secondary.darker
 };
 
 var card = {
-  background: colors$1.white,
-  shadow: colors$1.secondary.light,
-  border: colors$1.secondary.light,
+  background: colors$2.white,
+  shadow: colors$2.secondary.light,
+  border: colors$2.secondary.light,
   hover: {
-    background: Color$1(colors$1.primary.darker).alpha(0.9).string()
+    background: Color$1(colors$2.primary.darker).alpha(0.9).string()
   },
   overlay: {
-    background: Color$1(colors$1.primary.darker).alpha(0.5).string()
+    background: Color$1(colors$2.primary.darker).alpha(0.5).string()
   }
 };
 
 var chip$1 = {
-  backgroundColor: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-  color: colors$1.black
+  backgroundColor: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+  color: colors$2.black
 };
 
 var drawer = {
-  dialog: colors$1.white
+  dialog: colors$2.white
 };
 
 var dropdown = {
-  boxShadowColor: colors$1.secondary.light,
-  backgroundColor: colors$1.white,
-  emptyStateColor: colors$1.secondary.base,
-  hoverBackgroundColor: colors$1.secondary.lighter,
-  borderBottomColor: colors$1.secondary.lighter,
-  textColor: colors$1.black,
-  disabledColor: colors$1.secondary.light
+  boxShadowColor: colors$2.secondary.light,
+  backgroundColor: colors$2.white,
+  emptyStateColor: colors$2.secondary.base,
+  hoverBackgroundColor: colors$2.secondary.lighter,
+  borderBottomColor: colors$2.secondary.lighter,
+  textColor: colors$2.black,
+  disabledColor: colors$2.secondary.light
 };
 
 var formElements = {
   generic: {
-    required: colors$1.red.base,
-    black: colors$1.black
+    required: colors$2.red.base,
+    black: colors$2.black
   },
   errors: {
-    errorBorderColor: colors$1.red.base
+    errorBorderColor: colors$2.red.base
   },
   input: {
-    placeholderColor: colors$1.black,
-    borderHoverColor: colors$1.primary.light,
-    borderFocusColor: colors$1.primary.base,
-    inputBorderColor: colors$1.secondary.lighter,
-    background: colors$1.secondary.lighter,
-    backgroundFocus: colors$1.white,
-    iconColor: colors$1.black,
-    iconHoverColor: colors$1.secondary.base,
-    hoverColor: colors$1.secondary.lighter,
-    disabledColor: colors$1.secondary.base,
-    disabledBackground: colors$1.secondary.lighter,
-    disabledBorder: colors$1.secondary.base,
-    disabledIcon: colors$1.secondary.base,
-    borderFocus: colors$1.primary.base,
-    infoTooltipColor: colors$1.blue,
-    verticalLineColor: colors$1.secondary.base,
-    textColor: colors$1.black,
-    textColorFocused: colors$1.white
+    placeholderColor: colors$2.black,
+    borderHoverColor: colors$2.primary.light,
+    borderFocusColor: colors$2.primary.base,
+    inputBorderColor: colors$2.secondary.lighter,
+    background: colors$2.secondary.lighter,
+    backgroundFocus: colors$2.white,
+    iconColor: colors$2.black,
+    iconHoverColor: colors$2.secondary.base,
+    hoverColor: colors$2.secondary.lighter,
+    disabledColor: colors$2.secondary.base,
+    disabledBackground: colors$2.secondary.lighter,
+    disabledBorder: colors$2.secondary.base,
+    disabledIcon: colors$2.secondary.base,
+    borderFocus: colors$2.primary.base,
+    infoTooltipColor: colors$2.blue,
+    verticalLineColor: colors$2.secondary.base,
+    textColor: colors$2.black,
+    textColorFocused: colors$2.white
   },
   radioButtonGroup: {
-    normalBackground: colors$1.secondary.lighter,
-    normalFontColor: colors$1.black,
-    selectedBackground: colors$1.primary.base,
-    selectedFontColor: colors$1.white,
-    borderColor: Color$1(colors$1.secondary.light).alpha(0.5).string()
+    normalBackground: colors$2.secondary.lighter,
+    normalFontColor: colors$2.black,
+    selectedBackground: colors$2.primary.base,
+    selectedFontColor: colors$2.white,
+    borderColor: Color$1(colors$2.secondary.light).alpha(0.5).string()
   },
   multiSelect: {
-    background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-    hoverClose: Color$1(colors$1.primary.lighter).alpha(0.5).string(),
-    hover: colors$1.secondary.lighter
+    background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+    hoverClose: Color$1(colors$2.primary.lighter).alpha(0.5).string(),
+    hover: colors$2.secondary.lighter
   },
   checkbox: {
-    partiallySelected: colors$1.white,
+    partiallySelected: colors$2.white,
     input: {
-      background: colors$1.primary.base,
-      borderColor: colors$1.black,
-      shadowColor: Color$1(colors$1.primary.lightest).alpha(0.25).string()
+      background: colors$2.primary.base,
+      borderColor: colors$2.black,
+      shadowColor: Color$1(colors$2.primary.lightest).alpha(0.25).string()
     },
     disabled: {
-      borderColor: colors$1.secondary.base
+      borderColor: colors$2.secondary.base
     }
   },
   generalError: {
-    borderColor: colors$1.red.base,
-    background: Color$1(colors$1.red.light).alpha(0.15).string()
+    borderColor: colors$2.red.base,
+    background: Color$1(colors$2.red.light).alpha(0.15).string()
   },
   toggleSwitch: {
-    hoverDisabledColor: Color$1(colors$1.primary.lightest).alpha(0.5).string(),
-    backgroundEnabled: colors$1.primary.base,
-    backgroundInlineEnabled: colors$1.green.base,
-    backgroundDisabled: colors$1.secondary.base,
-    backgroundInlineDisabled: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-    disabledBackground: colors$1.secondary.light,
-    textColor: colors$1.white,
-    requiredAsteriskColor: colors$1.red.base,
-    subtitleDescription: colors$1.secondary.darker
+    hoverDisabledColor: Color$1(colors$2.primary.lightest).alpha(0.5).string(),
+    backgroundEnabled: colors$2.primary.base,
+    backgroundInlineEnabled: colors$2.green.base,
+    backgroundDisabled: colors$2.secondary.base,
+    backgroundInlineDisabled: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+    disabledBackground: colors$2.secondary.light,
+    textColor: colors$2.white,
+    requiredAsteriskColor: colors$2.red.base,
+    subtitleDescription: colors$2.secondary.darker
   }
 };
 
 var loader = {
-  color: colors$1.primary.base
+  color: colors$2.primary.base
 };
 
 var modal = {
-  iconHover: colors$1.secondary.base,
-  color: colors$1.black,
-  border: colors$1.secondary.lighter,
-  content: colors$1.white
+  iconHover: colors$2.secondary.base,
+  color: colors$2.black,
+  border: colors$2.secondary.lighter,
+  content: colors$2.white
 };
 
 var progressBar = {
   primary: {
-    background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-    progressBackground: colors$1.primary.base,
-    percentColor: colors$1.white,
-    textColor: colors$1.primary.base
+    background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+    progressBackground: colors$2.primary.base,
+    percentColor: colors$2.white,
+    textColor: colors$2.primary.base
   },
   success: {
-    background: colors$1.secondary.lighter,
-    progressBackground: colors$1.green.base,
-    percentColor: colors$1.white,
-    textColor: colors$1.black
+    background: colors$2.secondary.lighter,
+    progressBackground: colors$2.green.base,
+    percentColor: colors$2.white,
+    textColor: colors$2.black
   },
   white: {
-    background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-    progressBackground: colors$1.white,
-    percentColor: colors$1.black,
-    textColor: colors$1.white
+    background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+    progressBackground: colors$2.white,
+    percentColor: colors$2.black,
+    textColor: colors$2.white
   },
   darkgreen: {
-    background: colors$1.secondary.lighter,
-    progressBackground: colors$1.green.darker,
-    percentColor: colors$1.white,
-    textColor: colors$1.black
+    background: colors$2.secondary.lighter,
+    progressBackground: colors$2.green.darker,
+    percentColor: colors$2.white,
+    textColor: colors$2.black
   }
 };
 
 var result = {
-  titleColor: colors$1.black,
-  infoColor: colors$1.secondary.darker,
-  shadowColor: colors$1.secondary.light
+  titleColor: colors$2.black,
+  infoColor: colors$2.secondary.darker,
+  shadowColor: colors$2.secondary.light
 };
 
 var sidebar = {
-  background: colors$1.primary.base,
-  backgroundHover: colors$1.primary.darker,
-  backgroundHoverShadow: colors$1.primary.darker,
-  color: colors$1.white,
-  colorHover: colors$1.white,
-  hamburgerBackground: colors$1.white,
-  border: colors$1.primary.base
+  background: colors$2.primary.base,
+  backgroundHover: colors$2.primary.darker,
+  backgroundHoverShadow: colors$2.primary.darker,
+  color: colors$2.white,
+  colorHover: colors$2.white,
+  hamburgerBackground: colors$2.white,
+  border: colors$2.primary.base
 };
 
 var tabs = {
-  headerBackground: colors$1.white,
-  headerBorder: colors$1.secondary.base,
-  linkBorder: colors$1.primary.base,
-  linkHover: colors$1.primary.base
+  headerBackground: colors$2.white,
+  headerBorder: colors$2.secondary.base,
+  linkBorder: colors$2.primary.base,
+  linkHover: colors$2.primary.base
 };
 
 var table = {
-  borderBottomColor: colors$1.secondary.base,
-  rowBackgroundColor: colors$1.secondary.lighter,
-  rowHoverColor: hexToRGBA(colors$1.primary.lightest, 0.25)
+  borderBottomColor: colors$2.secondary.base,
+  rowBackgroundColor: colors$2.secondary.lighter,
+  rowHoverColor: hexToRGBA(colors$2.primary.lightest, 0.25)
 };
 
 var tag$1 = {
-  backgroundColor: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-  color: colors$1.primary.base
+  backgroundColor: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+  color: colors$2.primary.base
 };
 
 var tooltip = {
-  background: colors$1.white,
-  color: colors$1.black,
-  border: colors$1.black
+  background: colors$2.white,
+  color: colors$2.black,
+  border: colors$2.black
 };
 
 var pagination = {
-  color: colors$1.primary.base,
-  background: colors$1.primary.lightest,
-  boxShadowColor: colors$1.secondary.light,
-  hoverBackground: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-  dropdownBackground: colors$1.secondary.lighter,
-  emptyState: colors$1.white,
-  textColor: colors$1.black,
-  iconColor: colors$1.black,
-  white: colors$1.white,
-  scrollBar: colors$1.secondary.light
+  color: colors$2.primary.base,
+  background: colors$2.primary.lightest,
+  boxShadowColor: colors$2.secondary.light,
+  hoverBackground: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+  dropdownBackground: colors$2.secondary.lighter,
+  emptyState: colors$2.white,
+  textColor: colors$2.black,
+  iconColor: colors$2.black,
+  white: colors$2.white,
+  scrollBar: colors$2.secondary.light
 };
 
 var scrollbar = {
-  color: colors$1.secondary.dark,
-  background: colors$1.secondary.lighter
+  color: colors$2.secondary.dark,
+  background: colors$2.secondary.lighter
 };
 
 var statusTag = {
-  neutral: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-  positive: Color$1(colors$1.green.light).alpha(0.15).string(),
-  negative: Color$1(colors$1.red.light).alpha(0.15).string(),
-  inactive: colors$1.secondary.light,
-  warning: Color$1(colors$1.orange.base).alpha(0.15).string(),
-  promo: colors$1.primary.base,
-  pale: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-  grey: colors$1.secondary.lighter,
-  red: colors$1.red.dark
+  neutral: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+  positive: Color$1(colors$2.green.light).alpha(0.15).string(),
+  negative: Color$1(colors$2.red.light).alpha(0.15).string(),
+  inactive: colors$2.secondary.light,
+  warning: Color$1(colors$2.orange.base).alpha(0.15).string(),
+  promo: colors$2.primary.base,
+  pale: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+  grey: colors$2.secondary.lighter,
+  red: colors$2.red.dark
 };
 
 var toastNotifications = {
   info: {
-    background: colors$1.primary.lighter,
-    borderColor: colors$1.primary.lighter,
-    color: colors$1.white
+    background: colors$2.primary.lighter,
+    borderColor: colors$2.primary.lighter,
+    color: colors$2.white
   },
   error: {
-    background: colors$1.red.base,
-    borderColor: colors$1.red.base,
-    color: colors$1.white
+    background: colors$2.red.base,
+    borderColor: colors$2.red.base,
+    color: colors$2.white
   },
   success: {
-    background: colors$1.green.base,
-    borderColor: colors$1.green.base,
-    color: colors$1.white
+    background: colors$2.green.base,
+    borderColor: colors$2.green.base,
+    color: colors$2.white
   },
   warning: {
-    background: colors$1.orange.base,
-    borderColor: colors$1.orange.base,
-    color: colors$1.black
+    background: colors$2.orange.base,
+    borderColor: colors$2.orange.base,
+    color: colors$2.black
   }
 };
 
 var typeScaleSizes = generateTypeScaleSizes(DEFAULT_TYPESCALE_CONFIG);
 var defaultTheme$1 = {
   body: {
-    color: colors$1.black,
-    background: colors$1.white,
+    color: colors$2.black,
+    background: colors$2.white,
     fontSize: "100%",
     lineHeight: 1.5715,
     fontFamily: "\"Mulish\", Arial, sans-serif"
   },
   link: {
-    color: colors$1.primary.base,
-    hoverColor: colors$1.primary.lighter
+    color: colors$2.primary.base,
+    hoverColor: colors$2.primary.lighter
   },
   typeScaleSizes: typeScaleSizes,
   alert: alert,
@@ -17915,13 +17915,13 @@ var Chip = function Chip(_ref) {
   var isFilterOn = Boolean(Icon);
   var componentRef = React.useRef(null);
   var isOverflow = useIsOverflowX(componentRef);
+  var maxWidthValue = maxWidth ? "".concat(maxWidth, "px") : "auto";
   return jsx("div", _extends$s({
     css: function css(theme) {
-      var _ref2;
       return chip(theme, {
         size: size,
         isFilterOn: isFilterOn,
-        maxWidth: (_ref2 = "".concat(maxWidth, "px")) !== null && _ref2 !== void 0 ? _ref2 : "auto"
+        maxWidth: maxWidthValue
       });
     },
     style: style
@@ -17982,7 +17982,7 @@ var Avatar = function Avatar(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "sm" : _ref$size,
     _ref$bgColor = _ref.bgColor,
-    bgColor = _ref$bgColor === void 0 ? colors$1.orange.base : _ref$bgColor,
+    bgColor = _ref$bgColor === void 0 ? colors$2.orange.base : _ref$bgColor,
     alt = _ref.alt,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$D);
@@ -19035,7 +19035,7 @@ function useResponsive() {
   return state;
 }
 
-var breakpoints = {
+var breakpoints$1 = {
   xs: 320,
   sm: 576,
   md: 768,
@@ -19044,12 +19044,12 @@ var breakpoints = {
   xxl: 1600,
   "3xl": 1920
 };
-var mq = Object.keys(breakpoints).reduce(function (acc, breakpointName) {
-  return _objectSpread2$1(_objectSpread2$1({}, acc), {}, _defineProperty$1({}, breakpointName, "@media screen and (min-width: ".concat(breakpoints[breakpointName], "px)")));
+var mq = Object.keys(breakpoints$1).reduce(function (acc, breakpointName) {
+  return _objectSpread2$1(_objectSpread2$1({}, acc), {}, _defineProperty$1({}, breakpointName, "@media screen and (min-width: ".concat(breakpoints$1[breakpointName], "px)")));
 }, {});
 
 // Configures useResponsive hook
-configResponsive(breakpoints);
+configResponsive(breakpoints$1);
 
 var container$4 = function container(_ref, _ref2) {
   var alert = _ref.alert;
@@ -20168,7 +20168,8 @@ exports.default = findTabbableDescendants;
 var DISPLAY_NONE = "none";
 var DISPLAY_CONTENTS = "contents";
 
-var tabbableNode = /input|select|textarea|button|object|iframe/;
+// match the whole word to prevent fuzzy searching
+var tabbableNode = /^(input|select|textarea|button|object|iframe)$/;
 
 function isNotOverflowing(element, style) {
   return style.getPropertyValue("overflow") !== "visible" ||
@@ -22827,7 +22828,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -23182,9 +23183,11 @@ var FocusLock$1 = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, pare
       observed: observed,
       shards: shards,
       enabled: !disabled,
-      active: isActive.current
+      get active() {
+        return isActive.current;
+      }
     };
-  }, [disabled, isActive.current, shards, realObserved]);
+  }, [disabled, isActive, shards, observed]);
   return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, hasLeadingGuards && [
   /*#__PURE__*/
   React__default["default"].createElement("div", {
@@ -25184,7 +25187,7 @@ Card.Body = Body$1;
 Card.Overlay = Overlay;
 Card.Drawer = Drawer;
 
-var breakpointsKeys = Object.keys(breakpoints);
+var breakpointsKeys = Object.keys(breakpoints$1);
 var getCSSProp = function getCSSProp(prop, attr) {
   return "".concat(prop, ": ").concat(attr);
 };
@@ -28021,7 +28024,7 @@ var statusTagStyles = function statusTagStyles(_ref, _ref2) {
     typeScaleSizes = _ref.typeScaleSizes;
   var size = _ref2.size,
     fontWeight = _ref2.fontWeight;
-  return /*#__PURE__*/ /*#__PURE__*/css$2("display:inline-flex;height:", size === "md" ? "2rem" : "1.25rem", ";padding:", size === "md" ? "0.5rem" : "0.125rem 0.25rem", ";align-items:center;gap:", size === "md" ? "0.625rem" : "0.25rem", ";font-size:", size === "md" ? typeScaleSizes.sm : typeScaleSizes.xs, ";font-weight:", fontWeight, ";border-radius:5px;line-height:1;&.statusTag--neutral{color:", colors$1.black, ";background-color:", statusTag.neutral, ";}&.statusTag--positive{color:", colors$1.black, ";background-color:", statusTag.positive, ";}&.statusTag--negative{color:", colors$1.black, ";background-color:", statusTag.negative, ";}&.statusTag--inactive{color:", colors$1.black, ";background-color:", statusTag.inactive, ";}&.statusTag--warning{color:", colors$1.black, ";background-color:", statusTag.warning, ";}&.statusTag--promo{color:", colors$1.white, ";background-color:", statusTag.promo, ";}&.statusTag--pale{color:", colors$1.white, ";background-color:", statusTag.pale, ";}&.statusTag--grey{color:", colors$1.black, ";background-color:", statusTag.grey, ";}&.statusTag--red{color:", colors$1.white, ";background-color:", statusTag.red, ";}&.statusTag--transparent{color:", colors$1.black, ";background-color:transparent;}.statusTag__icon{display:inline-flex;svg{color:inherit;fill:inherit;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:statusTagStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU3RhdHVzVGFnU2l6ZXMgfSBmcm9tIFwiLi9TdGF0dXNUYWdcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJAdGhlbWUvZGVmYXVsdC9jb2xvcnNcIjtcblxuZXhwb3J0IGNvbnN0IHN0YXR1c1RhZ1N0eWxlcyA9IChcbiAge1xuICAgIHN0YXR1c1RhZyxcbiAgICB0eXBlU2NhbGVTaXplcyxcbiAgfTogeyBzdGF0dXNUYWc6IFRoZW1lW1wic3RhdHVzVGFnXCJdOyB0eXBlU2NhbGVTaXplczogVGhlbWVbXCJ0eXBlU2NhbGVTaXplc1wiXSB9LFxuICB7XG4gICAgc2l6ZSxcbiAgICBmb250V2VpZ2h0LFxuICB9OiB7XG4gICAgc2l6ZTogU3RhdHVzVGFnU2l6ZXM7XG4gICAgZm9udFdlaWdodDogXCI0MDBcIiB8IFwiNzAwXCI7XG4gIH0sXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBoZWlnaHQ6ICR7c2l6ZSA9PT0gXCJtZFwiID8gXCIycmVtXCIgOiBcIjEuMjVyZW1cIn07XG4gICAgcGFkZGluZzogJHtzaXplID09PSBcIm1kXCIgPyBcIjAuNXJlbVwiIDogXCIwLjEyNXJlbSAwLjI1cmVtXCJ9O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAke3NpemUgPT09IFwibWRcIiA/IFwiMC42MjVyZW1cIiA6IFwiMC4yNXJlbVwifTtcbiAgICBmb250LXNpemU6ICR7c2l6ZSA9PT0gXCJtZFwiID8gdHlwZVNjYWxlU2l6ZXMuc20gOiB0eXBlU2NhbGVTaXplcy54c307XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodH07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxO1xuXG4gICAgLyogRGVmaW5lIENvbG9ycyBTY2hlbWVzKi9cbiAgICAmLnN0YXR1c1RhZy0tbmV1dHJhbCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcubmV1dHJhbH07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLXBvc2l0aXZlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5wb3NpdGl2ZX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLW5lZ2F0aXZlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5uZWdhdGl2ZX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLWluYWN0aXZlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5pbmFjdGl2ZX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLXdhcm5pbmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJsYWNrfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RhdHVzVGFnLndhcm5pbmd9O1xuICAgIH1cblxuICAgICYuc3RhdHVzVGFnLS1wcm9tbyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcucHJvbW99O1xuICAgIH1cblxuICAgICYuc3RhdHVzVGFnLS1wYWxlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5wYWxlfTtcbiAgICB9XG5cbiAgICAmLnN0YXR1c1RhZy0tZ3JleSB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcuZ3JleX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLXJlZCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcucmVkfTtcbiAgICB9XG5cbiAgICAmLnN0YXR1c1RhZy0tdHJhbnNwYXJlbnQge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJsYWNrfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5zdGF0dXNUYWdfX2ljb24ge1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBmaWxsOiBpbmhlcml0O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:statusTagStyles;");
+  return /*#__PURE__*/ /*#__PURE__*/css$2("display:inline-flex;height:", size === "md" ? "2rem" : "1.25rem", ";padding:", size === "md" ? "0.5rem" : "0.125rem 0.25rem", ";align-items:center;gap:", size === "md" ? "0.625rem" : "0.25rem", ";font-size:", size === "md" ? typeScaleSizes.sm : typeScaleSizes.xs, ";font-weight:", fontWeight, ";border-radius:5px;line-height:1;&.statusTag--neutral{color:", colors$2.black, ";background-color:", statusTag.neutral, ";}&.statusTag--positive{color:", colors$2.black, ";background-color:", statusTag.positive, ";}&.statusTag--negative{color:", colors$2.black, ";background-color:", statusTag.negative, ";}&.statusTag--inactive{color:", colors$2.black, ";background-color:", statusTag.inactive, ";}&.statusTag--warning{color:", colors$2.black, ";background-color:", statusTag.warning, ";}&.statusTag--promo{color:", colors$2.white, ";background-color:", statusTag.promo, ";}&.statusTag--pale{color:", colors$2.white, ";background-color:", statusTag.pale, ";}&.statusTag--grey{color:", colors$2.black, ";background-color:", statusTag.grey, ";}&.statusTag--red{color:", colors$2.white, ";background-color:", statusTag.red, ";}&.statusTag--transparent{color:", colors$2.black, ";background-color:transparent;}.statusTag__icon{display:inline-flex;svg{color:inherit;fill:inherit;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:statusTagStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU3RhdHVzVGFnU2l6ZXMgfSBmcm9tIFwiLi9TdGF0dXNUYWdcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJAdGhlbWUvZGVmYXVsdC9jb2xvcnNcIjtcblxuZXhwb3J0IGNvbnN0IHN0YXR1c1RhZ1N0eWxlcyA9IChcbiAge1xuICAgIHN0YXR1c1RhZyxcbiAgICB0eXBlU2NhbGVTaXplcyxcbiAgfTogeyBzdGF0dXNUYWc6IFRoZW1lW1wic3RhdHVzVGFnXCJdOyB0eXBlU2NhbGVTaXplczogVGhlbWVbXCJ0eXBlU2NhbGVTaXplc1wiXSB9LFxuICB7XG4gICAgc2l6ZSxcbiAgICBmb250V2VpZ2h0LFxuICB9OiB7XG4gICAgc2l6ZTogU3RhdHVzVGFnU2l6ZXM7XG4gICAgZm9udFdlaWdodDogXCI0MDBcIiB8IFwiNzAwXCI7XG4gIH0sXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBoZWlnaHQ6ICR7c2l6ZSA9PT0gXCJtZFwiID8gXCIycmVtXCIgOiBcIjEuMjVyZW1cIn07XG4gICAgcGFkZGluZzogJHtzaXplID09PSBcIm1kXCIgPyBcIjAuNXJlbVwiIDogXCIwLjEyNXJlbSAwLjI1cmVtXCJ9O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAke3NpemUgPT09IFwibWRcIiA/IFwiMC42MjVyZW1cIiA6IFwiMC4yNXJlbVwifTtcbiAgICBmb250LXNpemU6ICR7c2l6ZSA9PT0gXCJtZFwiID8gdHlwZVNjYWxlU2l6ZXMuc20gOiB0eXBlU2NhbGVTaXplcy54c307XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodH07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxO1xuXG4gICAgLyogRGVmaW5lIENvbG9ycyBTY2hlbWVzKi9cbiAgICAmLnN0YXR1c1RhZy0tbmV1dHJhbCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcubmV1dHJhbH07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLXBvc2l0aXZlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5wb3NpdGl2ZX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLW5lZ2F0aXZlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5uZWdhdGl2ZX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLWluYWN0aXZlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5pbmFjdGl2ZX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLXdhcm5pbmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJsYWNrfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RhdHVzVGFnLndhcm5pbmd9O1xuICAgIH1cblxuICAgICYuc3RhdHVzVGFnLS1wcm9tbyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcucHJvbW99O1xuICAgIH1cblxuICAgICYuc3RhdHVzVGFnLS1wYWxlIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0YXR1c1RhZy5wYWxlfTtcbiAgICB9XG5cbiAgICAmLnN0YXR1c1RhZy0tZ3JleSB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcuZ3JleX07XG4gICAgfVxuXG4gICAgJi5zdGF0dXNUYWctLXJlZCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGF0dXNUYWcucmVkfTtcbiAgICB9XG5cbiAgICAmLnN0YXR1c1RhZy0tdHJhbnNwYXJlbnQge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJsYWNrfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5zdGF0dXNUYWdfX2ljb24ge1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBmaWxsOiBpbmhlcml0O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:statusTagStyles;");
 };
 
 var _excluded$h = ["testId", "text", "icon", "size", "color", "iconSize", "ariaLabel", "fontWeight"];
@@ -28175,6 +28178,212 @@ var ToastNotification = function ToastNotification(_ref) {
   })));
 };
 
+/**
+ * Gnosis Design Tokens
+ *
+ * This file is a single source of truth for all design tokens in the Gnosis design system.
+ * Tokens are aligned with Figma design tokens.
+ */
+
+// ---------------------------------------------------------------------------
+// COLORS
+// ---------------------------------------------------------------------------
+// Base hex values
+var colorBase = {
+  primary: "#0046AB",
+  secondary: "#9EA5A9",
+  green: "#1B7855",
+  orange: "#FF9C28",
+  red: "#D12525",
+  black: "#000000",
+  white: "#FFFFFF",
+  blue: "#0046AB"
+};
+
+// Full palette — each color generated with palletGenerator (color lib lighten/darken)
+var colors$1 = {
+  primary: {
+    lightest: "#247DFF",
+    lighter: "#0169FF",
+    light: "#0054CD",
+    base: "#0046AB",
+    dark: "#003889",
+    darker: "#002A67",
+    darkest: "#001C44"
+  },
+  secondary: {
+    lightest: "#FFFFFF",
+    lighter: "#F5F5F6",
+    light: "#C1C5C8",
+    base: "#9EA5A9",
+    dark: "#7B858A",
+    darker: "#5C6468",
+    darkest: "#3D4245"
+  },
+  green: {
+    lightest: "#2ECC90",
+    lighter: "#29B47F",
+    light: "#209066",
+    base: "#1B7855",
+    dark: "#166044",
+    darker: "#104833",
+    darkest: "#0B3022"
+  },
+  orange: {
+    lightest: "#FFFBF6",
+    lighter: "#FFE0BB",
+    light: "#FFB763",
+    base: "#FF9C28",
+    dark: "#EC7F00",
+    darker: "#B15F00",
+    darkest: "#764000"
+  },
+  red: {
+    lightest: "#F1B1B1",
+    lighter: "#EA8787",
+    light: "#DF4949",
+    base: "#D12525",
+    dark: "#A71E1E",
+    darker: "#7D1616",
+    darkest: "#540F0F"
+  },
+  black: "#000000",
+  white: "#FFFFFF",
+  blue: "#0046AB"
+};
+
+// ---------------------------------------------------------------------------
+// TYPOGRAPHY
+// ---------------------------------------------------------------------------
+var typography = {
+  // Font families
+  fontFamily: {
+    body: '"Mulish", Arial, sans-serif'
+  },
+  // Type scale (aligned with Figma design tokens)
+  fontSize: {
+    xxs: "0.5rem",
+    //  8px
+    xs: "0.75rem",
+    //  12px
+    sm: "0.875rem",
+    //  14px
+    md: "1rem",
+    //  16px  ← base
+    lg: "1.125rem",
+    //  18px
+    xl: "1.375rem",
+    //  22px
+    "2xl": "1.75rem",
+    //  28px
+    "3xl": "2.125rem" //  34px
+  },
+  // Global line height
+  lineHeight: {
+    base: 1.5715
+  },
+  // Font weights (browser defaults relied upon; explicit values used in components)
+  fontWeight: {
+    regular: 400,
+    semibold: 600,
+    bold: 700,
+    extrabold: 800
+  }
+};
+
+// ---------------------------------------------------------------------------
+// SPACING
+// ---------------------------------------------------------------------------
+// Aligned with Figma design tokens
+var spacing$1 = {
+  none: "0",
+  //  0px
+  xxs: "0.25rem",
+  //  4px
+  xs: "0.5rem",
+  //  8px
+  sm: "0.75rem",
+  //  12px
+  md: "1rem",
+  //  16px
+  lg: "1.5rem",
+  //  24px
+  xl: "2rem" //  32px
+};
+
+// ---------------------------------------------------------------------------
+// BORDER RADIUS
+// ---------------------------------------------------------------------------
+// Aligned with Figma design tokens
+var borderRadius$1 = {
+  none: "0",
+  // 0px
+  sm: "5px",
+  // 5px - buttons, cards, alerts, chips, dropdowns, tooltips, pagination
+  xl: "30px",
+  // 30px - rounded elements
+  full: "50%" // circular elements
+};
+
+// ---------------------------------------------------------------------------
+// SHADOWS
+// ---------------------------------------------------------------------------
+// Shadow color = colors.secondary.light (#C1C5C8)
+var shadows = {
+  sm: "0 3px 6px #C1C5C8",
+  // dropdown, pagination, result card
+  checkbox: "0px 0px 0px 9px rgba(36, 125, 255, 0.25)" // focus ring on checkboxes
+};
+
+// ---------------------------------------------------------------------------
+// BREAKPOINTS
+// ---------------------------------------------------------------------------
+// From src/theme/utils/breakpoints.ts
+var breakpoints = {
+  xs: 320,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1600,
+  "3xl": 1920
+};
+
+// Corresponding media queries (min-width)
+var mediaQueries = {
+  xs: "@media screen and (min-width: 320px)",
+  sm: "@media screen and (min-width: 576px)",
+  md: "@media screen and (min-width: 768px)",
+  lg: "@media screen and (min-width: 992px)",
+  xl: "@media screen and (min-width: 1200px)",
+  xxl: "@media screen and (min-width: 1600px)",
+  "3xl": "@media screen and (min-width: 1920px)"
+};
+
+// ---------------------------------------------------------------------------
+// Z-INDEX
+// ---------------------------------------------------------------------------
+var zIndex = {
+  base: 0,
+  raised: 1,
+  overlay: 2,
+  drawer: 3,
+  dropdown: 100,
+  sidebar: 1001,
+  modal: 1001
+};
+
+// ---------------------------------------------------------------------------
+// TRANSITIONS
+// ---------------------------------------------------------------------------
+var transitions = {
+  fast: "0.2s",
+  base: "0.3s",
+  easeIn: "0.2s ease-in",
+  easeInOut: "0.3s ease-in-out",
+  easeOut: "0.2s ease"
+};
+
 var errorContainer = function errorContainer(_ref) {
   var typeScaleSizes = _ref.typeScaleSizes,
     formElements = _ref.formElements;
@@ -28812,8 +29021,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
@@ -35879,5 +36088,15 @@ exports.ThemeProvider = ThemeProvider;
 exports.ToastNotification = ToastNotification;
 exports.ToggleSwitch = ToggleSwitch$1;
 exports.Tooltip = Tooltip;
+exports.borderRadius = borderRadius$1;
+exports.breakpoints = breakpoints;
+exports.colorBase = colorBase;
+exports.colors = colors$1;
+exports.mediaQueries = mediaQueries;
+exports.shadows = shadows;
+exports.spacing = spacing$1;
+exports.transitions = transitions;
 exports.typeScale = typeScale;
+exports.typography = typography;
+exports.zIndex = zIndex;
 //# sourceMappingURL=index.cjs.map