@amboss/design-system 2.3.0 → 2.3.1

package/build/esm/web-tokens/assets/icons16.json

@@ -3,6 +3,7 @@
   "alert-triangle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M6.854 1.691L1.18 11.846c-.239.442-.24.986-.004 1.43.236.442.673.718 1.15.724h11.349a1.328 1.328 0 001.15-.725 1.526 1.526 0 00-.005-1.43L9.146 1.692C8.903 1.262 8.468 1 8 1s-.903.262-1.146.691z\"\n    clip-rule=\"evenodd\" />\n  <g fill=\"currentColor\">\n    <path d=\"M9 6a1 1 0 00-2 0zM7 8a1 1 0 002 0zm0-2v2h2V6z\" />\n    <rect width=\"2\" height=\"2\" x=\"7\" y=\"10\" rx=\"1\" />\n  </g>\n</svg>",
   "alert-octagon": "<svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n  <clipPath id=\"a\">\n    <path d=\"m0 0h16v16h-16z\"/>\n  </clipPath>\n  <g clip-path=\"url(#a)\" fill=\"currentColor\">\n    <path d=\"m8 4c.55229 0 1 .44772 1 1v3c0 .55228-.44771 1-1 1-.55228 0-1-.44772-1-1v-3c0-.55228.44772-1 1-1z\"/>\n    <path d=\"m8 10c-.55228 0-1 .4477-1 1s.44772 1 1 1c.55229 0 1-.4477 1-1s-.44771-1-1-1z\"/>\n    <path clip-rule=\"evenodd\" d=\"m4.39489.292893c.18097-.180964.43097-.292893.70711-.292893h5.796c.2652 0 .5196.105357.7071.292893l4.102 4.101997c.1875.18754.2929.44189.2929.70711v5.796c0 .2652-.1054.5196-.2929.7071l-4.102 4.102c-.1875.1875-.4419.2929-.7071.2929h-5.796c-.26522 0-.51957-.1054-.70711-.2929l-4.101997-4.102c-.187536-.1875-.292893-.4419-.292893-.7071v-5.796c0-.26522.105357-.51957.292893-.70711zm1.12132 1.707107-3.51621 3.51621v4.96759l3.51621 3.5162h4.96759l3.5162-3.5162v-4.96759l-3.5162-3.51621z\" fill-rule=\"evenodd\"/>\n  </g>\n</svg>\n",
   "align-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\">\n    <path d=\"M3 8h7M3 12h10M3 4h11\" />\n  </g>\n</svg>",
+  "amboss-logo": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n  <path fill=\"#047a88\" d=\"M11.46 13.18H4.37l.45-.82h6.2ZM8.86 5l3.6 6.56h-.96L8.86 6.7l-.47.86 2.18 3.98h-5.3Zm4.98 7.37L8.86 3.28l-.47.86-4.06 7.4h-.95l5-9.12-.46-.85L2 12.37h1.88L2.98 14h9.87l-.9-1.64Zm0 0\"/>\n</svg>",
   "anamnesis": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1 6.88641C1 6.33412 1.44772 5.88641 2 5.88641H6.86364C7.41592 5.88641 7.86364 5.43869 7.86364 4.88641V4.81824C7.86364 4.26595 8.31135 3.81824 8.86364 3.81824H13.7273C14.2796 3.81824 14.7273 4.26595 14.7273 4.81824V14.0001C14.7273 14.5523 14.2796 15.0001 13.7273 15.0001H2C1.44772 15.0001 1 14.5523 1 14.0001V6.88641Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>\n<path d=\"M13.3546 4.45455V1H2.3728V6.72727\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>\n</svg>\n",
   "apple": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <path fill=\"currentColor\" fill-rule=\"evenodd\"\n    d=\"M11.166 0c.143.972-.253 1.924-.774 2.598-.559.722-1.52 1.28-2.453 1.252-.17-.93.265-1.89.796-2.534C9.316.605 10.313.06 11.165 0zm2.8 13.679c.481-.737.66-1.108 1.034-1.94-2.714-1.032-3.149-4.89-.463-6.37-.82-1.028-1.97-1.624-3.057-1.624-.783 0-1.32.205-1.807.39-.406.155-.779.297-1.232.297-.49 0-.923-.155-1.377-.318-.5-.18-1.023-.367-1.673-.367-1.22 0-2.517.745-3.34 2.02-1.157 1.793-.96 5.166.916 8.039.671 1.028 1.567 2.184 2.739 2.194.486.005.81-.14 1.16-.297.4-.18.836-.375 1.59-.38.758-.004 1.187.194 1.583.376.34.157.657.303 1.14.298 1.172-.01 2.117-1.29 2.788-2.318z\"\n    clip-rule=\"evenodd\" />\n</svg>",
   "arrow-down": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-arrow-down\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line><polyline points=\"19 12 12 19 5 12\"></polyline></svg>",
@@ -25,6 +26,7 @@
   "bubble-text": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-width=\"2\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n      d=\"M4 2a1 1 0 00-1 1v3.222L1.638 7.67c-.091.097-.236.17-.255.3a.206.206 0 000 .06c.02.13.164.203.255.3L3 9.778V13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1z\" />\n    <g stroke-linecap=\"square\" stroke-linejoin=\"bevel\">\n      <path d=\"M7 6h4M7 10h4\" />\n    </g>\n  </g>\n</svg>",
   "bulb": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-width=\"2\">\n    <path\n      d=\"M8 1a5 5 0 00-3.384 8.681c.232.213.384.504.384.819v2.086a1 1 0 00.293.707l1.414 1.414a1 1 0 00.707.293h1.172a1 1 0 00.707-.293l1.414-1.414a1 1 0 00.293-.707V10.5c0-.315.152-.606.384-.819A5 5 0 008 1z\" />\n    <g stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M6.5 6h3M8 7v4.5M5 12h6\" />\n    </g>\n  </g>\n</svg>",
   "calculator": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <path stroke=\"currentColor\" stroke-width=\"2\" d=\"M2 2a1 1 0 011-1h10a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1z\" />\n  <g fill=\"currentColor\">\n    <path fill-rule=\"evenodd\"\n      d=\"M4 6a1 1 0 112 0 1 1 0 01-2 0zm6 0a1 1 0 112 0 1 1 0 01-2 0zM8 8a1 1 0 100 2 1 1 0 000-2zm3 0a1 1 0 100 2 1 1 0 000-2zM8 5a1 1 0 100 2 1 1 0 000-2zM5 8a1 1 0 100 2 1 1 0 000-2zm5 4a1 1 0 112 0 1 1 0 01-2 0zm-5-1a1 1 0 100 2h3a1 1 0 100-2z\"\n      clip-rule=\"evenodd\" />\n    <path d=\"M2 1h12v3H2z\" />\n  </g>\n</svg>",
+  "chart": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\" stroke=\"currentColor\">\n    <path d=\"M8.04 2A5.94 5.94 0 0 0 2 7.98a6.04 6.04 0 0 0 1.72 4.25A5.9 5.9 0 0 0 7.92 14 6.03 6.03 0 0 0 14 8.02c.02-3.29-2.68-6-5.96-6.02Zm4.35 8.12c-.8 0-.8-.76-.94-1.32-.16-.68-.25-1.38-.44-2.06-.35.94-.33 1.96-.54 2.92a7.7 7.7 0 0 1-.22.95c-.11.34-.29.68-.71.66-.38-.02-.54-.32-.65-.65-.27-.81-.34-1.66-.46-2.5a37.1 37.1 0 0 0-.42-2.6c-.35 1.04-.39 2.12-.56 3.18-.1.67-.17 1.34-.4 1.98-.12.3-.27.58-.61.6-.38.01-.58-.27-.7-.6-.3-.82-.33-1.7-.47-2.57l-.21-1.38-.15.01c-.16.81-.3 1.62-.48 2.42-.11.46-.23 1-.86.98-.62 0-.74-.5-.87-.96l-.01-.08c-.07-.37-.4-.9.12-1.05.57-.16.5.46.6.82.04.12.1.24.16.36.3-.8.3-1.57.5-2.3.15-.56.13-1.35.92-1.35.8-.01.77.77.87 1.3.2 1 .3 2 .5 3.01.37-1 .4-2.07.56-3.1.11-.7.18-1.4.42-2.06.11-.3.27-.57.6-.59.4-.02.59.27.7.6.38 1.2.42 2.46.62 3.69l.27 1.77c.36-1.2.3-2.25.56-3.24.14-.56.07-1.36.87-1.38.8-.02.78.78.93 1.33.2.71.2 1.47.48 2.25.22-.31.23-.6.32-.88a.36.36 0 0 1 .4-.28c.1.02.2.07.25.15a.4.4 0 0 1 .08.29c-.01.12-.04.24-.08.36-.14.56-.14 1.32-.95 1.32Zm0 0\" fill-rule=\"nonzero\" fill-opacity=\"1\"/>\n</svg>",
   "charts": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <path stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M2 7s.91.008 1 0a.5.5 0 00.414-.296l1.1-2.583a.5.5 0 01.933.052l2.051 4.478a.5.5 0 00.966-.048L10.528 2.4a.5.5 0 01.971-.035L12.5 6.5c.03.105 0 .5 1 .5h.5\" />\n  <g fill=\"currentColor\">\n    <path\n      d=\"M3 13a1 1 0 10-2 0zm-2 0v2h2v-2zM9 13a1 1 0 10-2 0zm-2 0v2h2v-2zM15 13a1 1 0 10-2 0zm-2 0v2h2v-2zM6 11a1 1 0 10-2 0zm-2 0v4h2v-4zM12 11a1 1 0 10-2 0zm-2 0v4h2v-4z\" />\n  </g>\n</svg>",
   "check": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M14 4l-8.25 8L2 8.364\" />\n</svg>",
   "check-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n    <path d=\"M14 7.895V8.5a6.5 6.5 0 11-3.854-5.941\" />\n    <path d=\"M14.667 2.667L7.333 10l-2-2\" />\n  </g>\n</svg>",
@@ -55,6 +57,7 @@
   "edit": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\">\n    <path stroke-linecap=\"square\"\n      d=\"M7 2H3.333A1.333 1.333 0 002 3.333v9.334A1.333 1.333 0 003.333 14h9.334A1.334 1.334 0 0014 12.667V9\" />\n    <path stroke-linecap=\"round\" d=\"M12.692 1.396a1.352 1.352 0 011.912 1.912L8.549 9.363 6 10l.637-2.55z\" />\n  </g>\n</svg>",
   "edit-square": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M7.333 2.667H2.666A1.333 1.333 0 001.333 4v9.334a1.333 1.333 0 001.333 1.333H12a1.334 1.334 0 001.333-1.333V8.667\" />\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M12.333 1.667a1.414 1.414 0 112 2L8 10.001l-2.667.666L6 8l6.333-6.333z\" />\n</svg>",
   "education": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 16 16\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 2L1 5.5 8 9l7-3.5L8 2z\"\n        clip-rule=\"evenodd\" />\n    <path stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v5.511L8 14.5l4-1.989V7\" />\n    <path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M15 5.5v5\" />\n</svg>",
+  "effigos": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n  <path d=\"M2.04 7.16c-.2 2.55.23 4.82 2.64 6.25.07.06.16.09.24.12.08.02.15.05.22.1 1.82.63 3.56.45 4.2-.5-.74.06-1.48.07-2.21.02-2.04-.1-3.47-1.19-4.01-3.12a7.23 7.23 0 0 1-.02-3.76c.3-1.2 1.03-2.1 2.12-2.67a6.32 6.32 0 0 1 4.8-.36 4.07 4.07 0 0 1 3.1 3.84c.11 1.35-.6 2.27-1.94 2.46-1.06.14-2.13.16-3.2.07-1.13-.08-1.36-.35-1.36-1.5V8l.01-.44c.04-.47.32-.8.78-.85.42-.03.84-.03 1.26 0 .45.05.74.33.78.8.02.38.02.77 0 1.16v.03c0 .2 0 .38.26.36h.17c.21.01.43.02.46-.29.05-.55.1-1.1-.04-1.63-.18-.72-.62-1.18-1.37-1.3a6.15 6.15 0 0 0-1.63-.02c-.9.1-1.5.74-1.57 1.7-.03.4-.03.8 0 1.21.1 1.01.66 1.6 1.67 1.7 1.4.15 2.82.17 4.22-.08 1.19-.22 2.02-.92 2.26-2.15a4.67 4.67 0 0 0-1.41-4.58C10.73 2 8.62 1.74 6.4 2.21a5.35 5.35 0 0 0-4.37 4.95Zm4.5 4.93a8.5 8.5 0 0 0 4.1-.08l.17-.1c.1-.05.2-.1.29-.18.03-.04.08-.07.12-.1.08-.08.17-.15.19-.29h-.39c-1.22.13-2.45.14-3.67.01-1.47-.15-2.38-.96-2.56-2.38a6.7 6.7 0 0 1 0-1.79 2.6 2.6 0 0 1 2.14-2.34 5.6 5.6 0 0 1 2.41.04c1.2.3 2 1.35 2.02 2.6V8.5c-.03.11-.05.23.11.28.17.04.3-.1.38-.23.08-.12.13-.25.17-.38a3.23 3.23 0 0 0-1.6-3.7 5.32 5.32 0 0 0-4.3-.21 3.14 3.14 0 0 0-2.1 2.45 7.19 7.19 0 0 0-.03 2.66 3.12 3.12 0 0 0 2.54 2.72Zm0 0\" fill-rule=\"evenodd\" fill=\"#607585\" fill-opacity=\"1\"/>\n</svg>",
   "emergency": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.20848 10.7665L3.20848 11.7665L3.20848 11.7665L3.20848 10.7665ZM1.20848 8.76651L2.20848 8.76651L2.20848 8.76651L1.20848 8.76651ZM5.12135 10.7665L6.12135 10.7665L6.12135 9.76651L5.12135 9.76651L5.12135 10.7665ZM5.12135 12.7929L6.12135 12.7929L6.12135 12.7929L5.12135 12.7929ZM7.12135 14.7929L7.12135 15.7929H7.12135L7.12135 14.7929ZM8.76792 14.7929L8.76792 15.7929L8.76792 15.7929L8.76792 14.7929ZM10.7679 12.7929L9.76792 12.7929L9.76792 12.7929L10.7679 12.7929ZM10.7679 10.7665V9.76651L9.76792 9.76651L9.76792 10.7665H10.7679ZM12.7376 10.7665L12.7376 11.7665L12.7376 11.7665L12.7376 10.7665ZM12.7376 5.11994L12.7376 4.11994L12.7376 4.11994L12.7376 5.11994ZM10.7679 5.11994L9.76792 5.11994L9.76792 6.11994L10.7679 6.11994L10.7679 5.11994ZM10.7679 3.26381L11.7679 3.26381L10.7679 3.26381ZM8.76792 1.26381L8.76792 0.263808L8.76792 1.26381ZM7.12135 1.26381L7.12135 2.26381L7.12135 2.26381L7.12135 1.26381ZM5.12135 3.26381L4.12135 3.26381L4.12135 3.26381L5.12135 3.26381ZM5.12135 5.11994L5.12135 6.11994L6.12135 6.11994L6.12135 5.11994L5.12135 5.11994ZM3.20848 5.11994L3.20848 4.11994L3.20848 4.11994L3.20848 5.11994ZM1.20848 7.11994L0.208484 7.11994L0.208484 7.11994L1.20848 7.11994ZM3.20848 9.76651C2.6562 9.76651 2.20848 9.3188 2.20848 8.76651L0.208484 8.76651C0.208484 10.4234 1.55163 11.7665 3.20848 11.7665L3.20848 9.76651ZM5.12135 9.76651L3.20848 9.76651L3.20848 11.7665L5.12135 11.7665L5.12135 9.76651ZM6.12135 12.7929L6.12135 10.7665L4.12135 10.7665L4.12135 12.7929L6.12135 12.7929ZM7.12135 13.7929C6.56907 13.7929 6.12135 13.3452 6.12135 12.7929L4.12135 12.7929C4.12135 14.4498 5.4645 15.7929 7.12135 15.7929L7.12135 13.7929ZM8.76792 13.7929L7.12135 13.7929L7.12135 15.7929L8.76792 15.7929L8.76792 13.7929ZM9.76792 12.7929C9.76792 13.3452 9.32021 13.7929 8.76792 13.7929L8.76792 15.7929C10.4248 15.7929 11.7679 14.4498 11.7679 12.7929L9.76792 12.7929ZM9.76792 10.7665V12.7929H11.7679V10.7665H9.76792ZM12.7376 9.76651L10.7679 9.76651V11.7665L12.7376 11.7665L12.7376 9.76651ZM13.7376 8.76652C13.7376 9.3188 13.2899 9.76651 12.7376 9.76651L12.7376 11.7665C14.3945 11.7665 15.7376 10.4234 15.7376 8.76652H13.7376ZM13.7376 7.11994V8.76652H15.7376V7.11994H13.7376ZM12.7376 6.11994C13.2899 6.11994 13.7376 6.56766 13.7376 7.11994H15.7376C15.7376 5.46309 14.3945 4.11994 12.7376 4.11994L12.7376 6.11994ZM10.7679 6.11994L12.7376 6.11994L12.7376 4.11994L10.7679 4.11994L10.7679 6.11994ZM9.76792 3.26381L9.76792 5.11994L11.7679 5.11994L11.7679 3.26381L9.76792 3.26381ZM8.76792 2.26381C9.32021 2.26381 9.76792 2.71152 9.76792 3.26381H11.7679C11.7679 1.60695 10.4248 0.263808 8.76792 0.263808L8.76792 2.26381ZM7.12135 2.26381L8.76792 2.26381L8.76792 0.263808L7.12135 0.263808L7.12135 2.26381ZM6.12135 3.26381C6.12135 2.71152 6.56907 2.26381 7.12135 2.26381L7.12135 0.263808C5.4645 0.263809 4.12135 1.60695 4.12135 3.26381L6.12135 3.26381ZM6.12135 5.11994L6.12135 3.26381L4.12135 3.26381L4.12135 5.11994L6.12135 5.11994ZM3.20848 6.11994L5.12135 6.11994L5.12135 4.11994L3.20848 4.11994L3.20848 6.11994ZM2.20848 7.11994C2.20848 6.56766 2.6562 6.11994 3.20848 6.11994L3.20848 4.11994C1.55163 4.11994 0.208484 5.46309 0.208484 7.11994L2.20848 7.11994ZM2.20848 8.76651L2.20848 7.11994L0.208484 7.11994L0.208484 8.76651L2.20848 8.76651Z\" fill=\"currentColor\"/>\n</svg>\n",
   "expand": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"2\" d=\"M3 6h10M3 10h10\" />\n  <g fill=\"currentColor\">\n    <path d=\"M8 16l-3-3h6zM8 0l3 3H5z\" />\n  </g>\n</svg>",
   "external-link": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\">\n    <path\n      d=\"M13 9v2.667c0 .736-.597 1.333-1.333 1.333H4.333A1.333 1.333 0 013 11.667V4.333C3 3.597 3.597 3 4.333 3H7\" />\n    <g stroke-linecap=\"round\">\n      <path d=\"M10 2h4v4M8 8l6-6\" />\n    </g>\n  </g>\n</svg>",

package/build/esm/web-tokens/visualConfig.d.ts

@@ -69,7 +69,11 @@ type Variables = {
                 "width": string;
             };
             "modal": {
-                "width": string;
+                "width": {
+                    "s": string;
+                    "m": string;
+                    "l": string;
+                };
             };
             "mediaViewerBar": {
                 "separator": {
@@ -94,6 +98,21 @@ type Variables = {
             "xxl": number;
         };
     };
+    "animation": {
+        "modal": {
+            "open": {
+                "duration": string;
+                "delay": string;
+                "timingFunction": string;
+            };
+        };
+        "modalBackdrop": {
+            "open": {
+                "duration": string;
+                "timingFunction": string;
+            };
+        };
+    };
     "fontFamily": {
         "lato": string;
     };

package/build/esm/web-tokens/visualConfig.js

@@ -1 +1 @@
-let variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",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:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},select:{option:{disabled:.3}},form:{disabled:.35}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}};export const ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},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:"#262f36"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",qbankKeyInfo:"#a4792d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},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:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#2e9aa7",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#2e9aa7"},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:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},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:"#2e9aa7",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)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(216, 218, 222, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#1d6670",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},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:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",qbankKeyInfo:"#df9411"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"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"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#047a88",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",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:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"},success:{default:"#0b8363"}},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:"#047a88",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)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(255, 255, 255, 0.6)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#85d3dc",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(255, 255, 255, 0.6)"}}}}}}};
+let variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",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:{s:"560px",m:"780px",l:"1280px"}},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},animation:{modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},select:{option:{disabled:.3}},form:{disabled:.35}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}};export const ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},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:"#262f36"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",qbankKeyInfo:"#a4792d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},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:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#2e9aa7",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#2e9aa7"},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:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},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:"#2e9aa7",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)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(216, 218, 222, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#1d6670",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},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:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",qbankKeyInfo:"#df9411"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"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"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#047a88",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",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:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"},success:{default:"#0b8363"}},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:"#047a88",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)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(255, 255, 255, 0.6)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#85d3dc",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},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:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},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:"rgba(255, 255, 255, 0.6)"}}}}}}};

package/build/scss/_variables.scss

@@ -160,6 +160,11 @@ $elevation1: var(--elevation-1);
 $elevation2: var(--elevation-2);
 $elevation3: var(--elevation-3);
 $elevation4: var(--elevation-4);
+$animationModalOpenDuration: 400ms;
+$animationModalOpenDelay: 150ms;
+$animationModalOpenTimingFunction: cubic-bezier(0.25, 0.1, 0.25, 1);
+$animationModalBackdropOpenDuration: 300ms;
+$animationModalBackdropOpenTimingFunction: cubic-bezier(0.25, 0.1, 0.25, 1);
 $fontFamilyLato: Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, arial, sans-serif;
 $opacityButtonDisabled: 0.3;
 $opacitySelectOptionDisabled: 0.3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",