@amboss/design-system 1.15.2 → 1.15.4

package/build/cjs/build-tokens/visualConfig.js

@@ -0,0 +1,1329 @@
+'use strict';
+
+const variables = {
+  "fontFamily": {
+    "lato": "Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"
+  },
+  "opacity": {
+    "button": {
+      "disabled": 0.3
+    },
+    "form": {
+      "disabled": "0.35"
+    }
+  },
+  "shadow": {
+    "card": {
+      "a": "0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",
+      "b": "0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",
+      "c": "0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",
+      "d": "0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"
+    }
+  },
+  "size": {
+    "dimension": {
+      "checkbox": {
+        "m": "24px"
+      },
+      "radio": {
+        "m": "24px"
+      },
+      "radioPoint": {
+        "m": "10px"
+      },
+      "toggle": {
+        "height": {
+          "s": "16px",
+          "m": "24px"
+        },
+        "width": {
+          "s": "28px",
+          "m": "40px"
+        }
+      },
+      "textarea": {
+        "minHeight": {
+          "m": "36px"
+        }
+      },
+      "togglePoint": {
+        "s": "8px",
+        "m": "16px"
+      },
+      "toggleButton": {
+        "height": {
+          "m": "32px"
+        }
+      },
+      "dropdownMenu": {
+        "width": "120px"
+      },
+      "modal": {
+        "width": "560px"
+      },
+      "mediaViewerBar": {
+        "separator": {
+          "width": "1px"
+        }
+      }
+    },
+    "borderRadius": {
+      "xs": "4px",
+      "s": "8px",
+      "m": "12px",
+      "button": {
+        "m": "4px"
+      },
+      "container": {
+        "m": "12px"
+      },
+      "card": {
+        "m": "12px"
+      },
+      "input": {
+        "s": "4px"
+      },
+      "textarea": {
+        "s": "4px"
+      },
+      "dropdown": {
+        "s": "4px",
+        "m": "8px"
+      },
+      "checkbox": {
+        "m": "4px"
+      },
+      "radio": {
+        "m": "12px"
+      },
+      "toggle": {
+        "s": "8px",
+        "m": "16px"
+      },
+      "badge": {
+        "m": "24px"
+      },
+      "toggleButton": {
+        "m": "16px"
+      },
+      "progressBar": "4px"
+    },
+    "spacing": {
+      "zero": "0px",
+      "xxxs": "2px",
+      "xxs": "4px",
+      "xs": "8px",
+      "s": "12px",
+      "m": "16px",
+      "l": "24px",
+      "xl": "32px",
+      "xxl": "48px"
+    },
+    "letterSpacing": {
+      "badge": {
+        "m": "1px"
+      },
+      "header": {
+        "h6": "0.5px"
+      }
+    },
+    "font": {
+      "button": {
+        "m": "14px"
+      },
+      "icon": {
+        "s": "16px",
+        "m": "24px",
+        "l": "48px"
+      },
+      "link": {
+        "xs": "10px",
+        "s": "12px",
+        "m": "14px",
+        "l": "16px"
+      },
+      "badge": {
+        "m": "12px"
+      },
+      "toggleButton": {
+        "m": "14px"
+      },
+      "text": {
+        "xs": "12px",
+        "s": "14px",
+        "m": "16px"
+      },
+      "header": {
+        "xxs": "12px",
+        "xs": "16px",
+        "s": "18px",
+        "m": "20px",
+        "l": "23px",
+        "xl": "26px"
+      }
+    },
+    "lineHeight": {
+      "button": {
+        "m": "16px"
+      },
+      "callout": {
+        "s": "24px"
+      },
+      "link": {
+        "xs": "16px",
+        "s": "18px",
+        "m": "20px",
+        "l": "22px"
+      },
+      "badge": {
+        "m": "16px"
+      },
+      "toggleButton": {
+        "m": "16px"
+      },
+      "text": {
+        "xs": "18px",
+        "s": "20px",
+        "m": "24px"
+      },
+      "header": {
+        "xxs": "16px",
+        "xs": "20px",
+        "s": "22px",
+        "m": "24px",
+        "l": "28px",
+        "xl": "32px"
+      }
+    }
+  },
+  "weight": {
+    "normal": 400,
+    "bold": 700,
+    "black": 900,
+    "inherit": "inherit"
+  }
+};
+const ambossVisualConfiguration = {
+  "dark": {
+    "name": "dark",
+    "variables": variables,
+    "values": {
+      "color": {
+        "canvas": "#1e2125",
+        "background": {
+          "primary": {
+            "default": "#24282d"
+          },
+          "secondary": {
+            "default": "#282c34",
+            "hover": "#393e47",
+            "active": "#393e47"
+          },
+          "accent": {
+            "default": "#28816b",
+            "hover": "#41a48a",
+            "active": "#233d3d",
+            "disabled": "rgba(40, 129, 107, 0.3)"
+          },
+          "onAccent": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff",
+            "disabled": "rgba(255, 255, 255, 0.6)"
+          },
+          "error": {
+            "default": "#a45355",
+            "hover": "#d07c7c",
+            "active": "#4d3237",
+            "disabled": "rgba(164, 83, 85, 0.3)"
+          },
+          "success": {
+            "default": "#28816b"
+          },
+          "info": {
+            "default": "#2f538a"
+          },
+          "warning": {
+            "default": "#a4792d"
+          },
+          "accentSubtle": {
+            "default": "#233d3d"
+          },
+          "errorSubtle": {
+            "default": "#312b31"
+          },
+          "successSubtle": {
+            "default": "#262e33"
+          },
+          "infoSubtle": {
+            "default": "#282e39"
+          },
+          "warningSubtle": {
+            "default": "#32302f"
+          },
+          "highlight": {
+            "default": "#40454f",
+            "hover": "#393e47"
+          },
+          "contrast": {
+            "default": "#ced1d6"
+          },
+          "transparent": {
+            "default": "rgba(255, 255, 255, 0)",
+            "hover": "rgba(147, 151, 159, 0.08)",
+            "active": "rgba(147, 151, 159, 0.08)"
+          },
+          "backdrop": {
+            "default": "rgba(0, 0, 0, 0.6)"
+          }
+        },
+        "text": {
+          "primary": {
+            "default": "#ced1d6",
+            "hover": "#ffffff"
+          },
+          "secondary": {
+            "default": "#b9bcc3",
+            "hover": "#ced1d6"
+          },
+          "tertiary": {
+            "default": "#93979f",
+            "disabled": "rgba(216, 218, 222, 0.3)",
+            "hover": "#b9bcc3"
+          },
+          "quaternary": {
+            "default": "#757a84"
+          },
+          "accent": {
+            "default": "#41a48a",
+            "hover": "#a6f2dd"
+          },
+          "onAccent": {
+            "default": "#ffffff",
+            "disabled": "rgba(216, 218, 222, 0.3)"
+          },
+          "info": {
+            "default": "#99c1fa"
+          },
+          "error": {
+            "default": "#f49a9a",
+            "disabled": "rgba(244, 154, 154, 0.3)"
+          },
+          "warning": {
+            "default": "#fae0b3"
+          },
+          "success": {
+            "default": "#a6f2dd"
+          }
+        },
+        "icon": {
+          "primary": "#d8dade",
+          "secondary": "#ced1d6",
+          "tertiary": "#93979f",
+          "quaternary": "#757a84",
+          "accent": "#41a48a",
+          "onAccent": "#ffffff",
+          "info": "#6e95cf",
+          "error": "#d07c7c",
+          "warning": "#cbac76",
+          "success": "#41a48a",
+          "brand": "#62b2bc"
+        },
+        "border": {
+          "primary": {
+            "default": "#5b5f67",
+            "hover": "#757a84",
+            "active": "#93979f",
+            "disabled": "rgba(147, 151, 159, 0.08)"
+          },
+          "secondary": {
+            "default": "rgba(147, 149, 159, 0.3)"
+          },
+          "accent": {
+            "default": "#41a48a"
+          },
+          "error": {
+            "default": "#d07c7c"
+          },
+          "accentSubtle": {
+            "default": "#28816b"
+          }
+        },
+        "divider": {
+          "primary": "#40454f",
+          "secondary": "rgba(147, 151, 159, 0.08)"
+        },
+        "toggle": {
+          "background": {
+            "highlight": "#b2ab39"
+          },
+          "border": {
+            "highlight": "#b2ab39"
+          }
+        },
+        "badge": {
+          "background": {
+            "default": "transparent",
+            "green": "transparent",
+            "blue": "transparent",
+            "yellow": "transparent",
+            "brand": "transparent",
+            "purple": "transparent",
+            "red": "transparent",
+            "gray": "transparent"
+          },
+          "text": {
+            "default": "#ced1d6",
+            "green": "#41a48a",
+            "blue": "#6e95cf",
+            "yellow": "#cbac76",
+            "brand": "#62b2bc",
+            "purple": "#ad97f7",
+            "red": "#d07c7c",
+            "gray": "#93979f"
+          },
+          "border": {
+            "default": "#393e47",
+            "green": "#393e47",
+            "blue": "#393e47",
+            "yellow": "#393e47",
+            "brand": "#393e47",
+            "purple": "#393e47",
+            "red": "#393e47",
+            "gray": "#393e47"
+          }
+        },
+        "segmentedProgressBar": {
+          "monochrome": "#ced1d6",
+          "success": "#28816b",
+          "warning": "#a4792d",
+          "alert": "#a45355",
+          "inProgress": "#5b5f67"
+        },
+        "tag": {
+          "background": {
+            "gray": "#5b5f67",
+            "blue": "#2f538a"
+          },
+          "text": {
+            "gray": "#ced1d6",
+            "blue": "#e7effe"
+          }
+        },
+        "destructiveTertiaryButton": {
+          "background": {
+            "hover": "rgba(164, 83, 85, 0.08)",
+            "active": "rgba(164, 83, 85, 0.08)"
+          }
+        }
+      },
+      "subThemes": {
+        "dimmed": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#40515e"
+              },
+              "secondary": {
+                "default": "transparent",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "transparent",
+                "hover": "rgba(255, 255, 255, 0.08)",
+                "active": "transparent",
+                "disabled": "transparent"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#b9bcc3"
+              },
+              "tertiary": {
+                "default": "#ced1d6",
+                "hover": "#b9bcc3"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#d8dade"
+              },
+              "onAccent": {
+                "default": "#ffffff"
+              },
+              "error": {
+                "default": "#ee6160"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#e0e6eb",
+              "accent": "#ffffff",
+              "onAccent": "#ffffff",
+              "error": "#ee6160"
+            },
+            "border": {
+              "primary": {
+                "default": "transparent",
+                "hover": "transparent",
+                "active": "transparent"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#e0e6eb"
+            }
+          }
+        },
+        "error": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#a45355"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)",
+                "active": "rgba(255, 255, 255, 0.6)",
+                "disabled": "rgba(255, 255, 255, 0.6)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#b9bcc3"
+              },
+              "tertiary": {
+                "default": "#ced1d6",
+                "hover": "#b9bcc3"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#d8dade"
+              },
+              "onAccent": {
+                "default": "#312b31"
+              },
+              "error": {
+                "default": "#d07c7c"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#ced1d6",
+              "accent": "#ffffff",
+              "onAccent": "#c02725",
+              "error": "#d07c7c"
+            },
+            "border": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#ffffff",
+                "active": "#ffffff"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#ced1d6"
+            }
+          }
+        },
+        "info": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#29364c"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)",
+                "active": "rgba(255, 255, 255, 0.6)",
+                "disabled": "rgba(255, 255, 255, 0.6)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#b9bcc3"
+              },
+              "tertiary": {
+                "default": "#ced1d6",
+                "hover": "#b9bcc3"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#d8dade"
+              },
+              "onAccent": {
+                "default": "#282e39"
+              },
+              "error": {
+                "default": "#ee6160"
+              },
+              "info": {
+                "default": "#6e95cf"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#e0e6eb",
+              "accent": "#ffffff",
+              "onAccent": "#1c427d",
+              "error": "#ee6160",
+              "info": "#6e95cf"
+            },
+            "border": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#ffffff",
+                "active": "#ffffff"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#e0e6eb"
+            }
+          }
+        },
+        "inverted": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#d8dade"
+              },
+              "secondary": {
+                "default": "transparent",
+                "hover": "rgba(147, 151, 159, 0.08)"
+              },
+              "accent": {
+                "default": "#28816b",
+                "hover": "#233d3d",
+                "active": "#262e33",
+                "disabled": "rgba(40, 129, 107, 0.3)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#1e2125",
+                "hover": "#1e2125"
+              },
+              "secondary": {
+                "default": "#40454f",
+                "hover": "#393e47"
+              },
+              "tertiary": {
+                "default": "#5b5f67",
+                "hover": "#40454f"
+              },
+              "accent": {
+                "default": "#28816b",
+                "hover": "#233d3d"
+              },
+              "onAccent": {
+                "default": "#ffffff"
+              },
+              "error": {
+                "default": "#4d3237"
+              },
+              "info": {
+                "default": "#29364c"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#40454f",
+              "tertiary": "#5b5f67",
+              "accent": "#28816b",
+              "onAccent": "#ffffff",
+              "info": "#29364c",
+              "error": "#4d3237"
+            },
+            "border": {
+              "primary": {
+                "default": "#757a84",
+                "hover": "#757a84",
+                "active": "#757a84"
+              },
+              "accent": {
+                "default": "#28816b"
+              }
+            },
+            "divider": {
+              "primary": "#b9bcc3"
+            }
+          }
+        },
+        "success": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#28816b"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)",
+                "active": "rgba(255, 255, 255, 0.6)",
+                "disabled": "rgba(255, 255, 255, 0.6)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#b9bcc3"
+              },
+              "tertiary": {
+                "default": "#ced1d6",
+                "hover": "#b9bcc3"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#d8dade"
+              },
+              "onAccent": {
+                "default": "#262e33"
+              },
+              "error": {
+                "default": "#d07c7c"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#ced1d6",
+              "accent": "#ffffff",
+              "onAccent": "#262e33",
+              "error": "#d07c7c"
+            },
+            "border": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#ffffff",
+                "active": "#ffffff"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#ced1d6"
+            }
+          }
+        }
+      }
+    }
+  },
+  "light": {
+    "name": "light",
+    "variables": variables,
+    "values": {
+      "color": {
+        "canvas": "#eef2f5",
+        "background": {
+          "primary": {
+            "default": "#ffffff"
+          },
+          "secondary": {
+            "default": "#f5f7f9",
+            "hover": "#eef2f5",
+            "active": "#ffffff"
+          },
+          "accent": {
+            "default": "#0fa980",
+            "hover": "#0b8363",
+            "active": "#0a5c45",
+            "disabled": "rgba(15, 169, 128, 0.3)"
+          },
+          "onAccent": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff",
+            "disabled": "rgba(255, 255, 255, 0.6)"
+          },
+          "error": {
+            "default": "#dc4847",
+            "hover": "#c02725",
+            "active": "#c02725",
+            "disabled": "rgba(238, 97, 96, 0.3)"
+          },
+          "success": {
+            "default": "#0b8363"
+          },
+          "info": {
+            "default": "#295dae"
+          },
+          "warning": {
+            "default": "#df9411"
+          },
+          "accentSubtle": {
+            "default": "#e8f8f4"
+          },
+          "errorSubtle": {
+            "default": "#fde8e8"
+          },
+          "successSubtle": {
+            "default": "#e8f8f4"
+          },
+          "infoSubtle": {
+            "default": "#e7effe"
+          },
+          "warningSubtle": {
+            "default": "#fef3e1"
+          },
+          "highlight": {
+            "default": "#607585",
+            "hover": "#40515e"
+          },
+          "contrast": {
+            "default": "#314554"
+          },
+          "transparent": {
+            "default": "rgba(255, 255, 255, 0)",
+            "hover": "rgba(96, 117, 133, 0.08)",
+            "active": "rgba(96, 117, 133, 0.08)"
+          },
+          "backdrop": {
+            "default": "rgba(0, 0, 0, 0.6)"
+          }
+        },
+        "text": {
+          "primary": {
+            "default": "#1a1c1c",
+            "hover": "#1a1c1c"
+          },
+          "secondary": {
+            "default": "#40515e",
+            "hover": "#40515e"
+          },
+          "tertiary": {
+            "default": "#607585",
+            "disabled": "rgba(64, 81, 94, 0.3)",
+            "hover": "#40515e"
+          },
+          "quaternary": {
+            "default": "#a3b2bd"
+          },
+          "accent": {
+            "default": "#0b8363",
+            "hover": "#0a5c45"
+          },
+          "onAccent": {
+            "default": "#ffffff",
+            "disabled": "rgba(255, 255, 255, 0.6)"
+          },
+          "info": {
+            "default": "#1c427d"
+          },
+          "error": {
+            "default": "#c02725",
+            "disabled": "rgba(192, 39, 37, 0.3)"
+          },
+          "warning": {
+            "default": "#314554"
+          },
+          "success": {
+            "default": "#0a5c45"
+          }
+        },
+        "icon": {
+          "primary": "#1a1c1c",
+          "secondary": "#40515e",
+          "tertiary": "#607585",
+          "quaternary": "#a3b2bd",
+          "accent": "#0b8363",
+          "onAccent": "#ffffff",
+          "info": "#295dae",
+          "error": "#dc4847",
+          "warning": "#df9411",
+          "success": "#0b8363",
+          "brand": "#0aa6b8"
+        },
+        "border": {
+          "primary": {
+            "default": "#a3b2bd",
+            "hover": "#607585",
+            "active": "#40515e",
+            "disabled": "rgba(163, 178, 189, 0.3)"
+          },
+          "secondary": {
+            "default": "rgba(163, 178, 189, 0.3)"
+          },
+          "accent": {
+            "default": "#0b8363"
+          },
+          "error": {
+            "default": "#dc4847"
+          },
+          "accentSubtle": {
+            "default": "#8adcc6"
+          }
+        },
+        "divider": {
+          "primary": "#e0e6eb",
+          "secondary": "rgba(163, 178, 189, 0.3)"
+        },
+        "toggle": {
+          "background": {
+            "highlight": "#f3eb75"
+          },
+          "border": {
+            "highlight": "#f3eb75"
+          }
+        },
+        "badge": {
+          "background": {
+            "default": "#ffffff",
+            "green": "#e8f8f4",
+            "blue": "#e7effe",
+            "yellow": "#fef3e1",
+            "brand": "#e7f6f8",
+            "purple": "#f2effb",
+            "red": "#fde8e8",
+            "gray": "#eef2f5"
+          },
+          "text": {
+            "default": "#1a1c1c",
+            "green": "#0b8363",
+            "blue": "#295dae",
+            "yellow": "#9a6304",
+            "brand": "#067c89",
+            "purple": "#5d44ab",
+            "red": "#c02725",
+            "gray": "#607585"
+          },
+          "border": {
+            "default": "#e0e6eb",
+            "green": "#e8f8f4",
+            "blue": "#e7effe",
+            "yellow": "#fef3e1",
+            "brand": "#e7f6f8",
+            "purple": "#f2effb",
+            "red": "#fde8e8",
+            "gray": "#eef2f5"
+          }
+        },
+        "segmentedProgressBar": {
+          "monochrome": "#607585",
+          "success": "#39d6ac",
+          "warning": "#f1d56b",
+          "alert": "#f07575",
+          "inProgress": "#e0e6eb"
+        },
+        "tag": {
+          "background": {
+            "gray": "#e0e6eb",
+            "blue": "#d2e2f9"
+          },
+          "text": {
+            "gray": "#40515e",
+            "blue": "#1c427d"
+          }
+        },
+        "destructiveTertiaryButton": {
+          "background": {
+            "hover": "rgba(238, 97, 96, 0.08)",
+            "active": "rgba(238, 97, 96, 0.08)"
+          }
+        }
+      },
+      "subThemes": {
+        "dimmed": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#40515e"
+              },
+              "secondary": {
+                "default": "transparent",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "transparent",
+                "hover": "rgba(255, 255, 255, 0.08)",
+                "active": "transparent",
+                "disabled": "transparent"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#eef2f5"
+              },
+              "tertiary": {
+                "default": "#e0e6eb",
+                "hover": "#a3b2bd"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "onAccent": {
+                "default": "#ffffff"
+              },
+              "error": {
+                "default": "#ee6160"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#e0e6eb",
+              "accent": "#ffffff",
+              "onAccent": "#ffffff",
+              "error": "#ee6160"
+            },
+            "border": {
+              "primary": {
+                "default": "transparent",
+                "hover": "transparent",
+                "active": "transparent"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#e0e6eb"
+            }
+          }
+        },
+        "error": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#ee6160"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)",
+                "active": "rgba(255, 255, 255, 0.6)",
+                "disabled": "rgba(255, 255, 255, 0.6)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#eef2f5"
+              },
+              "tertiary": {
+                "default": "#e0e6eb",
+                "hover": "#a3b2bd"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "onAccent": {
+                "default": "#c02725"
+              },
+              "error": {
+                "default": "#ee6160"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#e0e6eb",
+              "accent": "#ffffff",
+              "onAccent": "#c02725",
+              "error": "#ee6160"
+            },
+            "border": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#ffffff",
+                "active": "#ffffff"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#e0e6eb"
+            }
+          }
+        },
+        "info": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#295dae"
+              },
+              "secondary": {
+                "default": "transparent",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)",
+                "active": "rgba(255, 255, 255, 0.6)",
+                "disabled": "rgba(255, 255, 255, 0.6)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#eef2f5"
+              },
+              "tertiary": {
+                "default": "#e0e6eb",
+                "hover": "#a3b2bd"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "onAccent": {
+                "default": "#1c427d"
+              },
+              "error": {
+                "default": "#ee6160"
+              },
+              "info": {
+                "default": "#d2e2f9"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#e0e6eb",
+              "accent": "#ffffff",
+              "onAccent": "#1c427d",
+              "info": "#d2e2f9",
+              "error": "#ee6160"
+            },
+            "border": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#ffffff",
+                "active": "#ffffff"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#e0e6eb"
+            }
+          }
+        },
+        "inverted": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#1a1c1c"
+              },
+              "secondary": {
+                "default": "transparent",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)",
+                "active": "rgba(255, 255, 255, 0.6)",
+                "disabled": "rgba(255, 255, 255, 0.6)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)"
+              },
+              "secondary": {
+                "default": "#e0e6eb",
+                "hover": "#a3b2bd"
+              },
+              "tertiary": {
+                "default": "#a3b2bd",
+                "hover": "#607585"
+              },
+              "accent": {
+                "default": "#8adcc6",
+                "hover": "#0fa980"
+              },
+              "onAccent": {
+                "default": "#314554"
+              },
+              "error": {
+                "default": "#f07575"
+              },
+              "info": {
+                "default": "#6e95cf"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#e0e6eb",
+              "tertiary": "#a3b2bd",
+              "accent": "#8adcc6",
+              "onAccent": "#314554",
+              "info": "#6e95cf",
+              "error": "#f07575"
+            },
+            "border": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#ffffff",
+                "active": "#ffffff"
+              },
+              "accent": {
+                "default": "#ffffff"
+              }
+            },
+            "divider": {
+              "primary": "#e0e6eb"
+            }
+          }
+        },
+        "success": {
+          "color": {
+            "background": {
+              "primary": {
+                "default": "#0fa980"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.08)"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "rgba(255, 255, 255, 0.8)",
+                "active": "rgba(255, 255, 255, 0.6)",
+                "disabled": "rgba(255, 255, 255, 0.6)"
+              },
+              "transparent": {
+                "hover": "rgba(255, 255, 255, 0.08)"
+              }
+            },
+            "text": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "secondary": {
+                "default": "#ffffff",
+                "hover": "#eef2f5"
+              },
+              "tertiary": {
+                "default": "#e0e6eb",
+                "hover": "#a3b2bd"
+              },
+              "accent": {
+                "default": "#ffffff",
+                "hover": "#e0e6eb"
+              },
+              "error": {
+                "default": "#ee6160"
+              },
+              "onAccent": {
+                "default": "#0a5c45"
+              }
+            },
+            "icon": {
+              "primary": "#ffffff",
+              "secondary": "#ffffff",
+              "tertiary": "#e0e6eb",
+              "accent": "#ffffff",
+              "onAccent": "#0a5c45",
+              "error": "#ee6160"
+            },
+            "border": {
+              "primary": {
+                "default": "#ffffff",
+                "hover": "#ffffff",
+                "active": "#ffffff"
+              },
+              "accent": {
+                "default": "transparent"
+              }
+            },
+            "divider": {
+              "primary": "#e0e6eb"
+            }
+          }
+        }
+      }
+    }
+  }
+};
+
+exports.ambossVisualConfiguration = ambossVisualConfiguration;