@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.
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +4 -2
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/cjs/components/EntityTree/BaseEntityTree.d.ts +28 -0
- package/build/cjs/components/EntityTree/BaseEntityTree.js +1 -0
- package/build/cjs/components/EntityTree/EntityTree.d.ts +2 -26
- package/build/cjs/components/EntityTree/EntityTree.js +1 -1
- package/build/cjs/components/EntityTree/tree.d.ts +1 -1
- package/build/cjs/components/EntityTree/tree.js +1 -1
- package/build/cjs/components/EntityTree/tree.test.js +1 -1
- package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
- package/build/cjs/components/List/ListItem.d.ts +1 -1
- package/build/cjs/components/List/ListItem.js +1 -1
- package/build/cjs/components/List/ListItemExpandButton.d.ts +3 -1
- package/build/cjs/components/List/ListItemExpandButton.js +1 -1
- package/build/cjs/components/List/ListItemLabel.d.ts +1 -1
- package/build/cjs/components/List/ListItemLabel.js +1 -1
- package/build/cjs/components/List/styled-components.js +1 -1
- package/build/cjs/components/List/types.d.ts +6 -2
- package/build/cjs/components/Patterns/Modal/Modal.js +1 -1
- package/build/cjs/web-tokens/_colors.json +25 -7
- package/build/cjs/web-tokens/_sizes.json +1 -1
- package/build/cjs/web-tokens/assets/icons.json +2 -1
- package/build/cjs/web-tokens/assets/icons16.json +2 -1
- package/build/cjs/web-tokens/visualConfig.d.ts +3 -1
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +4 -2
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/esm/components/EntityTree/BaseEntityTree.d.ts +28 -0
- package/build/esm/components/EntityTree/BaseEntityTree.js +1 -0
- package/build/esm/components/EntityTree/EntityTree.d.ts +2 -26
- package/build/esm/components/EntityTree/EntityTree.js +1 -1
- package/build/esm/components/EntityTree/tree.d.ts +1 -1
- package/build/esm/components/EntityTree/tree.js +1 -1
- package/build/esm/components/EntityTree/tree.test.js +1 -1
- package/build/esm/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
- package/build/esm/components/List/ListItem.d.ts +1 -1
- package/build/esm/components/List/ListItem.js +1 -1
- package/build/esm/components/List/ListItemExpandButton.d.ts +3 -1
- package/build/esm/components/List/ListItemExpandButton.js +1 -1
- package/build/esm/components/List/ListItemLabel.d.ts +1 -1
- package/build/esm/components/List/ListItemLabel.js +1 -1
- package/build/esm/components/List/styled-components.js +1 -1
- package/build/esm/components/List/types.d.ts +6 -2
- package/build/esm/components/Patterns/Modal/Modal.js +1 -1
- package/build/esm/web-tokens/_colors.json +25 -7
- package/build/esm/web-tokens/_sizes.json +1 -1
- package/build/esm/web-tokens/assets/icons.json +2 -1
- package/build/esm/web-tokens/assets/icons16.json +2 -1
- package/build/esm/web-tokens/visualConfig.d.ts +3 -1
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_theming.scss +6 -2
- package/build/scss/_variables.scss +3 -1
- package/package.json +1 -1
|
@@ -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-
|
|
326
|
+
"color-background-textHighlight-customBlue": {
|
|
309
327
|
"name": "background.textHighlight",
|
|
310
|
-
"description": "
|
|
311
|
-
"subState": "
|
|
312
|
-
"darkValue": "#
|
|
313
|
-
"darkOriginalValue": "night-
|
|
314
|
-
"lightValue": "#
|
|
315
|
-
"lightOriginalValue": "
|
|
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",
|
|
@@ -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\"
|
|
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>",
|
|
@@ -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=\"
|
|
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>",
|
|
@@ -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
|
-
"
|
|
210
|
+
"customBlue": string;
|
|
209
211
|
};
|
|
210
212
|
"contrast": {
|
|
211
213
|
"default": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const 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}},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
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const 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}},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)"}}}}}}};
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type ButtonProps } from "../Button/Button";
|
|
3
|
+
import { type CheckboxProps } from "../Form/Checkbox/Checkbox";
|
|
3
4
|
import { type SearchInputProps } from "../Form/SearchInput/SearchInput";
|
|
4
5
|
type ActionProp = {
|
|
5
6
|
label: string;
|
|
6
|
-
} & Omit<ButtonProps, "children" | "size"
|
|
7
|
+
} & Omit<ButtonProps, "children" | "size">;
|
|
7
8
|
export type BulkActionsToolbarProps = {
|
|
8
9
|
actions?: ActionProp[];
|
|
9
10
|
searchInputProps: SearchInputProps;
|
|
11
|
+
checkboxProps?: CheckboxProps;
|
|
10
12
|
totalItems: string;
|
|
11
13
|
};
|
|
12
|
-
declare function BulkActionsToolbarUI({ actions, totalItems, searchInputProps, }: BulkActionsToolbarProps): React.ReactElement;
|
|
14
|
+
declare function BulkActionsToolbarUI({ actions, checkboxProps, totalItems, searchInputProps, }: BulkActionsToolbarProps): React.ReactElement;
|
|
13
15
|
export declare const BulkActionsToolbar: React.MemoExoticComponent<typeof BulkActionsToolbarUI>;
|
|
14
16
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{Text}from"../Typography/Text/Text";import{Button}from"../Button/Button";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{Divider}from"../Divider/Divider";import{Toolbar,ToolbarGroup}from"../Toolbar";import{SearchInput}from"../Form/SearchInput/SearchInput";export const BulkActionsToolbar=React.memo(function({actions,totalItems,searchInputProps}){return React.createElement(React.Fragment,null,React.createElement(Toolbar,null,React.createElement(ToolbarGroup,{order:["last","first"],size:[12,8]},React.createElement(
|
|
1
|
+
import React from"react";import{Text}from"../Typography/Text/Text";import{Button}from"../Button/Button";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{Divider}from"../Divider/Divider";import{Checkbox}from"../Form/Checkbox/Checkbox";import{Toolbar,ToolbarGroup}from"../Toolbar";import{SearchInput}from"../Form/SearchInput/SearchInput";let TotalItems=({children})=>React.createElement(Box,{space:["xs","zero"]},React.createElement(Text,{size:"s",color:"secondary",weight:"bold"},children)),CheckboxContainer=props=>React.createElement(Box,{tSpace:"zero",bSpace:"xs",lSpace:"xs",rSpace:"s"},React.createElement(Checkbox,{size:"s",...props}));export const BulkActionsToolbar=React.memo(function({actions,checkboxProps,totalItems,searchInputProps}){return React.createElement(React.Fragment,null,React.createElement(Toolbar,null,React.createElement(ToolbarGroup,{order:["last","first"],size:[12,8]},checkboxProps?React.createElement(Inline,{vAlignItems:"center"},React.createElement(CheckboxContainer,checkboxProps),React.createElement(TotalItems,null,totalItems)):React.createElement(TotalItems,null,totalItems),React.createElement(Inline,null,actions?.map(({variant="secondary",label,...buttonProps})=>React.createElement(Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant},label)))),React.createElement(ToolbarGroup,{order:["first","last"],size:[12,4]},React.createElement(SearchInput,searchInputProps))),React.createElement(Divider,null))});
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ListItemProps } from "../List/types";
|
|
3
|
+
import type { NodeID, CheckboxState } from "./types";
|
|
4
|
+
export type TreeNode = {
|
|
5
|
+
id: NodeID;
|
|
6
|
+
label: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
children: TreeNode[];
|
|
9
|
+
isFiltered?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export type TreeNodeWithUIState = TreeNode & {
|
|
12
|
+
isExpanded: boolean;
|
|
13
|
+
checkedState: CheckboxState;
|
|
14
|
+
};
|
|
15
|
+
type PartialListItemProps = Pick<ListItemProps, "hideBorder" | "size" | "renderRight">;
|
|
16
|
+
export type EntityTreeProps = {
|
|
17
|
+
data: TreeNode[];
|
|
18
|
+
selectedIds?: NodeID[];
|
|
19
|
+
onSelectionChange?: (ids: NodeID[]) => void;
|
|
20
|
+
expandedIds?: NodeID[];
|
|
21
|
+
onToggle?: (ids: NodeID[]) => void;
|
|
22
|
+
filterFn?: (node: TreeNode) => boolean;
|
|
23
|
+
onTreeChange?: (data: TreeNodeWithUIState[]) => void;
|
|
24
|
+
showItemsCount?: boolean;
|
|
25
|
+
"data-e2e-test-id"?: string;
|
|
26
|
+
} & PartialListItemProps;
|
|
27
|
+
export declare const BaseEntityTree: ({ data, selectedIds, onSelectionChange, expandedIds, onToggle, filterFn, onTreeChange, hideBorder, size, showItemsCount, renderRight, "data-e2e-test-id": dataE2eTestId, }: EntityTreeProps) => React.ReactElement;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{useEffect}from"react";import{StyledList}from"../List/styled-components";import{ListItem}from"../List/ListItem";import{Text}from"../Typography/Text/Text";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{getNodeChildrenMap,getTreeCheckboxState,getLeafNodeIds,filterTree,mapTree}from"./tree";let getLastNodeOfList=({node,data,level,isParentsLastOfLvl})=>{let currentLastNodeOfLvl=node.id===data[data.length-1].id;return 0===level?currentLastNodeOfLvl:isParentsLastOfLvl&¤tLastNodeOfLvl},makeRenderTreeBranches=({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,hideBorder,size,showItemsCount,renderRight})=>({data,level,renderFn,isParentsLastOfLvl})=>data.map(node=>{let readOnly=null===nodeCheckboxState,hasChildren=node.children.length>0,expandedState=!!expandAll||!!nodeExpandedState[node.id],leafItems=getLeafNodeIds(nodeChildrenMap,node.id),totalItemsCount=leafItems.length,selectedItemsCount=nodeCheckboxState?leafItems.filter(leafId=>"checked"===nodeCheckboxState[leafId]).length:null,countLabel=nodeCheckboxState?`(${selectedItemsCount}/${totalItemsCount})`:`(${totalItemsCount})`,isLastNodeOfList=getLastNodeOfList({node,data,level,isParentsLastOfLvl}),lastLeaf=!hasChildren&&!node.isFiltered,isExpanded=lastLeaf?void 0:expandedState;return React.createElement(ListItem,{key:node.id,role:"treeitem",hideBorder:hideBorder||isLastNodeOfList&&(!isExpanded||node.isFiltered),size:size,lSpaceStep:level,"aria-label":node.label,description:node.description,renderLabel:({size:textSize})=>React.createElement(React.Fragment,null,node.label,showItemsCount&&!lastLeaf&&React.createElement(Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isExpanded:isExpanded,isDisabledExpand:expandAll,onExpandClick:e=>{e.stopPropagation(),handleToggle(node.id)},onClick:readOnly?()=>handleToggle(node.id):()=>handleSelectionChange(node.id),renderLeft:readOnly?void 0:()=>React.createElement(CheckboxRaw,{size:"s",name:node.label,checked:"checked"===nodeCheckboxState[node.id],indeterminate:"indeterminate"===nodeCheckboxState[node.id],onChange:()=>handleSelectionChange(node.id)}),renderRight:renderRight},hasChildren&&React.createElement("ul",null,renderFn({data:node.children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})))});export const BaseEntityTree=({data,selectedIds,onSelectionChange,expandedIds=[],onToggle,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,renderRight,"data-e2e-test-id":dataE2eTestId})=>{let nodeChildrenMap=Object.assign({},...data.map(tree=>getNodeChildrenMap(tree))),nodeCheckboxState=selectedIds?Object.assign({},...data.map(tree=>getTreeCheckboxState(nodeChildrenMap,tree.id,selectedIds))):null,nodeExpandedState=expandedIds.reduce((acc,id)=>(acc[id]=!0,acc),{}),dataShown=filterFn?data.map(tree=>filterTree(tree,filterFn)).filter(Boolean):data;useEffect(()=>{onTreeChange&&onTreeChange(dataShown.map(tree=>mapTree(tree,node=>({...node,checkedState:!!nodeCheckboxState&&nodeCheckboxState[node.id],isExpanded:!!nodeExpandedState[node.id]}))))},[dataShown,nodeCheckboxState,nodeExpandedState,onTreeChange]);let renderTreeBranches=makeRenderTreeBranches({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange:targetId=>{if(onSelectionChange){let updatedSelectedIds=[];if(0===nodeChildrenMap[targetId].length)updatedSelectedIds=selectedIds.includes(targetId)?selectedIds.filter(id=>id!==targetId):selectedIds.concat([targetId]);else{let affectedLeafNodeIds=getLeafNodeIds(nodeChildrenMap,targetId);updatedSelectedIds="checked"===nodeCheckboxState[targetId]?selectedIds.filter(id=>!affectedLeafNodeIds.includes(id)):selectedIds.concat(affectedLeafNodeIds)}onSelectionChange(updatedSelectedIds)}},handleToggle:targetId=>{onToggle&&onToggle(expandedIds.includes(targetId)?expandedIds.filter(id=>id!==targetId):expandedIds.concat([targetId]))},expandAll:!!filterFn,hideBorder,size,showItemsCount,renderRight});return React.createElement(StyledList,{role:"tree","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree"},renderTreeBranches({data:dataShown,level:0,renderFn:renderTreeBranches}))};
|
|
@@ -1,27 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type
|
|
3
|
-
|
|
4
|
-
export type TreeNode = {
|
|
5
|
-
id: NodeID;
|
|
6
|
-
label: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
children: TreeNode[];
|
|
9
|
-
};
|
|
10
|
-
export type TreeNodeWithUIState = TreeNode & {
|
|
11
|
-
isExpanded: boolean;
|
|
12
|
-
checkedState: CheckboxState;
|
|
13
|
-
};
|
|
14
|
-
type PartialListItemProps = Pick<ListItemProps, "hideBorder" | "size" | "renderRight">;
|
|
15
|
-
export type EntityTreeProps = {
|
|
16
|
-
data: TreeNode[];
|
|
17
|
-
selectedIds?: NodeID[];
|
|
18
|
-
onSelectionChange?: (ids: NodeID[]) => void;
|
|
19
|
-
expandedIds?: NodeID[];
|
|
20
|
-
onToggle?: (ids: NodeID[]) => void;
|
|
21
|
-
filterFn?: (node: TreeNode) => boolean;
|
|
22
|
-
onTreeChange?: (data: TreeNodeWithUIState[]) => void;
|
|
23
|
-
showItemsCount?: boolean;
|
|
24
|
-
"data-e2e-test-id"?: string;
|
|
25
|
-
} & PartialListItemProps;
|
|
26
|
-
export declare const EntityTree: ({ data, selectedIds, onSelectionChange, expandedIds, onToggle, filterFn, onTreeChange, hideBorder, size, showItemsCount, renderRight, "data-e2e-test-id": dataE2eTestId, }: EntityTreeProps) => React.ReactElement;
|
|
27
|
-
export {};
|
|
2
|
+
import { type EntityTreeProps } from "./BaseEntityTree";
|
|
3
|
+
export declare const EntityTree: (props: EntityTreeProps) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from"react";import{Container}from"../Container/Container";import{Box}from"../Box/Box";import{BaseEntityTree}from"./BaseEntityTree";export const EntityTree=props=>{let{size}=props;return React.createElement(Container,{overflow:"hidden"},React.createElement(Box,{space:"zero",vSpace:"xs"===size?"xs":"zero"},React.createElement(BaseEntityTree,props)))};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { NodeID, NodeChildrenMap, NodeCheckboxState } from "./types";
|
|
2
|
-
import type { TreeNode } from "./
|
|
2
|
+
import type { TreeNode } from "./BaseEntityTree";
|
|
3
3
|
export declare function getNodeChildrenMap(tree: Partial<TreeNode>): NodeChildrenMap;
|
|
4
4
|
export declare function getTreeCheckboxState(nodeChildrenMap: NodeChildrenMap, rootID: NodeID, selectedLeafNodeIds: NodeID[]): NodeCheckboxState;
|
|
5
5
|
export declare function getLeafNodeIds(nodeChildrenMap: NodeChildrenMap, rootID: NodeID): NodeID[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function foldTree(f,nodeChildrenMap,rootID){let go=nodeID=>f(nodeID,nodeChildrenMap[nodeID].map(go));return go(rootID)}export function getNodeChildrenMap(tree){let nodeChildrenMap={};return!function traverse(node){let{children}=node;nodeChildrenMap[node.id]=children.map(child=>(traverse(child),child.id))}(tree),nodeChildrenMap}export function getTreeCheckboxState(nodeChildrenMap,rootID,selectedLeafNodeIds){return foldTree((currId,childrenResults)=>{if(0===nodeChildrenMap[currId].length)return{[currId]:selectedLeafNodeIds.includes(currId)?"checked":"unchecked"};let mergedChildrenResult=childrenResults.reduce((acc,result)=>Object.assign(acc,result)),childrenStates=new Set(nodeChildrenMap[currId].map(childId=>mergedChildrenResult[childId]));return{[currId]:1===childrenStates.size?childrenStates.values().next().value:"indeterminate",...mergedChildrenResult}},nodeChildrenMap,rootID)}export function getLeafNodeIds(nodeChildrenMap,rootID){return foldTree((currId,childrenResults)=>0===nodeChildrenMap[currId].length?[currId]:childrenResults.flat(),nodeChildrenMap,rootID)}export function filterTree(tree,filterFn){let filteredChildren=tree.children.map(child=>filterTree(child,filterFn)).filter(child=>child);return 0!==filteredChildren.length||filterFn(tree)?{...tree,children:filteredChildren}:null}export function mapTree(tree,mapFn){return{...mapFn(tree),children:tree.children.map(child=>mapTree(child,mapFn))}}
|
|
1
|
+
function foldTree(f,nodeChildrenMap,rootID){let go=nodeID=>f(nodeID,nodeChildrenMap[nodeID].map(go));return go(rootID)}export function getNodeChildrenMap(tree){let nodeChildrenMap={};return!function traverse(node){let{children}=node;nodeChildrenMap[node.id]=children.map(child=>(traverse(child),child.id))}(tree),nodeChildrenMap}export function getTreeCheckboxState(nodeChildrenMap,rootID,selectedLeafNodeIds){return foldTree((currId,childrenResults)=>{if(0===nodeChildrenMap[currId].length)return{[currId]:selectedLeafNodeIds.includes(currId)?"checked":"unchecked"};let mergedChildrenResult=childrenResults.reduce((acc,result)=>Object.assign(acc,result)),childrenStates=new Set(nodeChildrenMap[currId].map(childId=>mergedChildrenResult[childId]));return{[currId]:1===childrenStates.size?childrenStates.values().next().value:"indeterminate",...mergedChildrenResult}},nodeChildrenMap,rootID)}export function getLeafNodeIds(nodeChildrenMap,rootID){return foldTree((currId,childrenResults)=>0===nodeChildrenMap[currId].length?[currId]:childrenResults.flat(),nodeChildrenMap,rootID)}export function filterTree(tree,filterFn){let filteredChildren=tree.children.map(child=>filterTree(child,filterFn)).filter(child=>child);return 0!==filteredChildren.length||filterFn(tree)?{...tree,isFiltered:tree.children.length!==filteredChildren.length,children:filteredChildren}:null}export function mapTree(tree,mapFn){return{...mapFn(tree),children:tree.children.map(child=>mapTree(child,mapFn))}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getNodeChildrenMap,getLeafNodeIds,getTreeCheckboxState,filterTree,mapTree}from"./tree";let treeListData=[{id:"a",label:"a",children:[{id:"a.1",label:"a.1",children:[{id:"a.1.1",label:"a.1.1",children:[]},{id:"a.1.2",label:"a.1.2",children:[]}]}]},{id:"b",label:"b",children:[{id:"b.1",label:"b.1",children:[{id:"b.1.1",label:"b.1.1",children:[]}]}]}],nodeChildrenMap={root:["a","b"],a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[],b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]};test("getNodeChildrenMap should return a relationship mapping between parent and children nodes",()=>{let nodeChildrenMap1=getNodeChildrenMap(treeListData[0]),nodeChildrenMap2=getNodeChildrenMap(treeListData[1]);expect(nodeChildrenMap1).toEqual({a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[]}),expect(nodeChildrenMap2).toEqual({b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]})}),test("getLeafNodeIds should return all the leaf nodes of any given node",()=>{expect(getLeafNodeIds(nodeChildrenMap,"root")).toEqual(["a.1.1","a.1.2","b.1.1"]),expect(getLeafNodeIds(nodeChildrenMap,"a")).toEqual(["a.1.1","a.1.2"]),expect(getLeafNodeIds(nodeChildrenMap,"b.1")).toEqual(["b.1.1"]),expect(getLeafNodeIds(nodeChildrenMap,"b.1.1")).toEqual(["b.1.1"])}),test("getTreeCheckboxState should return the checkbox state of each node in the tree",()=>{let nodeCheckboxState=getTreeCheckboxState(nodeChildrenMap,"root",["a.1.1","b.1.1"]);expect(nodeCheckboxState).toEqual({root:"indeterminate",a:"indeterminate","a.1":"indeterminate","a.1.1":"checked","a.1.2":"unchecked",b:"checked","b.1":"checked","b.1.1":"checked"})}),test("filterTree should return a new tree with the nodes that satisfy the filter function",()=>{let filteredTree1=filterTree(treeListData[0],node=>"a.1"===node.id);expect(filteredTree1).toEqual({id:"a",label:"a",children:[{id:"a.1",label:"a.1",children:[]}]});let filteredTree2=filterTree(treeListData[0],node=>"non-existent"===node.id);expect(filteredTree2).toEqual(null)}),test("mapTree should return a new tree with all its nodes being mapped",()=>{let mappedTree=mapTree(treeListData[0],node=>({...node,label:node.label.toUpperCase()}));expect(mappedTree).toEqual({id:"a",label:"A",children:[{id:"a.1",label:"A.1",children:[{id:"a.1.1",label:"A.1.1",children:[]},{id:"a.1.2",label:"A.1.2",children:[]}]}]})});
|
|
1
|
+
import{getNodeChildrenMap,getLeafNodeIds,getTreeCheckboxState,filterTree,mapTree}from"./tree";let treeListData=[{id:"a",label:"a",children:[{id:"a.1",label:"a.1",children:[{id:"a.1.1",label:"a.1.1",children:[]},{id:"a.1.2",label:"a.1.2",children:[]}]}]},{id:"b",label:"b",children:[{id:"b.1",label:"b.1",children:[{id:"b.1.1",label:"b.1.1",children:[]}]}]}],nodeChildrenMap={root:["a","b"],a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[],b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]};test("getNodeChildrenMap should return a relationship mapping between parent and children nodes",()=>{let nodeChildrenMap1=getNodeChildrenMap(treeListData[0]),nodeChildrenMap2=getNodeChildrenMap(treeListData[1]);expect(nodeChildrenMap1).toEqual({a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[]}),expect(nodeChildrenMap2).toEqual({b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]})}),test("getLeafNodeIds should return all the leaf nodes of any given node",()=>{expect(getLeafNodeIds(nodeChildrenMap,"root")).toEqual(["a.1.1","a.1.2","b.1.1"]),expect(getLeafNodeIds(nodeChildrenMap,"a")).toEqual(["a.1.1","a.1.2"]),expect(getLeafNodeIds(nodeChildrenMap,"b.1")).toEqual(["b.1.1"]),expect(getLeafNodeIds(nodeChildrenMap,"b.1.1")).toEqual(["b.1.1"])}),test("getTreeCheckboxState should return the checkbox state of each node in the tree",()=>{let nodeCheckboxState=getTreeCheckboxState(nodeChildrenMap,"root",["a.1.1","b.1.1"]);expect(nodeCheckboxState).toEqual({root:"indeterminate",a:"indeterminate","a.1":"indeterminate","a.1.1":"checked","a.1.2":"unchecked",b:"checked","b.1":"checked","b.1.1":"checked"})}),test("filterTree should return a new tree with the nodes that satisfy the filter function",()=>{let filteredTree1=filterTree(treeListData[0],node=>"a.1"===node.id);expect(filteredTree1).toEqual({id:"a",label:"a",isFiltered:!1,children:[{id:"a.1",label:"a.1",isFiltered:!0,children:[]}]});let filteredTree2=filterTree(treeListData[0],node=>"non-existent"===node.id);expect(filteredTree2).toEqual(null)}),test("mapTree should return a new tree with all its nodes being mapped",()=>{let mappedTree=mapTree(treeListData[0],node=>({...node,label:node.label.toUpperCase()}));expect(mappedTree).toEqual({id:"a",label:"A",children:[{id:"a.1",label:"A.1",children:[{id:"a.1.1",label:"A.1.1",children:[]},{id:"a.1.2",label:"A.1.2",children:[]}]}]})});
|
|
@@ -13,7 +13,7 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<{
|
|
|
13
13
|
} & {
|
|
14
14
|
name: string;
|
|
15
15
|
value?: string;
|
|
16
|
-
icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "amboss-logo" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "chart" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "effigos" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "magic" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "open-full-screen" | "open-new-tab" | "open-sidebar-right" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
|
|
16
|
+
icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "activity" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "amboss-logo" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "chart" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "effigos" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "magic" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "open-full-screen" | "open-new-tab" | "open-sidebar-right" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
|
|
17
17
|
placeholder?: string;
|
|
18
18
|
hasError?: boolean;
|
|
19
19
|
disabled?: boolean;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { ListItemProps } from "./types";
|
|
3
|
-
export declare function ListItem({ description, size, role, renderLeft, renderRight, isExpanded, children, onClick, onExpandClick, isClickable, lSpaceStep, renderLabel, hideBorder, "aria-label": ariaLabel, }: ListItemProps): React.ReactElement;
|
|
3
|
+
export declare function ListItem({ description, size, role, renderLeft, renderRight, isExpanded, children, onClick, onExpandClick, isClickable, lSpaceStep, renderLabel, hideBorder, isDisabledExpand, "aria-label": ariaLabel, }: ListItemProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{ListItemLabel}from"./ListItemLabel";import{StyledListItem}from"./styled-components";export function ListItem({description,size="m",role,renderLeft,renderRight,isExpanded,children,onClick,onExpandClick,isClickable=!0,lSpaceStep,renderLabel,hideBorder,"aria-label":ariaLabel}){return React.createElement(StyledListItem,{role:role,"aria-expanded":isExpanded,"aria-label":ariaLabel},React.createElement(ListItemLabel,{lSpaceStep:lSpaceStep,hideBorder:hideBorder,isExpanded:isExpanded,size:size,description:description,onExpandClick:onExpandClick,onClick:onClick,isClickable:isClickable,renderLeft:renderLeft,renderRight:renderRight,renderLabel:renderLabel}),isExpanded&&children)}
|
|
1
|
+
import React from"react";import{ListItemLabel}from"./ListItemLabel";import{StyledListItem}from"./styled-components";export function ListItem({description,size="m",role,renderLeft,renderRight,isExpanded,children,onClick,onExpandClick,isClickable=!0,lSpaceStep,renderLabel,hideBorder,isDisabledExpand,"aria-label":ariaLabel}){return React.createElement(StyledListItem,{role:role,"aria-expanded":isExpanded,"aria-label":ariaLabel},React.createElement(ListItemLabel,{isDisabledExpand:isDisabledExpand,lSpaceStep:lSpaceStep,hideBorder:hideBorder,isExpanded:isExpanded,size:size,description:description,onExpandClick:onExpandClick,onClick:onClick,isClickable:isClickable,renderLeft:renderLeft,renderRight:renderRight,renderLabel:renderLabel}),isExpanded&&children)}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { ListItemProps } from "./types";
|
|
3
|
-
export declare function ListItemExpandButton({ onClick, isExpanded, }: Partial<ListItemProps>
|
|
3
|
+
export declare function ListItemExpandButton({ onClick, isExpanded, disabled, }: Partial<ListItemProps> & {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Box}from"../Box/Box";export function ListItemExpandButton({onClick,isExpanded}){return React.createElement(Box,{vSpace:"zero",lSpace:"m",rSpace:"m"},React.createElement(PictogramButton,{onClick:onClick,icon:isExpanded?"chevron-down":"chevron-right"}))}
|
|
1
|
+
import React from"react";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Box}from"../Box/Box";export function ListItemExpandButton({onClick,isExpanded,disabled}){return React.createElement(Box,{vSpace:"zero",lSpace:"m",rSpace:"m"},React.createElement(PictogramButton,{disabled:disabled,onClick:onClick,icon:isExpanded?"chevron-down":"chevron-right"}))}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { ListItemProps } from "./types";
|
|
3
|
-
export declare function ListItemLabel({ description, size, renderLeft, renderRight, renderLabel, isExpanded, onClick, onExpandClick, isClickable, lSpaceStep, hideBorder, }: Partial<ListItemProps>): React.ReactElement;
|
|
3
|
+
export declare function ListItemLabel({ description, size, renderLeft, renderRight, renderLabel, isExpanded, onClick, onExpandClick, isClickable, lSpaceStep, hideBorder, isDisabledExpand, }: Partial<ListItemProps>): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback}from"react";import{ListItemText}from"./ListItemText";import{ListItemExpandButton}from"./ListItemExpandButton";import{Inline}from"../Inline/Inline";import{StyledListItemWrapper,StyledListItemLabel}from"./styled-components";let useListItemLabel=({size,isExpanded,lSpaceStep})=>{let hasExpandableIcon=void 0!==isExpanded,isTreeNode=void 0!==lSpaceStep;return{isDeepestTreeNode:!hasExpandableIcon&&isTreeNode,isTreeNode,textSize:"xs"===size?"s":"m",hasExpandableIcon}},StopPropogationWrapper=({children})=>{let handleClick=useCallback(e=>{e.stopPropagation()},[]);return React.createElement("div",{role:"presentation",onClick:handleClick},children)};export function ListItemLabel({description,size="m",renderLeft,renderRight,renderLabel,isExpanded,onClick,onExpandClick,isClickable=!0,lSpaceStep,hideBorder}){let{textSize,hasExpandableIcon,isTreeNode,isDeepestTreeNode}=useListItemLabel({size,isExpanded,lSpaceStep});return React.createElement(StyledListItemLabel,{size:size,onClick:onClick,isClickable:isClickable,isDeepestTreeNode:isDeepestTreeNode,lSpaceStep:lSpaceStep},hasExpandableIcon&&React.createElement(ListItemExpandButton,{isExpanded:isExpanded,onClick:onExpandClick}),React.createElement(StyledListItemWrapper,{size:size,hasLSpace:!isTreeNode,hideBorder:hideBorder},React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween"},React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:"m"},renderLeft&&renderLeft({size:textSize}),React.createElement(ListItemText,{size:textSize,description:description},renderLabel({size:textSize}))),renderRight&&React.createElement(StopPropogationWrapper,null,renderRight({size:textSize})))))}
|
|
1
|
+
import React,{useCallback}from"react";import{ListItemText}from"./ListItemText";import{ListItemExpandButton}from"./ListItemExpandButton";import{Inline}from"../Inline/Inline";import{StyledListItemWrapper,StyledListItemLabel}from"./styled-components";let useListItemLabel=({size,isExpanded,lSpaceStep})=>{let hasExpandableIcon=void 0!==isExpanded,isTreeNode=void 0!==lSpaceStep;return{isDeepestTreeNode:!hasExpandableIcon&&isTreeNode,isTreeNode,textSize:"xs"===size?"s":"m",hasExpandableIcon}},StopPropogationWrapper=({children})=>{let handleClick=useCallback(e=>{e.stopPropagation()},[]);return React.createElement("div",{role:"presentation",onClick:handleClick},children)};export function ListItemLabel({description,size="m",renderLeft,renderRight,renderLabel,isExpanded,onClick,onExpandClick,isClickable=!0,lSpaceStep,hideBorder,isDisabledExpand}){let{textSize,hasExpandableIcon,isTreeNode,isDeepestTreeNode}=useListItemLabel({size,isExpanded,lSpaceStep});return React.createElement(StyledListItemLabel,{size:size,onClick:onClick,isClickable:isClickable,isDeepestTreeNode:isDeepestTreeNode,lSpaceStep:lSpaceStep},hasExpandableIcon&&React.createElement(ListItemExpandButton,{disabled:isDisabledExpand,isExpanded:isExpanded,onClick:onExpandClick}),React.createElement(StyledListItemWrapper,{size:size,hasLSpace:!isTreeNode,hideBorder:hideBorder},React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween"},React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:"m"},renderLeft&&renderLeft({size:textSize}),React.createElement(ListItemText,{size:textSize,description:description},renderLabel({size:textSize}))),renderRight&&React.createElement(StopPropogationWrapper,null,renderRight({size:textSize})))))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import styled from"@emotion/styled";import{mq}from"../../shared/mediaQueries";export const StyledList=styled("ul",{target:"ecuw86y0",label:"StyledList"})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiJ9 */");export const StyledListItemWrapper=styled("div",{target:"ecuw86y1",label:"StyledListItemWrapper"})(({theme,size,hasLSpace,hideBorder})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`,...hideBorder&&{borderBottomColor:"transparent"},width:"100%",...hasLSpace&&{paddingLeft:theme.variables.size.spacing.l},paddingRight:theme.variables.size.spacing.l,...mq({paddingBottom:[size,{xs:`calc(${theme.variables.size.spacing.xs} - 1px)`,s:`calc(${theme.variables.size.spacing.s} - 1px)`,m:`calc(${theme.variables.size.spacing.m} - 1px)`,l:`calc(${theme.variables.size.spacing.l} - 1px)`}]})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyJ9 */");export const StyledListItem=styled("li",{target:"ecuw86y2",label:"StyledListItem"})(()=>({listStyleType:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DOEIifQ== */");export const StyledListItemLabel=styled("div",{target:"ecuw86y3",label:"StyledListItemLabel"})(({theme,size,isClickable,lSpaceStep,isDeepestTreeNode})=>({display:"flex",flexGrow:1,width:"100%",pointerEvents:isClickable?"auto":"none",...lSpaceStep&&{paddingLeft:`calc(${theme.variables.size.spacing.xl} * ${lSpaceStep} + ${isDeepestTreeNode?"56px":"0px"})`},...mq({paddingTop:[size,{xs:`${theme.variables.size.spacing.xs}`,s:`${theme.variables.size.spacing.s}`,m:`${theme.variables.size.spacing.m}`,l:`${theme.variables.size.spacing.l}`}]}),transition:"background-color 0.1s ease-out",...isClickable&&{cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUMifQ== */");
|
|
1
|
+
import styled from"@emotion/styled";import{mq,mqValue}from"../../shared/mediaQueries";export const StyledList=styled("ul",{target:"e1vm2sdt0",label:"StyledList"})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIifQ== */");export const StyledListItemWrapper=styled("div",{target:"e1vm2sdt1",label:"StyledListItemWrapper"})(({theme,size,hasLSpace,hideBorder})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`,...hideBorder&&{borderBottom:"none"},width:"100%",...hasLSpace&&{paddingLeft:theme.variables.size.spacing.l},...mq({paddingBottom:[size,{xs:theme.variables.size.spacing.xs,s:theme.variables.size.spacing.s,m:theme.variables.size.spacing.m,l:theme.variables.size.spacing.l}]}),"&":{...mqValue({paddingRight:[theme.variables.size.spacing.m,theme.variables.size.spacing.l]})}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVcUMifQ== */");export const StyledListItem=styled("li",{target:"e1vm2sdt2",label:"StyledListItem"})(()=>({listStyleType:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDhCIn0= */");export const StyledListItemLabel=styled("div",{target:"e1vm2sdt3",label:"StyledListItemLabel"})(({theme,size,isClickable,lSpaceStep,isDeepestTreeNode})=>{let getSize=baseOffset=>`calc(${baseOffset} * ${lSpaceStep} + ${isDeepestTreeNode?"56px":"0px"} + ${theme.variables.size.spacing.xxs})`,mobileSize=getSize(theme.variables.size.spacing.m),desktopSize=getSize(theme.variables.size.spacing.xl);return{display:"flex",flexGrow:1,width:"100%",pointerEvents:isClickable?"auto":"none",...lSpaceStep&&{...mqValue({paddingLeft:[mobileSize,desktopSize]})},...!lSpaceStep&&{paddingLeft:theme.variables.size.spacing.xxs},"&":{...mq({paddingTop:[size,{xs:`${theme.variables.size.spacing.xs}`,s:`${theme.variables.size.spacing.s}`,m:`${theme.variables.size.spacing.m}`,l:`${theme.variables.size.spacing.l}`}]})},transition:"background-color 0.1s ease-out",...isClickable&&{cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover}}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRG1DIn0= */");
|