@epignosis_llc/gnosis 6.7.3 → 6.7.5

package/dist/cjs/index.cjs

@@ -6828,7 +6828,7 @@ var palletGenerator = function palletGenerator(base) {
     darkest: Color$1(base).darken(0.6).hex()
   };
 };
-var colors$2 = {
+var colors$1 = {
   primary: palletGenerator(THEME_COLOURS.primary),
   secondary: palletGenerator(THEME_COLOURS.secondary),
   green: palletGenerator(THEME_COLOURS.green),
@@ -6846,555 +6846,555 @@ var hexToRGBA = function hexToRGBA(hex, alpha) {
 };
 
 var alert = {
-  closeBtnColor: colors$2.white,
+  closeBtnColor: colors$1.white,
   info: {
-    background: colors$2.primary.lighter,
-    borderColor: colors$2.primary.lighter,
-    color: colors$2.white
+    background: colors$1.primary.lighter,
+    borderColor: colors$1.primary.lighter,
+    color: colors$1.white
   },
   danger: {
-    background: colors$2.red.base,
-    borderColor: colors$2.red.base,
-    color: colors$2.white
+    background: colors$1.red.base,
+    borderColor: colors$1.red.base,
+    color: colors$1.white
   },
   success: {
-    background: colors$2.green.base,
-    borderColor: colors$2.green.base,
-    color: colors$2.white
+    background: colors$1.green.base,
+    borderColor: colors$1.green.base,
+    color: colors$1.white
   },
   warning: {
-    background: colors$2.orange.base,
-    borderColor: colors$2.orange.base,
-    color: colors$2.white
+    background: colors$1.orange.base,
+    borderColor: colors$1.orange.base,
+    color: colors$1.white
   }
 };
 
 var badge = {
-  background: colors$2.red.base,
-  color: colors$2.white,
-  border: colors$2.white
+  background: colors$1.red.base,
+  color: colors$1.white,
+  border: colors$1.white
 };
 
 var button = {
   disabled: {
-    background: colors$2.secondary.lighter,
-    color: colors$2.secondary.base,
-    borderColor: colors$2.secondary.base
+    background: colors$1.secondary.lighter,
+    color: colors$1.secondary.base,
+    borderColor: colors$1.secondary.base
   },
   primary: {
     "default": {
-      background: colors$2.primary.base,
-      borderColor: colors$2.primary.base,
-      color: colors$2.white,
+      background: colors$1.primary.base,
+      borderColor: colors$1.primary.base,
+      color: colors$1.white,
       borderRadius: "5px"
     },
     hover: {
-      background: colors$2.primary.light,
-      borderColor: colors$2.primary.light,
-      color: colors$2.white
+      background: colors$1.primary.light,
+      borderColor: colors$1.primary.light,
+      color: colors$1.white
     },
     active: {
-      background: colors$2.primary.base,
-      borderColor: colors$2.primary.base,
-      color: colors$2.white
+      background: colors$1.primary.base,
+      borderColor: colors$1.primary.base,
+      color: colors$1.white
     },
     ghost: {
-      color: colors$2.primary.base,
-      background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
-      hoverColor: colors$2.primary.base
+      color: colors$1.primary.base,
+      background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
+      hoverColor: colors$1.primary.base
     },
     outline: {
-      color: colors$2.primary.base,
-      borderColor: colors$2.primary.base
+      color: colors$1.primary.base,
+      borderColor: colors$1.primary.base
     },
     link: {
-      color: colors$2.primary.base,
-      hoverColor: colors$2.primary.light
+      color: colors$1.primary.base,
+      hoverColor: colors$1.primary.light
     }
   },
   secondary: {
     "default": {
-      background: colors$2.secondary.lighter,
-      borderColor: colors$2.secondary.lighter,
-      color: colors$2.black
+      background: colors$1.secondary.lighter,
+      borderColor: colors$1.secondary.lighter,
+      color: colors$1.black
     },
     hover: {
-      background: colors$2.secondary.base,
-      borderColor: colors$2.secondary.base,
-      color: colors$2.black
+      background: colors$1.secondary.base,
+      borderColor: colors$1.secondary.base,
+      color: colors$1.black
     },
     active: {
-      background: colors$2.secondary.lighter,
-      borderColor: colors$2.secondary.lighter,
-      color: colors$2.black
+      background: colors$1.secondary.lighter,
+      borderColor: colors$1.secondary.lighter,
+      color: colors$1.black
     },
     ghost: {
-      color: colors$2.black,
-      background: colors$2.secondary.light,
-      hoverColor: colors$2.black
+      color: colors$1.black,
+      background: colors$1.secondary.light,
+      hoverColor: colors$1.black
     },
     outline: {
-      color: colors$2.secondary.darker,
-      borderColor: colors$2.secondary.dark
+      color: colors$1.secondary.darker,
+      borderColor: colors$1.secondary.dark
     },
     link: {
-      color: colors$2.black,
-      hoverColor: colors$2.secondary.base
+      color: colors$1.black,
+      hoverColor: colors$1.secondary.base
     }
   },
   danger: {
     "default": {
-      background: colors$2.red.base,
-      borderColor: colors$2.red.base,
-      color: colors$2.white
+      background: colors$1.red.base,
+      borderColor: colors$1.red.base,
+      color: colors$1.white
     },
     hover: {
-      background: colors$2.red.light,
-      borderColor: colors$2.red.light,
-      color: colors$2.white
+      background: colors$1.red.light,
+      borderColor: colors$1.red.light,
+      color: colors$1.white
     },
     active: {
-      background: colors$2.red.base,
-      borderColor: colors$2.red.base,
-      color: colors$2.white
+      background: colors$1.red.base,
+      borderColor: colors$1.red.base,
+      color: colors$1.white
     },
     ghost: {
-      color: colors$2.red.base,
-      background: colors$2.red.light,
-      hoverColor: colors$2.white
+      color: colors$1.red.base,
+      background: colors$1.red.light,
+      hoverColor: colors$1.white
     },
     outline: {
-      color: colors$2.red.base,
-      borderColor: colors$2.red.base
+      color: colors$1.red.base,
+      borderColor: colors$1.red.base
     },
     link: {
-      color: colors$2.red.base,
-      hoverColor: colors$2.red.lightest
+      color: colors$1.red.base,
+      hoverColor: colors$1.red.lightest
     }
   },
   success: {
     "default": {
-      background: colors$2.green.base,
-      borderColor: colors$2.green.base,
-      color: colors$2.white
+      background: colors$1.green.base,
+      borderColor: colors$1.green.base,
+      color: colors$1.white
     },
     hover: {
-      background: colors$2.green.light,
-      borderColor: colors$2.green.light,
-      color: colors$2.white
+      background: colors$1.green.light,
+      borderColor: colors$1.green.light,
+      color: colors$1.white
     },
     active: {
-      background: colors$2.green.base,
-      borderColor: colors$2.green.base,
-      color: colors$2.white
+      background: colors$1.green.base,
+      borderColor: colors$1.green.base,
+      color: colors$1.white
     },
     ghost: {
-      color: colors$2.green.base,
-      background: colors$2.green.light,
-      hoverColor: colors$2.white
+      color: colors$1.green.base,
+      background: colors$1.green.light,
+      hoverColor: colors$1.white
     },
     outline: {
-      color: colors$2.green.base,
-      borderColor: colors$2.green.base
+      color: colors$1.green.base,
+      borderColor: colors$1.green.base
     },
     link: {
-      color: colors$2.green.base,
-      hoverColor: colors$2.green.lightest
+      color: colors$1.green.base,
+      hoverColor: colors$1.green.lightest
     }
   },
   primaryLight: {
     "default": {
-      background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
+      background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
       borderColor: "transparent",
-      color: colors$2.white
+      color: colors$1.white
     },
     hover: {
-      background: Color$1(colors$2.primary.lightest).alpha(0.5).string(),
+      background: Color$1(colors$1.primary.lightest).alpha(0.5).string(),
       borderColor: "transparent",
-      color: colors$2.white
+      color: colors$1.white
     },
     active: {
-      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
+      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
     },
     ghost: {
-      color: colors$2.white,
-      background: Color$1(colors$2.primary.lightest).alpha(0.5).string(),
-      hoverColor: colors$2.white
+      color: colors$1.white,
+      background: Color$1(colors$1.primary.lightest).alpha(0.5).string(),
+      hoverColor: colors$1.white
     },
     outline: {
-      color: colors$2.white,
-      borderColor: Color$1(colors$2.primary.lightest).alpha(0.25).string()
+      color: colors$1.white,
+      borderColor: Color$1(colors$1.primary.lightest).alpha(0.25).string()
     },
     link: {
-      color: colors$2.white,
-      hoverColor: Color$1(colors$2.white).alpha(0.7).string()
+      color: colors$1.white,
+      hoverColor: Color$1(colors$1.white).alpha(0.7).string()
     }
   },
   primaryDarker: {
     "default": {
-      background: colors$2.primary.darker,
-      borderColor: colors$2.primary.darker,
-      color: colors$2.white
+      background: colors$1.primary.darker,
+      borderColor: colors$1.primary.darker,
+      color: colors$1.white
     },
     hover: {
-      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
+      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
     },
     active: {
-      background: colors$2.primary.darker,
-      borderColor: colors$2.primary.darker,
-      color: colors$2.white
+      background: colors$1.primary.darker,
+      borderColor: colors$1.primary.darker,
+      color: colors$1.white
     },
     ghost: {
-      color: colors$2.primary.darker,
-      background: Color$1(colors$2.primary.darker).alpha(0.15).string(),
-      hoverColor: colors$2.primary.darker
+      color: colors$1.primary.darker,
+      background: Color$1(colors$1.primary.darker).alpha(0.15).string(),
+      hoverColor: colors$1.primary.darker
     },
     outline: {
-      color: colors$2.primary.darker,
-      borderColor: colors$2.primary.darker
+      color: colors$1.primary.darker,
+      borderColor: colors$1.primary.darker
     },
     link: {
-      color: colors$2.primary.darker,
-      hoverColor: colors$2.primary.base
+      color: colors$1.primary.darker,
+      hoverColor: colors$1.primary.base
     }
   },
   white: {
     "default": {
-      background: colors$2.white,
-      borderColor: colors$2.white,
-      color: colors$2.primary.darker
+      background: colors$1.white,
+      borderColor: colors$1.white,
+      color: colors$1.primary.darker
     },
     hover: {
-      background: colors$2.white,
-      borderColor: colors$2.white,
-      color: colors$2.primary.base
+      background: colors$1.white,
+      borderColor: colors$1.white,
+      color: colors$1.primary.base
     },
     active: {
-      background: colors$2.white,
-      borderColor: colors$2.white,
-      color: colors$2.primary.base
+      background: colors$1.white,
+      borderColor: colors$1.white,
+      color: colors$1.primary.base
     },
     ghost: {
-      color: colors$2.primary.darker,
-      background: colors$2.white,
-      hoverColor: colors$2.primary.base
+      color: colors$1.primary.darker,
+      background: colors$1.white,
+      hoverColor: colors$1.primary.base
     },
     outline: {
-      color: colors$2.primary.darker,
-      borderColor: colors$2.white
+      color: colors$1.primary.darker,
+      borderColor: colors$1.white
     },
     link: {
-      color: colors$2.primary.darker,
-      hoverColor: colors$2.primary.base
+      color: colors$1.primary.darker,
+      hoverColor: colors$1.primary.base
     }
   },
   orange: {
     "default": {
-      background: colors$2.orange.base,
-      borderColor: colors$2.orange.base,
-      color: colors$2.black
+      background: colors$1.orange.base,
+      borderColor: colors$1.orange.base,
+      color: colors$1.black
     },
     hover: {
-      background: colors$2.orange.light,
-      borderColor: colors$2.orange.light,
-      color: colors$2.black
+      background: colors$1.orange.light,
+      borderColor: colors$1.orange.light,
+      color: colors$1.black
     },
     active: {
-      background: colors$2.orange.base,
-      borderColor: colors$2.orange.base,
-      color: colors$2.black
+      background: colors$1.orange.base,
+      borderColor: colors$1.orange.base,
+      color: colors$1.black
     },
     ghost: {
-      color: colors$2.orange.base,
-      background: colors$2.orange.light,
-      hoverColor: colors$2.black
+      color: colors$1.orange.base,
+      background: colors$1.orange.light,
+      hoverColor: colors$1.black
     },
     outline: {
-      color: colors$2.black,
-      borderColor: colors$2.orange.light
+      color: colors$1.black,
+      borderColor: colors$1.orange.light
     },
     link: {
-      color: colors$2.orange.base,
-      hoverColor: colors$2.primary.base
+      color: colors$1.orange.base,
+      hoverColor: colors$1.primary.base
     }
   }
 };
 
 var breadcrumbs = {
-  link: colors$2.primary.base,
-  black: colors$2.black,
-  separator: colors$2.secondary.darker
+  link: colors$1.primary.base,
+  black: colors$1.black,
+  separator: colors$1.secondary.darker
 };
 
 var card = {
-  background: colors$2.white,
-  shadow: colors$2.secondary.light,
-  border: colors$2.secondary.light,
+  background: colors$1.white,
+  shadow: colors$1.secondary.light,
+  border: colors$1.secondary.light,
   hover: {
-    background: Color$1(colors$2.primary.darker).alpha(0.9).string()
+    background: Color$1(colors$1.primary.darker).alpha(0.9).string()
   },
   overlay: {
-    background: Color$1(colors$2.primary.darker).alpha(0.5).string()
+    background: Color$1(colors$1.primary.darker).alpha(0.5).string()
   }
 };
 
 var chip$1 = {
-  backgroundColor: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
-  color: colors$2.black
+  backgroundColor: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
+  color: colors$1.black
 };
 
 var drawer = {
-  dialog: colors$2.white
+  dialog: colors$1.white
 };
 
 var dropdown = {
-  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
+  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
 };
 
 var formElements = {
   generic: {
-    required: colors$2.red.base,
-    black: colors$2.black
+    required: colors$1.red.base,
+    black: colors$1.black
   },
   errors: {
-    errorBorderColor: colors$2.red.base
+    errorBorderColor: colors$1.red.base
   },
   input: {
-    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
+    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
   },
   radioButtonGroup: {
-    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()
+    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()
   },
   multiSelect: {
-    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
+    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
   },
   checkbox: {
-    partiallySelected: colors$2.white,
+    partiallySelected: colors$1.white,
     input: {
-      background: colors$2.primary.base,
-      borderColor: colors$2.black,
-      shadowColor: Color$1(colors$2.primary.lightest).alpha(0.25).string()
+      background: colors$1.primary.base,
+      borderColor: colors$1.black,
+      shadowColor: Color$1(colors$1.primary.lightest).alpha(0.25).string()
     },
     disabled: {
-      borderColor: colors$2.secondary.base
+      borderColor: colors$1.secondary.base
     }
   },
   generalError: {
-    borderColor: colors$2.red.base,
-    background: Color$1(colors$2.red.light).alpha(0.15).string()
+    borderColor: colors$1.red.base,
+    background: Color$1(colors$1.red.light).alpha(0.15).string()
   },
   toggleSwitch: {
-    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
+    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
   }
 };
 
 var loader = {
-  color: colors$2.primary.base
+  color: colors$1.primary.base
 };
 
 var modal = {
-  iconHover: colors$2.secondary.base,
-  color: colors$2.black,
-  border: colors$2.secondary.lighter,
-  content: colors$2.white
+  iconHover: colors$1.secondary.base,
+  color: colors$1.black,
+  border: colors$1.secondary.lighter,
+  content: colors$1.white
 };
 
 var progressBar = {
   primary: {
-    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
+    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
   },
   success: {
-    background: colors$2.secondary.lighter,
-    progressBackground: colors$2.green.base,
-    percentColor: colors$2.white,
-    textColor: colors$2.black
+    background: colors$1.secondary.lighter,
+    progressBackground: colors$1.green.base,
+    percentColor: colors$1.white,
+    textColor: colors$1.black
   },
   white: {
-    background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
-    progressBackground: colors$2.white,
-    percentColor: colors$2.black,
-    textColor: colors$2.white
+    background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
+    progressBackground: colors$1.white,
+    percentColor: colors$1.black,
+    textColor: colors$1.white
   },
   darkgreen: {
-    background: colors$2.secondary.lighter,
-    progressBackground: colors$2.green.darker,
-    percentColor: colors$2.white,
-    textColor: colors$2.black
+    background: colors$1.secondary.lighter,
+    progressBackground: colors$1.green.darker,
+    percentColor: colors$1.white,
+    textColor: colors$1.black
   }
 };
 
 var result = {
-  titleColor: colors$2.black,
-  infoColor: colors$2.secondary.darker,
-  shadowColor: colors$2.secondary.light
+  titleColor: colors$1.black,
+  infoColor: colors$1.secondary.darker,
+  shadowColor: colors$1.secondary.light
 };
 
 var sidebar = {
-  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
+  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
 };
 
 var tabs = {
-  headerBackground: colors$2.white,
-  headerBorder: colors$2.secondary.base,
-  linkBorder: colors$2.primary.base,
-  linkHover: colors$2.primary.base
+  headerBackground: colors$1.white,
+  headerBorder: colors$1.secondary.base,
+  linkBorder: colors$1.primary.base,
+  linkHover: colors$1.primary.base
 };
 
 var table = {
-  borderBottomColor: colors$2.secondary.base,
-  rowBackgroundColor: colors$2.secondary.lighter,
-  rowHoverColor: hexToRGBA(colors$2.primary.lightest, 0.25)
+  borderBottomColor: colors$1.secondary.base,
+  rowBackgroundColor: colors$1.secondary.lighter,
+  rowHoverColor: hexToRGBA(colors$1.primary.lightest, 0.25)
 };
 
 var tag$1 = {
-  backgroundColor: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
-  color: colors$2.primary.base
+  backgroundColor: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
+  color: colors$1.primary.base
 };
 
 var tooltip = {
-  background: colors$2.white,
-  color: colors$2.black,
-  border: colors$2.black
+  background: colors$1.white,
+  color: colors$1.black,
+  border: colors$1.black
 };
 
 var pagination = {
-  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
+  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
 };
 
 var scrollbar = {
-  color: colors$2.secondary.dark,
-  background: colors$2.secondary.lighter
+  color: colors$1.secondary.dark,
+  background: colors$1.secondary.lighter
 };
 
 var segmentedButtons = {
   "default": {
-    background: colors$2.white,
-    borderColor: colors$2.secondary.light,
-    color: colors$2.black
+    background: colors$1.white,
+    borderColor: colors$1.secondary.light,
+    color: colors$1.black
   },
   hover: {
-    background: Color$1(colors$2.primary.lightest).alpha(0.25).string(),
-    borderColor: colors$2.primary.base,
-    color: colors$2.primary.base
+    background: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
+    borderColor: colors$1.primary.base,
+    color: colors$1.primary.base
   },
   active: {
-    background: colors$2.primary.base,
-    borderColor: colors$2.primary.base,
-    color: colors$2.white
+    background: colors$1.primary.base,
+    borderColor: colors$1.primary.base,
+    color: colors$1.white
   },
   disabled: {
-    background: colors$2.secondary.lighter,
-    borderColor: colors$2.secondary.light,
-    color: colors$2.secondary.base
+    background: colors$1.secondary.lighter,
+    borderColor: colors$1.secondary.light,
+    color: colors$1.secondary.base
   }
 };
 
 var statusTag = {
-  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
+  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
 };
 
 var toastNotifications = {
   info: {
-    background: colors$2.primary.lighter,
-    borderColor: colors$2.primary.lighter,
-    color: colors$2.white
+    background: colors$1.primary.lighter,
+    borderColor: colors$1.primary.lighter,
+    color: colors$1.white
   },
   error: {
-    background: colors$2.red.base,
-    borderColor: colors$2.red.base,
-    color: colors$2.white
+    background: colors$1.red.base,
+    borderColor: colors$1.red.base,
+    color: colors$1.white
   },
   success: {
-    background: colors$2.green.base,
-    borderColor: colors$2.green.base,
-    color: colors$2.white
+    background: colors$1.green.base,
+    borderColor: colors$1.green.base,
+    color: colors$1.white
   },
   warning: {
-    background: colors$2.orange.base,
-    borderColor: colors$2.orange.base,
-    color: colors$2.black
+    background: colors$1.orange.base,
+    borderColor: colors$1.orange.base,
+    color: colors$1.black
   }
 };
 
 var typeScaleSizes = generateTypeScaleSizes(DEFAULT_TYPESCALE_CONFIG);
 var defaultTheme$1 = {
   body: {
-    color: colors$2.black,
-    background: colors$2.white,
+    color: colors$1.black,
+    background: colors$1.white,
     fontSize: "100%",
     lineHeight: 1.5715,
     fontFamily: "\"Mulish\", Arial, sans-serif"
   },
   link: {
-    color: colors$2.primary.base,
-    hoverColor: colors$2.primary.lighter
+    color: colors$1.primary.base,
+    hoverColor: colors$1.primary.lighter
   },
   typeScaleSizes: typeScaleSizes,
   alert: alert,
@@ -18010,7 +18010,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$2.orange.base : _ref$bgColor,
+    bgColor = _ref$bgColor === void 0 ? colors$1.orange.base : _ref$bgColor,
     alt = _ref.alt,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$E);
@@ -19063,7 +19063,7 @@ function useResponsive() {
   return state;
 }
 
-var breakpoints$1 = {
+var breakpoints = {
   xs: 320,
   sm: 576,
   md: 768,
@@ -19072,12 +19072,12 @@ var breakpoints$1 = {
   xxl: 1600,
   "3xl": 1920
 };
-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)")));
+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)")));
 }, {});
 
 // Configures useResponsive hook
-configResponsive(breakpoints$1);
+configResponsive(breakpoints);
 
 var container$5 = function container(_ref, _ref2) {
   var alert = _ref.alert;
@@ -26117,7 +26117,7 @@ Card.Body = Body$1;
 Card.Overlay = Overlay;
 Card.Drawer = Drawer;
 
-var breakpointsKeys = Object.keys(breakpoints$1);
+var breakpointsKeys = Object.keys(breakpoints);
 var getCSSProp = function getCSSProp(prop, attr) {
   return "".concat(prop, ": ").concat(attr);
 };
@@ -28845,7 +28845,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$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;");
+  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;");
 };
 
 var _excluded$i = ["testId", "text", "icon", "size", "color", "iconSize", "ariaLabel", "fontWeight"];
@@ -29080,218 +29080,6 @@ 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: {
-    lightest25: "rgba(36, 125, 255, 0.25)",
-    lightest50: "rgba(36, 125, 255, 0.5)",
-    lightest: "#247DFF",
-    lighter: "#0169FF",
-    light: "#0054CD",
-    base: "#0046AB",
-    dark: "#003889",
-    darker50: "rgba(0, 42, 103, 0.5)",
-    darker: "#002A67",
-    darkest: "#001C44"
-  },
-  secondary: {
-    lightest: "#FFFFFF",
-    lighter: "#F5F5F6",
-    light: "#C1C5C8",
-    base: "#9EA5A9",
-    dark: "#7B858A",
-    darker: "#5C6468",
-    darkest: "#3D4245"
-  },
-  green: {
-    lightest: "#2ECC90",
-    lighter: "#29B47F",
-    light50: "rgba(32, 144, 102, 0.5)",
-    light: "#209066",
-    base: "#1B7855",
-    dark: "#166044",
-    darker: "#104833",
-    darkest: "#0B3022"
-  },
-  orange: {
-    lightest: "#FFFBF6",
-    lighter: "#FFE0BB",
-    light: "#FFB763",
-    base50: "rgba(255, 156, 40, 0.5)",
-    base: "#FF9C28",
-    dark: "#EC7F00",
-    darker: "#B15F00",
-    darkest: "#764000"
-  },
-  red: {
-    lightest: "#F1B1B1",
-    lighter: "#EA8787",
-    light50: "rgba(223, 73, 73, 0.5)",
-    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;
@@ -36997,15 +36785,5 @@ 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