@amboss/design-system 2.3.1 → 2.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +4 -2
  2. package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
  3. package/build/cjs/components/EntityTree/BaseEntityTree.d.ts +28 -0
  4. package/build/cjs/components/EntityTree/BaseEntityTree.js +1 -0
  5. package/build/cjs/components/EntityTree/EntityTree.d.ts +2 -26
  6. package/build/cjs/components/EntityTree/EntityTree.js +1 -1
  7. package/build/cjs/components/EntityTree/tree.d.ts +1 -1
  8. package/build/cjs/components/EntityTree/tree.js +1 -1
  9. package/build/cjs/components/EntityTree/tree.test.js +1 -1
  10. package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
  11. package/build/cjs/components/List/ListItem.d.ts +1 -1
  12. package/build/cjs/components/List/ListItem.js +1 -1
  13. package/build/cjs/components/List/ListItemExpandButton.d.ts +3 -1
  14. package/build/cjs/components/List/ListItemExpandButton.js +1 -1
  15. package/build/cjs/components/List/ListItemLabel.d.ts +1 -1
  16. package/build/cjs/components/List/ListItemLabel.js +1 -1
  17. package/build/cjs/components/List/styled-components.js +1 -1
  18. package/build/cjs/components/List/types.d.ts +6 -2
  19. package/build/cjs/components/Patterns/Modal/Modal.js +1 -1
  20. package/build/cjs/web-tokens/_colors.json +25 -7
  21. package/build/cjs/web-tokens/_sizes.json +1 -1
  22. package/build/cjs/web-tokens/assets/icons.json +2 -1
  23. package/build/cjs/web-tokens/assets/icons16.json +2 -1
  24. package/build/cjs/web-tokens/visualConfig.d.ts +3 -1
  25. package/build/cjs/web-tokens/visualConfig.js +1 -1
  26. package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +4 -2
  27. package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
  28. package/build/esm/components/EntityTree/BaseEntityTree.d.ts +28 -0
  29. package/build/esm/components/EntityTree/BaseEntityTree.js +1 -0
  30. package/build/esm/components/EntityTree/EntityTree.d.ts +2 -26
  31. package/build/esm/components/EntityTree/EntityTree.js +1 -1
  32. package/build/esm/components/EntityTree/tree.d.ts +1 -1
  33. package/build/esm/components/EntityTree/tree.js +1 -1
  34. package/build/esm/components/EntityTree/tree.test.js +1 -1
  35. package/build/esm/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
  36. package/build/esm/components/List/ListItem.d.ts +1 -1
  37. package/build/esm/components/List/ListItem.js +1 -1
  38. package/build/esm/components/List/ListItemExpandButton.d.ts +3 -1
  39. package/build/esm/components/List/ListItemExpandButton.js +1 -1
  40. package/build/esm/components/List/ListItemLabel.d.ts +1 -1
  41. package/build/esm/components/List/ListItemLabel.js +1 -1
  42. package/build/esm/components/List/styled-components.js +1 -1
  43. package/build/esm/components/List/types.d.ts +6 -2
  44. package/build/esm/components/Patterns/Modal/Modal.js +1 -1
  45. package/build/esm/web-tokens/_colors.json +25 -7
  46. package/build/esm/web-tokens/_sizes.json +1 -1
  47. package/build/esm/web-tokens/assets/icons.json +2 -1
  48. package/build/esm/web-tokens/assets/icons16.json +2 -1
  49. package/build/esm/web-tokens/visualConfig.d.ts +3 -1
  50. package/build/esm/web-tokens/visualConfig.js +1 -1
  51. package/build/scss/_theming.scss +6 -2
  52. package/build/scss/_variables.scss +3 -1
  53. package/package.json +1 -1
package/build/esm/web-tokens/_colors.json CHANGED
@@ -287,6 +287,24 @@
287
287
  "lightValue": "#f6bc56",
288
288
  "lightOriginalValue": "orange.regular"
289
289
  },
290
+ "color-background-textHighlight-learningRadar": {
291
+ "name": "background.textHighlight",
292
+ "description": "Red underline inside Articles related to Questions they got wrong",
293
+ "subState": "learningRadar",
294
+ "darkValue": "#f07575",
295
+ "darkOriginalValue": "red.light01",
296
+ "lightValue": "rgba(238, 97, 96, 0.3)",
297
+ "lightOriginalValue": "red.regular-transparent01"
298
+ },
299
+ "color-background-textHighlight-qbankKeyInfo": {
300
+ "name": "background.textHighlight",
301
+ "description": "Use to highlight key info in Question text",
302
+ "subState": "qbankKeyInfo",
303
+ "darkValue": "#a4792d",
304
+ "darkOriginalValue": "night-orange.regular",
305
+ "lightValue": "#df9411",
306
+ "lightOriginalValue": "orange.dark01"
307
+ },
290
308
  "color-background-textHighlight-relevancePrimary": {
291
309
  "name": "background.textHighlight",
292
310
  "description": "Used in articles. For highlighting text that is relevant to the user's search.",
@@ -305,14 +323,14 @@
305
323
  "lightValue": "#d0f1e8",
306
324
  "lightOriginalValue": "green.light02"
307
325
  },
308
- "color-background-textHighlight-qbankKeyInfo": {
326
+ "color-background-textHighlight-customBlue": {
309
327
  "name": "background.textHighlight",
310
- "description": "Use to highlight key info in Question text",
311
- "subState": "qbankKeyInfo",
312
- "darkValue": "#a4792d",
313
- "darkOriginalValue": "night-orange.regular",
314
- "lightValue": "#df9411",
315
- "lightOriginalValue": "orange.dark01"
328
+ "description": "Used for the user highlighting in articles. For highlighting added by the user.",
329
+ "subState": "customBlue",
330
+ "darkValue": "#015e7d",
331
+ "darkOriginalValue": "night-neon.lightBlue",
332
+ "lightValue": "#99e6ff",
333
+ "lightOriginalValue": "neon.lightBlue"
316
334
  },
317
335
  "color-background-contrast-default": {
318
336
  "name": "background.contrast",
package/build/esm/web-tokens/_sizes.json CHANGED
@@ -377,7 +377,7 @@
377
377
  "value": "1280px",
378
378
  "original": 1280,
379
379
  "variableName": "$size-dimension-modal-width-l",
380
- "isUsed": false
380
+ "isUsed": true
381
381
  },
382
382
  {
383
383
  "category": "size",
package/build/esm/web-tokens/assets/icons.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "activity": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 1.75a1 1 0 0 1 .95.66L15 16.96l2.05-5.91a1 1 0 0 1 .95-.66h4c.55 0 1 .43 1 .96s-.45.96-1 .96h-3.28l-2.77 7.99a1 1 0 0 1-.95.65 1 1 0 0 1-.95-.65L9 5.75l-2.05 5.9a1 1 0 0 1-.95.66H2c-.55 0-1-.43-1-.96s.45-.96 1-.96h3.28l2.77-7.98A1 1 0 0 1 9 1.75Zm0 0\"/>\n</svg>",
2
3
  "alert-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-alert-circle\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line></svg>",
3
4
  "alert-triangle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-alert-triangle\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"></path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"></line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg>",
4
5
  "alert-octagon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-alert-octagon\"><polygon points=\"7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2\"></polygon><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line></svg>",
@@ -27,7 +28,7 @@
27
28
  "bubble-text": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n <path fill=\"currentColor\"\n d=\"M2.803 12l1.752 1.168c.278.186.445.499.445.832v5c0 .552.449 1 1 1h14a1 1 0 001-1V5c0-.551-.448-1-1-1H6c-.551 0-1 .449-1 1v5c0 .334-.167.646-.445.832L2.803 12zM20 22H6c-1.654 0-3-1.345-3-3v-4.464L.446 12.832a1 1 0 010-1.664L3 9.465V5c0-1.654 1.346-3 3-3h14c1.655 0 3 1.346 3 3v14c0 1.655-1.345 3-3 3zm-4.2-7H8a1 1 0 110-2h7.8a1 1 0 110 2zm2.2-4H8a1 1 0 010-2h10a1 1 0 110 2z\" />\n</svg>",
28
29
  "bulb": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path\n d=\"M14 10h-4m2 0v7.9m4 0v-4.1c1.6-1.2 2.6-3.1 2.6-5.2 0-3.7-3-6.6-6.6-6.6S5.4 4.9 5.4 8.6c0 2.1 1 4 2.6 5.2v4.1h8zm-8 0l2 4.1h4l2-4.1\" />\n</svg>",
29
30
  "calculator": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path\n d=\"M4 7h16M7.9 10.5h0m4 0h0m4 0h0m-8 4h0m4 0h0m4 0h0m-7.9 4h3.9m4 0h0M18 22H6c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2z\" />\n</svg>",
30
- "chart": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\">\n <path d=\"M12.06 3A8.9 8.9 0 0 0 3 11.97a9.04 9.04 0 0 0 2.58 6.38 8.87 8.87 0 0 0 6.3 2.65A9.04 9.04 0 0 0 21 12.03 9.03 9.03 0 0 0 12.06 3Zm6.53 12.18c-1.2 0-1.22-1.14-1.41-1.99-.24-1.01-.39-2.06-.67-3.08-.52 1.42-.49 2.93-.8 4.38-.08.48-.2.96-.33 1.42-.17.5-.43 1.03-1.07 1-.57-.03-.82-.5-.98-.98-.4-1.22-.5-2.5-.68-3.76-.18-1.26-.36-2.58-.64-3.88-.51 1.56-.58 3.17-.83 4.76-.16 1-.26 2-.61 2.97-.17.45-.4.86-.91.89-.57.03-.87-.4-1.05-.88-.46-1.24-.5-2.57-.7-3.86-.12-.7-.22-1.38-.32-2.07l-.23.01c-.23 1.22-.44 2.44-.72 3.64-.16.69-.35 1.48-1.29 1.47-.93 0-1.1-.75-1.3-1.46 0-.03 0-.07-.02-.11-.1-.56-.58-1.36.19-1.58.86-.24.74.7.9 1.24.06.18.14.36.24.53.45-1.2.45-2.36.74-3.45.23-.84.2-2.01 1.4-2.02 1.19-.01 1.14 1.15 1.3 1.94.29 1.5.45 3.02.75 4.53.54-1.52.58-3.11.83-4.67.17-1.04.26-2.08.63-3.08.17-.46.4-.86.91-.88.59-.03.87.41 1.03.9.58 1.8.64 3.69.94 5.54l.4 2.64c.54-1.8.46-3.37.84-4.86.2-.83.1-2.03 1.3-2.06 1.2-.03 1.19 1.18 1.4 2 .3 1.07.3 2.2.72 3.36.33-.46.35-.9.48-1.31a.54.54 0 0 1 .6-.41c.15.02.3.1.39.22.09.12.13.27.11.43-.02.18-.06.37-.12.55-.22.83-.22 1.97-1.42 1.97Z\"/>\n</svg>",
31
+ "chart": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n <path fill=\"currentColor\" d=\"M12.06 3A8.9 8.9 0 0 0 3 11.97a9.04 9.04 0 0 0 2.58 6.38 8.87 8.87 0 0 0 6.3 2.65A9.04 9.04 0 0 0 21 12.03 9.03 9.03 0 0 0 12.06 3Zm6.53 12.18c-1.2 0-1.22-1.14-1.41-1.99-.24-1.01-.39-2.06-.67-3.08-.52 1.42-.49 2.93-.8 4.38-.08.48-.2.96-.33 1.42-.17.5-.43 1.03-1.07 1-.57-.03-.82-.5-.98-.98-.4-1.22-.5-2.5-.68-3.76-.18-1.26-.36-2.58-.64-3.88-.51 1.56-.58 3.17-.83 4.76-.16 1-.26 2-.61 2.97-.17.45-.4.86-.91.89-.57.03-.87-.4-1.05-.88-.46-1.24-.5-2.57-.7-3.86-.12-.7-.22-1.38-.32-2.07l-.23.01c-.23 1.22-.44 2.44-.72 3.64-.16.69-.35 1.48-1.29 1.47-.93 0-1.1-.75-1.3-1.46 0-.03 0-.07-.02-.11-.1-.56-.58-1.36.19-1.58.86-.24.74.7.9 1.24.06.18.14.36.24.53.45-1.2.45-2.36.74-3.45.23-.84.2-2.01 1.4-2.02 1.19-.01 1.14 1.15 1.3 1.94.29 1.5.45 3.02.75 4.53.54-1.52.58-3.11.83-4.67.17-1.04.26-2.08.63-3.08.17-.46.4-.86.91-.88.59-.03.87.41 1.03.9.58 1.8.64 3.69.94 5.54l.4 2.64c.54-1.8.46-3.37.84-4.86.2-.83.1-2.03 1.3-2.06 1.2-.03 1.19 1.18 1.4 2 .3 1.07.3 2.2.72 3.36.33-.46.35-.9.48-1.31a.54.54 0 0 1 .6-.41c.15.02.3.1.39.22.09.12.13.27.11.43-.02.18-.06.37-.12.55-.22.83-.22 1.97-1.42 1.97Z\"/>\n</svg>",
31
32
  "charts": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n <path stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M3 10.5s1.366.011 1.5 0a.75.75 0 00.621-.443l1.65-3.875a.75.75 0 011.4.078l3.077 6.717a.75.75 0 001.449-.072l3.095-9.307a.75.75 0 011.457-.052L18.75 9.75c.045.157 0 .75 1.5.75H21\" />\n <path fill=\"currentColor\"\n d=\"M4 19.5a1 1 0 10-2 0h2zm-2 0v3h2v-3H2zm11 0a1 1 0 10-2 0h2zm-2 0v3h2v-3h-2zm11 0a1 1 0 10-2 0h2zm-2 0v3h2v-3h-2zm-11.5-3a1 1 0 10-2 0h2zm-2 0v6h2v-6h-2zm11 0a1 1 0 10-2 0h2zm-2 0v6h2v-6h-2z\" />\n</svg>",
32
33
  "check": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>",
33
34
  "check-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check-circle\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"></path><polyline points=\"22 4 12 14.01 9 11.01\"></polyline></svg>",
package/build/esm/web-tokens/assets/icons16.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "activity": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 1.17c.29 0 .54.17.63.44L10 11.3l1.37-3.95a.67.67 0 0 1 .63-.43h2.67c.37 0 .66.28.66.64 0 .35-.3.64-.66.64h-2.19l-1.85 5.32a.67.67 0 0 1-.63.44.67.67 0 0 1-.63-.44L6 3.83 4.63 7.77a.67.67 0 0 1-.63.44H1.33a.65.65 0 0 1-.66-.64c0-.36.3-.64.66-.64h2.19L5.37 1.6A.67.67 0 0 1 6 1.17Zm0 0\"/>\n</svg>",
2
3
  "alert-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\" />\n <circle cx=\"8\" cy=\"11\" r=\"1\" fill=\"currentColor\" />\n <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8 5v3\" />\n</svg>",
3
4
  "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>",
4
5
  "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",
@@ -26,7 +27,7 @@
26
27
  "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>",
27
28
  "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>",
28
29
  "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>",
29
- "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>",
30
+ "chart": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n <path fill=\"currentColor\" d=\"M12.06 3A8.9 8.9 0 0 0 3 11.97a9.04 9.04 0 0 0 2.58 6.38 8.87 8.87 0 0 0 6.3 2.65A9.04 9.04 0 0 0 21 12.03 9.03 9.03 0 0 0 12.06 3Zm6.53 12.18c-1.2 0-1.22-1.14-1.41-1.99-.24-1.01-.39-2.06-.67-3.08-.52 1.42-.49 2.93-.8 4.38-.08.48-.2.96-.33 1.42-.17.5-.43 1.03-1.07 1-.57-.03-.82-.5-.98-.98-.4-1.22-.5-2.5-.68-3.76-.18-1.26-.36-2.58-.64-3.88-.51 1.56-.58 3.17-.83 4.76-.16 1-.26 2-.61 2.97-.17.45-.4.86-.91.89-.57.03-.87-.4-1.05-.88-.46-1.24-.5-2.57-.7-3.86-.12-.7-.22-1.38-.32-2.07l-.23.01c-.23 1.22-.44 2.44-.72 3.64-.16.69-.35 1.48-1.29 1.47-.93 0-1.1-.75-1.3-1.46 0-.03 0-.07-.02-.11-.1-.56-.58-1.36.19-1.58.86-.24.74.7.9 1.24.06.18.14.36.24.53.45-1.2.45-2.36.74-3.45.23-.84.2-2.01 1.4-2.02 1.19-.01 1.14 1.15 1.3 1.94.29 1.5.45 3.02.75 4.53.54-1.52.58-3.11.83-4.67.17-1.04.26-2.08.63-3.08.17-.46.4-.86.91-.88.59-.03.87.41 1.03.9.58 1.8.64 3.69.94 5.54l.4 2.64c.54-1.8.46-3.37.84-4.86.2-.83.1-2.03 1.3-2.06 1.2-.03 1.19 1.18 1.4 2 .3 1.07.3 2.2.72 3.36.33-.46.35-.9.48-1.31a.54.54 0 0 1 .6-.41c.15.02.3.1.39.22.09.12.13.27.11.43-.02.18-.06.37-.12.55-.22.83-.22 1.97-1.42 1.97Z\"/>\n</svg>",
30
31
  "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>",
31
32
  "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>",
32
33
  "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>",
package/build/esm/web-tokens/visualConfig.d.ts CHANGED
@@ -203,9 +203,11 @@ type AmbossTheme = {
203
203
  "primary": string;
204
204
  "secondary": string;
205
205
  "find": string;
206
+ "learningRadar": string;
207
+ "qbankKeyInfo": string;
206
208
  "relevancePrimary": string;
207
209
  "relevanceSecondary": string;
208
- "qbankKeyInfo": string;
210
+ "customBlue": string;
209
211
  };
210
212
  "contrast": {
211
213
  "default": string;
package/build/esm/web-tokens/visualConfig.js CHANGED
@@ -1 +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:{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)"}}}}}}};
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:{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)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d"},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",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff"},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/_theming.scss CHANGED
@@ -29,9 +29,11 @@
29
29
  --color-background-textHighlight-primary: #f3eb75;
30
30
  --color-background-textHighlight-secondary: #faf5b8;
31
31
  --color-background-textHighlight-find: #f6bc56;
32
+ --color-background-textHighlight-learningRadar: rgba(238, 97, 96, 0.3);
33
+ --color-background-textHighlight-qbankKeyInfo: #df9411;
32
34
  --color-background-textHighlight-relevancePrimary: #8adcc6;
33
35
  --color-background-textHighlight-relevanceSecondary: #d0f1e8;
34
- --color-background-textHighlight-qbankKeyInfo: #df9411;
36
+ --color-background-textHighlight-customBlue: #99e6ff;
35
37
  --color-background-contrast-default: #314554;
36
38
  --color-background-transparent-default: rgba(255, 255, 255, 0);
37
39
  --color-background-transparent-selected: #607585;
@@ -164,9 +166,11 @@
164
166
  --color-background-textHighlight-primary: rgba(178, 171, 57, 0.45);
165
167
  --color-background-textHighlight-secondary: #494a2f;
166
168
  --color-background-textHighlight-find: rgba(178, 171, 57, 0.6);
169
+ --color-background-textHighlight-learningRadar: #f07575;
170
+ --color-background-textHighlight-qbankKeyInfo: #a4792d;
167
171
  --color-background-textHighlight-relevancePrimary: #233d3d;
168
172
  --color-background-textHighlight-relevanceSecondary: rgba(35, 61, 61, 0.8);
169
- --color-background-textHighlight-qbankKeyInfo: #a4792d;
173
+ --color-background-textHighlight-customBlue: #015e7d;
170
174
  --color-background-contrast-default: #ced1d6;
171
175
  --color-background-transparent-default: rgba(255, 255, 255, 0);
172
176
  --color-background-transparent-selected: #40454f;
package/build/scss/_variables.scss CHANGED
@@ -58,9 +58,11 @@ $colorBackgroundWarningSubtle: var(--color-background-warningSubtle-default);
58
58
  $colorBackgroundTextHighlightPrimary: var(--color-background-textHighlight-primary);
59
59
  $colorBackgroundTextHighlightSecondary: var(--color-background-textHighlight-secondary);
60
60
  $colorBackgroundTextHighlightFind: var(--color-background-textHighlight-find);
61
+ $colorBackgroundTextHighlightLearningRadar: var(--color-background-textHighlight-learningRadar);
62
+ $colorBackgroundTextHighlightQbankKeyInfo: var(--color-background-textHighlight-qbankKeyInfo);
61
63
  $colorBackgroundTextHighlightRelevancePrimary: var(--color-background-textHighlight-relevancePrimary);
62
64
  $colorBackgroundTextHighlightRelevanceSecondary: var(--color-background-textHighlight-relevanceSecondary);
63
- $colorBackgroundTextHighlightQbankKeyInfo: var(--color-background-textHighlight-qbankKeyInfo);
65
+ $colorBackgroundTextHighlightCustomBlue: var(--color-background-textHighlight-customBlue);
64
66
  $colorBackgroundContrast: var(--color-background-contrast-default);
65
67
  $colorBackgroundTransparent: var(--color-background-transparent-default);
66
68
  $colorBackgroundTransparentSelected: var(--color-background-transparent-selected);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amboss/design-system",
3
- "version": "2.3.1",
3
+ "version": "2.3.3",
4
4
  "description": "the design system for AMBOSS products",
5
5
  "author": "AMBOSS",
6
6
  "license": "ISC",