@amboss/design-system 1.22.0 → 1.23.2

package/build/esm/components/Typography/StyledText/StyledText.js

@@ -0,0 +1 @@
+import React from"react";import styled from"@emotion/styled";import{Text}from"../Text/Text";let Italic=styled("i",{target:"e52exb50",label:"Italic"})({fontStyle:"italic"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9TdHlsZWRUZXh0L1N0eWxlZFRleHQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1N0eWxlZFRleHQvU3R5bGVkVGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IChcbiAgICA8VGV4dCBrZXk9e2tleX0gYXM9XCJwXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApLFxuICBzbWFsbDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiAoXG4gICAgPFRleHQga2V5PXtrZXl9IGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICksXG4gIC8vIHN1Yi9zdWIgYXJlIGluY3JlYXNpbmcgaGVpZ2h0IG9mIHdob2xlIGxpbmUsIHdoaWNoIGlzIG5vdCBkZXNpcmVkIGZyb20gZGVzaWduIHBlcnNwZWN0aXZlXG4gIHN1cDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8c3VwIGtleT17a2V5fT57Y2hpbGRyZW59PC9zdXA+LFxuICBzdWI6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gPHN1YiBrZXk9e2tleX0+e2NoaWxkcmVufTwvc3ViPixcbn07XG5cbmNvbnN0IGdldE5vZGVzID0gKFxuICBzdHJpbmc6IHN0cmluZ1xuKTogeyBlbGVtZW50TmFtZTogc3RyaW5nOyBwcmV2OiBzdHJpbmc7IG5vZGU6IHN0cmluZzsgbmV4dDogc3RyaW5nIH0gfCBudWxsID0+IHtcbiAgY29uc3QgZWxlbWVudE5hbWVzID0gT2JqZWN0LmtleXMoQ29tcG9uZW50cykuam9pbihcInxcIik7XG4gIGNvbnN0IGVsZW1lbnRSZWdleCA9IG5ldyBSZWdFeHAoYDwoJHtlbGVtZW50TmFtZXN9KT4uKjwvXFxcXDE+YCk7XG4gIGNvbnN0IGVsZW1lbnRNYXRjaCA9IGVsZW1lbnRSZWdleC5leGVjKHN0cmluZyk7XG5cbiAgaWYgKCFlbGVtZW50TWF0Y2gpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGVsZW1lbnROYW1lID0gZWxlbWVudE1hdGNoWzFdO1xuICBjb25zdCBvcGVuaW5nVGFnU3RhcnRJbmRleCA9IGVsZW1lbnRNYXRjaC5pbmRleDtcbiAgY29uc3Qgb3BlbmluZ1RhZ0VuZEluZGV4ID0gZWxlbWVudE1hdGNoLmluZGV4ICsgZWxlbWVudE5hbWUubGVuZ3RoICsgMjtcbiAgbGV0IG51bWJlck9wZW5UYWdzID0gMTtcblxuICBjb25zdCBlbGVtZW50VGFnc1JlZ2V4ID0gbmV3IFJlZ0V4cChcbiAgICBgKDwke2VsZW1lbnROYW1lfT4pfCg8LyR7ZWxlbWVudE5hbWV9PilgLFxuICAgIFwiZ1wiXG4gICk7XG4gIGxldCBjdXJyZW50VGFnTWF0Y2ggPSBlbGVtZW50VGFnc1JlZ2V4LmV4ZWMoc3RyaW5nKTtcbiAgbGV0IGNsb3NpbmdUYWdTdGFydEluZGV4O1xuICBsZXQgY2xvc2luZ1RhZ0VuZEluZGV4O1xuXG4gIGRvIHtcbiAgICBpZiAoY3VycmVudFRhZ01hdGNoLmluZGV4ID4gb3BlbmluZ1RhZ1N0YXJ0SW5kZXgpIHtcbiAgICAgIGlmIChjdXJyZW50VGFnTWF0Y2hbMV0pIHtcbiAgICAgICAgbnVtYmVyT3BlblRhZ3MgKz0gMTtcbiAgICAgIH0gZWxzZSBpZiAoY3VycmVudFRhZ01hdGNoWzJdKSB7XG4gICAgICAgIG51bWJlck9wZW5UYWdzIC09IDE7XG4gICAgICAgIGNsb3NpbmdUYWdTdGFydEluZGV4ID0gY3VycmVudFRhZ01hdGNoLmluZGV4O1xuICAgICAgICBjbG9zaW5nVGFnRW5kSW5kZXggPSBjbG9zaW5nVGFnU3RhcnRJbmRleCArIGN1cnJlbnRUYWdNYXRjaFsyXS5sZW5ndGg7XG4gICAgICB9XG4gICAgfVxuICAgIGN1cnJlbnRUYWdNYXRjaCA9IGVsZW1lbnRUYWdzUmVnZXguZXhlYyhzdHJpbmcpO1xuICAgIGlmICghY3VycmVudFRhZ01hdGNoKSBicmVhaztcbiAgfSB3aGlsZSAobnVtYmVyT3BlblRhZ3MgPiAwKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnROYW1lLFxuICAgIHByZXY6IHN0cmluZy5zbGljZSgwLCBvcGVuaW5nVGFnU3RhcnRJbmRleCksXG4gICAgbm9kZTogc3RyaW5nLnNsaWNlKG9wZW5pbmdUYWdFbmRJbmRleCwgY2xvc2luZ1RhZ1N0YXJ0SW5kZXgpLFxuICAgIG5leHQ6IHN0cmluZy5zbGljZShjbG9zaW5nVGFnRW5kSW5kZXgpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IG1ha2VTdHlsZWRKU1ggPSAoXG4gIHN0cmluZzogc3RyaW5nXG4pOiBSZWFjdC5SZWFjdE5vZGVbXSB8IHN0cmluZyB8IG51bGwgPT4ge1xuICBpZiAoIXN0cmluZyB8fCBzdHJpbmcubGVuZ3RoIDwgMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgbm9kZXMgPSBnZXROb2RlcyhzdHJpbmcpO1xuICBpZiAoIW5vZGVzKSB7XG4gICAgcmV0dXJuIHN0cmluZztcbiAgfVxuXG4gIGNvbnN0IHsgZWxlbWVudE5hbWUsIHByZXYsIG5vZGUsIG5leHQgfSA9IG5vZGVzO1xuXG4gIHJldHVybiBbXG4gICAgcHJldixcbiAgICBDb21wb25lbnRzW2VsZW1lbnROYW1lXSh7IGtleTogbm9kZSwgY2hpbGRyZW46IG1ha2VTdHlsZWRKU1gobm9kZSkgfSksXG4gICAgbWFrZVN0eWxlZEpTWChuZXh0KSxcbiAgXS5maWx0ZXIoKGkpID0+IGkgIT09IG51bGwgJiYgaSAhPT0gXCJcIiAmJiAhKEFycmF5LmlzQXJyYXkoaSkgJiYgIWkubGVuZ3RoKSk7XG59O1xuXG5leHBvcnQgdHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIC8qIFRoZSBzdHJpbmdpZmllZCBtYXJrdXAgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJTdHlsZWRUZXh0XCI+XG4gICAgICB7bWFrZVN0eWxlZEpTWChjaGlsZHJlbil9XG4gICAgPC9zcGFuPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNlIn0= */"),Bold=styled("b",{target:"e52exb51",label:"Bold"})({fontWeight:"bolder"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9TdHlsZWRUZXh0L1N0eWxlZFRleHQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1N0eWxlZFRleHQvU3R5bGVkVGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IChcbiAgICA8VGV4dCBrZXk9e2tleX0gYXM9XCJwXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApLFxuICBzbWFsbDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiAoXG4gICAgPFRleHQga2V5PXtrZXl9IGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICksXG4gIC8vIHN1Yi9zdWIgYXJlIGluY3JlYXNpbmcgaGVpZ2h0IG9mIHdob2xlIGxpbmUsIHdoaWNoIGlzIG5vdCBkZXNpcmVkIGZyb20gZGVzaWduIHBlcnNwZWN0aXZlXG4gIHN1cDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8c3VwIGtleT17a2V5fT57Y2hpbGRyZW59PC9zdXA+LFxuICBzdWI6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gPHN1YiBrZXk9e2tleX0+e2NoaWxkcmVufTwvc3ViPixcbn07XG5cbmNvbnN0IGdldE5vZGVzID0gKFxuICBzdHJpbmc6IHN0cmluZ1xuKTogeyBlbGVtZW50TmFtZTogc3RyaW5nOyBwcmV2OiBzdHJpbmc7IG5vZGU6IHN0cmluZzsgbmV4dDogc3RyaW5nIH0gfCBudWxsID0+IHtcbiAgY29uc3QgZWxlbWVudE5hbWVzID0gT2JqZWN0LmtleXMoQ29tcG9uZW50cykuam9pbihcInxcIik7XG4gIGNvbnN0IGVsZW1lbnRSZWdleCA9IG5ldyBSZWdFeHAoYDwoJHtlbGVtZW50TmFtZXN9KT4uKjwvXFxcXDE+YCk7XG4gIGNvbnN0IGVsZW1lbnRNYXRjaCA9IGVsZW1lbnRSZWdleC5leGVjKHN0cmluZyk7XG5cbiAgaWYgKCFlbGVtZW50TWF0Y2gpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGVsZW1lbnROYW1lID0gZWxlbWVudE1hdGNoWzFdO1xuICBjb25zdCBvcGVuaW5nVGFnU3RhcnRJbmRleCA9IGVsZW1lbnRNYXRjaC5pbmRleDtcbiAgY29uc3Qgb3BlbmluZ1RhZ0VuZEluZGV4ID0gZWxlbWVudE1hdGNoLmluZGV4ICsgZWxlbWVudE5hbWUubGVuZ3RoICsgMjtcbiAgbGV0IG51bWJlck9wZW5UYWdzID0gMTtcblxuICBjb25zdCBlbGVtZW50VGFnc1JlZ2V4ID0gbmV3IFJlZ0V4cChcbiAgICBgKDwke2VsZW1lbnROYW1lfT4pfCg8LyR7ZWxlbWVudE5hbWV9PilgLFxuICAgIFwiZ1wiXG4gICk7XG4gIGxldCBjdXJyZW50VGFnTWF0Y2ggPSBlbGVtZW50VGFnc1JlZ2V4LmV4ZWMoc3RyaW5nKTtcbiAgbGV0IGNsb3NpbmdUYWdTdGFydEluZGV4O1xuICBsZXQgY2xvc2luZ1RhZ0VuZEluZGV4O1xuXG4gIGRvIHtcbiAgICBpZiAoY3VycmVudFRhZ01hdGNoLmluZGV4ID4gb3BlbmluZ1RhZ1N0YXJ0SW5kZXgpIHtcbiAgICAgIGlmIChjdXJyZW50VGFnTWF0Y2hbMV0pIHtcbiAgICAgICAgbnVtYmVyT3BlblRhZ3MgKz0gMTtcbiAgICAgIH0gZWxzZSBpZiAoY3VycmVudFRhZ01hdGNoWzJdKSB7XG4gICAgICAgIG51bWJlck9wZW5UYWdzIC09IDE7XG4gICAgICAgIGNsb3NpbmdUYWdTdGFydEluZGV4ID0gY3VycmVudFRhZ01hdGNoLmluZGV4O1xuICAgICAgICBjbG9zaW5nVGFnRW5kSW5kZXggPSBjbG9zaW5nVGFnU3RhcnRJbmRleCArIGN1cnJlbnRUYWdNYXRjaFsyXS5sZW5ndGg7XG4gICAgICB9XG4gICAgfVxuICAgIGN1cnJlbnRUYWdNYXRjaCA9IGVsZW1lbnRUYWdzUmVnZXguZXhlYyhzdHJpbmcpO1xuICAgIGlmICghY3VycmVudFRhZ01hdGNoKSBicmVhaztcbiAgfSB3aGlsZSAobnVtYmVyT3BlblRhZ3MgPiAwKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnROYW1lLFxuICAgIHByZXY6IHN0cmluZy5zbGljZSgwLCBvcGVuaW5nVGFnU3RhcnRJbmRleCksXG4gICAgbm9kZTogc3RyaW5nLnNsaWNlKG9wZW5pbmdUYWdFbmRJbmRleCwgY2xvc2luZ1RhZ1N0YXJ0SW5kZXgpLFxuICAgIG5leHQ6IHN0cmluZy5zbGljZShjbG9zaW5nVGFnRW5kSW5kZXgpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IG1ha2VTdHlsZWRKU1ggPSAoXG4gIHN0cmluZzogc3RyaW5nXG4pOiBSZWFjdC5SZWFjdE5vZGVbXSB8IHN0cmluZyB8IG51bGwgPT4ge1xuICBpZiAoIXN0cmluZyB8fCBzdHJpbmcubGVuZ3RoIDwgMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgbm9kZXMgPSBnZXROb2RlcyhzdHJpbmcpO1xuICBpZiAoIW5vZGVzKSB7XG4gICAgcmV0dXJuIHN0cmluZztcbiAgfVxuXG4gIGNvbnN0IHsgZWxlbWVudE5hbWUsIHByZXYsIG5vZGUsIG5leHQgfSA9IG5vZGVzO1xuXG4gIHJldHVybiBbXG4gICAgcHJldixcbiAgICBDb21wb25lbnRzW2VsZW1lbnROYW1lXSh7IGtleTogbm9kZSwgY2hpbGRyZW46IG1ha2VTdHlsZWRKU1gobm9kZSkgfSksXG4gICAgbWFrZVN0eWxlZEpTWChuZXh0KSxcbiAgXS5maWx0ZXIoKGkpID0+IGkgIT09IG51bGwgJiYgaSAhPT0gXCJcIiAmJiAhKEFycmF5LmlzQXJyYXkoaSkgJiYgIWkubGVuZ3RoKSk7XG59O1xuXG5leHBvcnQgdHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIC8qIFRoZSBzdHJpbmdpZmllZCBtYXJrdXAgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJTdHlsZWRUZXh0XCI+XG4gICAgICB7bWFrZVN0eWxlZEpTWChjaGlsZHJlbil9XG4gICAgPC9zcGFuPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVhIn0= */"),Components={b:({key,children})=>React.createElement(Bold,{key:key},children),i:({key,children})=>React.createElement(Italic,{key:key},children),p:({key,children})=>React.createElement(Text,{key:key,as:"p",color:"primary"},children),small:({key,children})=>React.createElement(Text,{key:key,as:"span",color:"tertiary"},children),sup:({key,children})=>React.createElement("sup",{key:key},children),sub:({key,children})=>React.createElement("sub",{key:key},children)},getNodes=string=>{let closingTagStartIndex,closingTagEndIndex;let elementNames=Object.keys(Components).join("|"),elementMatch=RegExp(`<(${elementNames})>.*</\\1>`).exec(string);if(!elementMatch)return null;let elementName=elementMatch[1],openingTagStartIndex=elementMatch.index,openingTagEndIndex=elementMatch.index+elementName.length+2,numberOpenTags=1,elementTagsRegex=RegExp(`(<${elementName}>)|(</${elementName}>)`,"g"),currentTagMatch=elementTagsRegex.exec(string);do if(currentTagMatch.index>openingTagStartIndex&&(currentTagMatch[1]?numberOpenTags+=1:currentTagMatch[2]&&(numberOpenTags-=1,closingTagEndIndex=(closingTagStartIndex=currentTagMatch.index)+currentTagMatch[2].length)),!(currentTagMatch=elementTagsRegex.exec(string)))break;while(numberOpenTags>0);return{elementName,prev:string.slice(0,openingTagStartIndex),node:string.slice(openingTagEndIndex,closingTagStartIndex),next:string.slice(closingTagEndIndex)}};export const makeStyledJSX=string=>{if(!string||string.length<1)return null;let nodes=getNodes(string);if(!nodes)return string;let{elementName,prev,node,next}=nodes;return[prev,Components[elementName]({key:node,children:makeStyledJSX(node)}),makeStyledJSX(next)].filter(i=>null!==i&&""!==i&&!(Array.isArray(i)&&!i.length))};export function StyledText({children,"data-e2e-test-id":dataE2eTestId}){return"string"!=typeof children?children:React.createElement("span",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"StyledText"},makeStyledJSX(children))}

package/build/esm/components/Typography/Text/Text.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { TextAlignment, TextVariations, TextColors, TextSize, TextWeight, MQ, Hyphens } from "../../../types";
+export type TextProps = {
+    children: React.ReactNode;
+    size?: TextSize;
+    weight?: TextWeight;
+    transform?: "none" | "capitalize" | "uppercase" | "lowercase";
+    as?: "p" | "span";
+    /** @deprecated variant property is deprecated now. Please use color prop. */
+    variant?: TextVariations;
+    color?: TextColors;
+    align?: TextAlignment;
+    hyphens?: Hyphens | MQ<Hyphens>;
+    "data-e2e-test-id"?: string;
+    /** @ignore */
+    "data-ds-id"?: string;
+};
+export declare const TextContext: React.Context<Pick<TextProps, "color" | "size" | "weight">>;
+export declare const Text: ({ size, weight, transform, as, color: colorProp, align, hyphens, variant, "data-e2e-test-id": dataE2eTestId, children, ...rest }: TextProps) => React.ReactElement;

package/build/esm/components/Typography/Text/Text.js

@@ -0,0 +1 @@
+import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{mq}from"../../../shared/mediaQueries";export const TextContext=React.createContext(null);let StyledText=styled("p",{shouldForwardProp:prop=>isPropValid(prop)&&"transform"!==prop,target:"e1jt2fji0",label:"StyledText"})(({theme,align,weight,size,transform,hyphens,color,variant})=>({fontFamily:theme.variables.fontFamily.lato,margin:0,textTransform:transform,textAlign:align,fontWeight:theme.variables.weight[weight],color:theme.values.color.text[color].default,...variant&&{color:theme.values.color.text[variant].default,..."primary"===variant&&{color:theme.values.color.text.accent.default},..."secondary"===variant&&{color:theme.values.color.text.primary.default}},fontSize:theme.variables.size.font[size],lineHeight:({xs:theme.variables.size.lineHeight.xl,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl})[size],...mq({hyphens:[hyphens,{none:"none",auto:"auto",manual:"manual"}]})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UZXh0L1RleHQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1RleHQvVGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQgdHlwZSB7XG4gIFRleHRBbGlnbm1lbnQsXG4gIFRleHRWYXJpYXRpb25zLFxuICBUZXh0Q29sb3JzLFxuICBUZXh0U2l6ZSxcbiAgVGV4dFdlaWdodCxcbiAgTVEsXG4gIEh5cGhlbnMsXG59IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBUZXh0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHNpemU/OiBUZXh0U2l6ZTtcbiAgd2VpZ2h0PzogVGV4dFdlaWdodDtcbiAgdHJhbnNmb3JtPzogXCJub25lXCIgfCBcImNhcGl0YWxpemVcIiB8IFwidXBwZXJjYXNlXCIgfCBcImxvd2VyY2FzZVwiO1xuICBhcz86IFwicFwiIHwgXCJzcGFuXCI7XG4gIC8qKiBAZGVwcmVjYXRlZCB2YXJpYW50IHByb3BlcnR5IGlzIGRlcHJlY2F0ZWQgbm93LiBQbGVhc2UgdXNlIGNvbG9yIHByb3AuICovXG4gIHZhcmlhbnQ/OiBUZXh0VmFyaWF0aW9ucztcbiAgY29sb3I/OiBUZXh0Q29sb3JzO1xuICBhbGlnbj86IFRleHRBbGlnbm1lbnQ7XG4gIGh5cGhlbnM/OiBIeXBoZW5zIHwgTVE8SHlwaGVucz47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0Q29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8UGljazxcbiAgVGV4dFByb3BzLFxuICBcImNvbG9yXCIgfCBcInNpemVcIiB8IFwid2VpZ2h0XCJcbj4gfCBudWxsPihudWxsKTtcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChcInBcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3A6IHN0cmluZykgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcInRyYW5zZm9ybVwiLFxufSk8VGV4dFByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduLCB3ZWlnaHQsIHNpemUsIHRyYW5zZm9ybSwgaHlwaGVucywgY29sb3IsIHZhcmlhbnQgfSkgPT5cbiAgICAoe1xuICAgICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIHRleHRUcmFuc2Zvcm06IHRyYW5zZm9ybSxcbiAgICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0W3dlaWdodF0sXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG5cbiAgICAgIC8vIHZhcmlhbnQgaXMgZGVwcmVjYXRlZCBhbmQgaXQgc2hvdWxkIGJlIGRlbGV0ZWQgYXNhcFxuICAgICAgLi4uKHZhcmlhbnQgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbdmFyaWFudF0uZGVmYXVsdCxcbiAgICAgICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgICAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnRbc2l6ZV0sXG4gICAgICBsaW5lSGVpZ2h0OiB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgICAgICBzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmwsXG4gICAgICAgIG06IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG4gICAgICB9W3NpemVdLFxuICAgICAgLi4ubXEoe1xuICAgICAgICBoeXBoZW5zOiBbaHlwaGVucywgeyBub25lOiBcIm5vbmVcIiwgYXV0bzogXCJhdXRvXCIsIG1hbnVhbDogXCJtYW51YWxcIiB9XSxcbiAgICAgIH0pLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICBzaXplID0gXCJtXCIsXG4gIHdlaWdodCA9IFwibm9ybWFsXCIsXG4gIHRyYW5zZm9ybSA9IFwibm9uZVwiLFxuICBhcyA9IFwicFwiLFxuICBjb2xvcjogY29sb3JQcm9wID0gXCJwcmltYXJ5XCIsXG4gIGFsaWduID0gXCJsZWZ0XCIsXG4gIGh5cGhlbnMgPSBcIm5vbmVcIixcbiAgdmFyaWFudCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiBUZXh0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBsZXQgY29sb3IgPSBjb2xvclByb3A7XG5cbiAgLy8gdGhpcyBpcyBnb2luZyB0byBiZSBkZWxldGVkIGFmdGVyIG1pZ3JhdGlvblxuICBpZiAodmFyaWFudCkge1xuICAgIGlmICh2YXJpYW50ID09PSBcInByaW1hcnlcIikge1xuICAgICAgY29sb3IgPSBcImFjY2VudFwiO1xuICAgIH0gZWxzZSBpZiAodmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIikge1xuICAgICAgY29sb3IgPSBcInByaW1hcnlcIjtcbiAgICB9IGVsc2Uge1xuICAgICAgY29sb3IgPSB2YXJpYW50O1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZXMgPSBSZWFjdC51c2VNZW1vKFxuICAgICgpID0+ICh7IGNvbG9yLCBzaXplLCB3ZWlnaHQgfSksXG4gICAgW2NvbG9yLCBzaXplLCB3ZWlnaHRdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGV4dFxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICB3ZWlnaHQ9e3dlaWdodH1cbiAgICAgIHRyYW5zZm9ybT17dHJhbnNmb3JtfVxuICAgICAgYXM9e2FzfVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgaHlwaGVucz17aHlwaGVuc31cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVGV4dFwiXG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8VGV4dENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZXN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHRDb250ZXh0LlByb3ZpZGVyPlxuICAgIDwvU3R5bGVkVGV4dD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NtQiJ9 */");export const Text=({size="m",weight="normal",transform="none",as="p",color:colorProp="primary",align="left",hyphens="none",variant,"data-e2e-test-id":dataE2eTestId,children,...rest})=>{let color=colorProp;variant&&(color="primary"===variant?"accent":"secondary"===variant?"primary":variant);let contextValues=React.useMemo(()=>({color,size,weight}),[color,size,weight]);return React.createElement(StyledText,{variant:variant,size:size,weight:weight,transform:transform,as:as,color:color,align:align,hyphens:hyphens,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Text",...rest},React.createElement(TextContext.Provider,{value:contextValues},children))};

package/build/esm/components/Typography/TextClamped/TextClamped.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { TextProps } from "../Text/Text";
+export type TextClampedProps = TextProps & {
+    /** The maximum number of lines. Default is 1. */
+    lines?: number;
+};
+export declare function TextClamped(props: TextClampedProps): React.ReactElement;
+export declare namespace TextClamped {
+    var defaultProps: Partial<TextClampedProps>;
+}

package/build/esm/components/Typography/TextClamped/TextClamped.js

@@ -0,0 +1 @@
+import React from"react";import styled from"@emotion/styled";import{Text}from"../Text/Text";let Container=styled("span",{target:"ejalrjq0",label:"Container"})(({lines})=>({display:"-webkit-box","-webkit-box-orient":"vertical",overflow:"hidden",WebkitLineClamp:lines}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1R5cG9ncmFwaHkvVGV4dENsYW1wZWQvVGV4dENsYW1wZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0UHJvcHMgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBUZXh0Q2xhbXBlZFByb3BzID0gVGV4dFByb3BzICYge1xuICAvKiogVGhlIG1heGltdW0gbnVtYmVyIG9mIGxpbmVzLiBEZWZhdWx0IGlzIDEuICovXG4gIGxpbmVzPzogbnVtYmVyO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPFRleHRDbGFtcGVkUHJvcHM+ID0ge1xuICBsaW5lczogMSxcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuPFRleHRDbGFtcGVkUHJvcHM+KCh7IGxpbmVzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgV2Via2l0TGluZUNsYW1wOiBsaW5lcyxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRleHRDbGFtcGVkKHByb3BzOiBUZXh0Q2xhbXBlZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3Qge1xuICAgIGxpbmVzLFxuICAgIGNoaWxkcmVuLFxuICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgIC4uLnRleHRQcm9wc1xuICB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUZXh0Q2xhbXBlZFwiXG4gICAgICB7Li4udGV4dFByb3BzfVxuICAgID5cbiAgICAgIDxDb250YWluZXIgbGluZXM9e2xpbmVzfSBzaXplPXt0ZXh0UHJvcHMuc2l6ZX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvVGV4dD5cbiAgKTtcbn1cblxuVGV4dENsYW1wZWQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrQiJ9 */");export function TextClamped(props){let{lines,children,"data-e2e-test-id":dataE2eTestId,...textProps}=props;return React.createElement(Text,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextClamped",...textProps},React.createElement(Container,{lines:lines,size:textProps.size},children))}TextClamped.defaultProps={lines:1};

package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { TooltipContentProps } from "../Tooltip/TooltipContent";
+export type UserHighlightTooltipProps = Pick<TooltipContentProps, "content" | "placement" | "portalContainer" | "contentPadding" | "maxWidth"> & {
+    "data-e2e-test-id"?: string;
+    onVisibilityChange?: (isVisible: boolean) => void;
+    triggerElements: HTMLElement[];
+    selectedRange?: Range;
+    positionAtStart?: boolean;
+};
+export declare function UserHighlightTooltip({ content, contentPadding, placement, maxWidth, portalContainer, "data-e2e-test-id": dataE2eTestId, triggerElements, selectedRange, onVisibilityChange, positionAtStart, }: UserHighlightTooltipProps): React.ReactElement;

package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.js

@@ -0,0 +1 @@
+import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{TooltipContent}from"../Tooltip/TooltipContent";export function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=useMemo(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=useRef(!1),showTooltipTimeoutId=useRef(null),hideTooltipTimeoutId=useRef(null),triggerHovered=useRef(!1),rangeRef=useRef(null);useEffect(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=useState(!1),toggleVisibility=useCallback(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);useEffect(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=useCallback(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=useCallback(()=>{triggerHovered.current=!0,tooltipVisible||(clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{!tooltipVisible&&triggerHovered.current&&toggleVisibility(!0)},200))},[toggleVisibility,tooltipVisible]),handleTriggerPointerLeave=useCallback(()=>{clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,hideTooltipAfterDelay()},[hideTooltipAfterDelay]);return(useEffect(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),useEffect(()=>(triggerElements.forEach(node=>{node.addEventListener("pointerenter",handleTriggerPointerEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",handleTriggerPointerEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}),[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),useEffect(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?React.createElement(TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,"aria-hidden":!0,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}

package/build/esm/components/VirtualScrollList/VirtualScrollList.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type VirtualScrollListProps = {
+    "data-e2e-test-id"?: string;
+    maxHeight: number;
+    itemHeight: number;
+    itemAmount: number;
+    emptyState: () => React.ReactNode;
+    itemInView: number;
+    itemTemplate: (index: number) => React.ReactNode;
+};
+export declare function VirtualScrollList({ maxHeight, itemHeight, itemAmount, emptyState, itemInView, itemTemplate, "data-e2e-test-id": dataE2eTestId, }: VirtualScrollListProps): React.ReactElement;

package/build/esm/components/VirtualScrollList/VirtualScrollList.js

@@ -0,0 +1 @@
+import styled from"@emotion/styled";import React,{useRef,useReducer,useLayoutEffect,useEffect}from"react";import{VirtualScrollReducer}from"./VirtualScrollListReducer";let StyledContainer=styled("div",{target:"elzy6t10",label:"StyledContainer"})(({maxHeight})=>({overflow:"auto",width:"100%",height:"100%",maxHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlZpcnR1YWxTY3JvbGxMaXN0XCJcbiAgICAgIG9uU2Nyb2xsPXsoZTogUmVhY3QuVUlFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IFwic2Nyb2xsXCIsXG4gICAgICAgICAgc2Nyb2xsVG9wOiBlLmN1cnJlbnRUYXJnZXQuc2Nyb2xsVG9wLFxuICAgICAgICB9KTtcbiAgICAgIH19XG4gICAgPlxuICAgICAge2l0ZW1BbW91bnQgPT09IDAgPyAoXG4gICAgICAgIGVtcHR5U3RhdGUoKVxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZFNjcm9sbGFibGVDb250ZW50IG1heENvbnRlbnRIZWlnaHQ9e21heENvbnRlbnRIZWlnaHR9PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c2Nyb2xsZWRJblB4fXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3dCIn0= */"),StyledScrollableContent=styled("div",{target:"elzy6t11",label:"StyledScrollableContent"})(({maxContentHeight})=>({overflow:"hidden",boxSizing:"border-box",height:maxContentHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlZpcnR1YWxTY3JvbGxMaXN0XCJcbiAgICAgIG9uU2Nyb2xsPXsoZTogUmVhY3QuVUlFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IFwic2Nyb2xsXCIsXG4gICAgICAgICAgc2Nyb2xsVG9wOiBlLmN1cnJlbnRUYXJnZXQuc2Nyb2xsVG9wLFxuICAgICAgICB9KTtcbiAgICAgIH19XG4gICAgPlxuICAgICAge2l0ZW1BbW91bnQgPT09IDAgPyAoXG4gICAgICAgIGVtcHR5U3RhdGUoKVxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZFNjcm9sbGFibGVDb250ZW50IG1heENvbnRlbnRIZWlnaHQ9e21heENvbnRlbnRIZWlnaHR9PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c2Nyb2xsZWRJblB4fXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dDIn0= */");export function VirtualScrollList({maxHeight,itemHeight,itemAmount,emptyState=()=>null,itemInView,itemTemplate,"data-e2e-test-id":dataE2eTestId}){let scrollableContainerRef=useRef(null),viewportRef=useRef(null),[{scrolledItemCount,amountOfItemsInView,scrolledInPx,maxContentHeight=maxHeight,recommendedScrollPosition},dispatch]=useReducer(VirtualScrollReducer,{});useLayoutEffect(()=>{dispatch({type:"reset",itemHeight,maxHeight,overscan:10}),scrollableContainerRef.current.scrollTop=0},[itemHeight,itemAmount,maxHeight]),useEffect(()=>{dispatch({type:"recommendScrollPosition",scrollTop:scrollableContainerRef.current.scrollTop,itemToBeInView:itemInView})},[itemInView]),useEffect(()=>{null!==recommendedScrollPosition&&(scrollableContainerRef.current.scrollTop=recommendedScrollPosition)},[recommendedScrollPosition]),useLayoutEffect(()=>{viewportRef.current&&dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})},[itemAmount,scrolledItemCount]);let itemCountToBeRendered=Math.min(Math.max(0,itemAmount-scrolledItemCount),amountOfItemsInView);return React.createElement(StyledContainer,{ref:scrollableContainerRef,maxHeight:maxHeight,style:{maxHeight},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"VirtualScrollList",onScroll:e=>{dispatch({type:"scroll",scrollTop:e.currentTarget.scrollTop})}},0===itemAmount?emptyState():React.createElement(StyledScrollableContent,{maxContentHeight:maxContentHeight},React.createElement("div",{ref:viewportRef,style:{transform:`translateY(${scrolledInPx}px`}},!!itemCountToBeRendered&&Array(itemCountToBeRendered).fill(0).map((_,index)=>itemTemplate(scrolledItemCount+index)))))}

package/build/esm/components/VirtualScrollList/VirtualScrollListReducer.d.ts

@@ -0,0 +1,36 @@
+type Offset = {
+    amount: number;
+    isInterpolated: boolean;
+};
+type State = {
+    avgItemHeight?: number;
+    overscan?: number;
+    maxHeight?: number;
+    topOffsets?: Offset[];
+    renderFrom?: number;
+    scrolledItemCount?: number;
+    scrolledInPx?: number;
+    lastItemHeight?: number;
+    amountOfItemsInView?: number;
+    maxContentHeight?: number;
+    recommendedScrollPosition?: number;
+};
+type Action = {
+    type: "scroll";
+    scrollTop: number;
+} | {
+    type: "updateViewport";
+    viewportNode: HTMLDivElement;
+    itemAmount: number;
+} | {
+    type: "reset";
+    itemHeight: number;
+    maxHeight: number;
+    overscan: number;
+} | {
+    type: "recommendScrollPosition";
+    scrollTop: number;
+    itemToBeInView: number;
+};
+export declare const VirtualScrollReducer: (prevState: State, action: Action) => State;
+export {};

package/build/esm/components/VirtualScrollList/VirtualScrollListReducer.js

@@ -0,0 +1 @@
+let findClosestOffsetIndex=(arr,val)=>{let start=0,end=arr.length-1,mid=Math.floor((start+end)/2);for(;start<=end&&arr[mid=Math.floor((start+end)/2)].amount!==val;)val<arr[mid].amount?end=mid-1:start=mid+1;return mid},getMaxHeight=(maxAmountOfItems,offsets,lastItemHeight=0)=>{var _offsets_;let amountOfOffsets=Math.min(offsets.length,maxAmountOfItems);return((null==(_offsets_=offsets[amountOfOffsets-1])?void 0:_offsets_.amount)||0)+lastItemHeight},reduceScroll=(prevState,scrollTop)=>{var _topOffsets_scrolledItemCount;let{topOffsets,overscan:tolerance}=prevState,scrolledItemCount=Math.max(0,findClosestOffsetIndex(topOffsets,scrollTop)-tolerance/2),scrolledInPx=(null==(_topOffsets_scrolledItemCount=topOffsets[scrolledItemCount])?void 0:_topOffsets_scrolledItemCount.amount)||0;return{...prevState,scrolledItemCount,scrolledInPx}},reduceUpdateViewport=(prevState,viewportNode,itemAmount)=>{let{topOffsets=[],scrolledInPx,scrolledItemCount,avgItemHeight,lastItemHeight,maxHeight,overscan:tolerance}=prevState,newTopOffsets=[...topOffsets],updatedLastItemHeight=lastItemHeight;Array.from(viewportNode.children).forEach((child,i)=>{newTopOffsets[i+scrolledItemCount]={amount:scrolledInPx+child.offsetTop,isInterpolated:!1},i+scrolledItemCount!==itemAmount-1||lastItemHeight||(updatedLastItemHeight=child.getBoundingClientRect().height)});for(let i=0;i<itemAmount;i+=1)(!newTopOffsets[i]||newTopOffsets[i].isInterpolated)&&(newTopOffsets[i]={amount:newTopOffsets[i-1].amount+avgItemHeight,isInterpolated:!0});let newAvgItemHeight=Math.max(avgItemHeight,viewportNode.getBoundingClientRect().height/(viewportNode.childElementCount||1)),maxContentHeight=getMaxHeight(itemAmount,newTopOffsets,updatedLastItemHeight);return{...prevState,lastItemHeight:updatedLastItemHeight,avgItemHeight,topOffsets:newTopOffsets,amountOfItemsInView:Math.round(maxHeight/newAvgItemHeight)+tolerance,maxContentHeight}},reduceReset=(prevState,itemHeight,maxHeight,overscan)=>({...prevState,lastItemHeight:null,topOffsets:[{amount:0,isInterpolated:!1}],scrolledInPx:0,scrolledItemCount:0,maxHeight,avgItemHeight:itemHeight,overscan}),reduceRecommendScrollPosition=(prevState,scrollTop,itemToBeInView)=>{var _topOffsets_,_topOffsets_itemToBeInView;let{topOffsets,maxHeight}=prevState;if(!topOffsets)return prevState;let bottomOfTarget=null==(_topOffsets_=topOffsets[itemToBeInView+1])?void 0:_topOffsets_.amount,topOfTarget=null==(_topOffsets_itemToBeInView=topOffsets[itemToBeInView])?void 0:_topOffsets_itemToBeInView.amount,recommendedScrollPosition=null;return topOfTarget<scrollTop&&(recommendedScrollPosition=topOfTarget),bottomOfTarget>=scrollTop+maxHeight&&(recommendedScrollPosition=bottomOfTarget-maxHeight),itemToBeInView===topOffsets.length-1&&(recommendedScrollPosition=topOffsets[itemToBeInView].amount),{...prevState,recommendedScrollPosition}};export const VirtualScrollReducer=(prevState,action)=>{switch(action.type){case"reset":return reduceReset(prevState,action.itemHeight,action.maxHeight,action.overscan);case"scroll":return reduceScroll(prevState,action.scrollTop);case"updateViewport":return reduceUpdateViewport(prevState,action.viewportNode,action.itemAmount);case"recommendScrollPosition":return reduceRecommendScrollPosition(prevState,action.scrollTop,action.itemToBeInView);default:throw Error()}};

package/build/esm/index.d.ts

@@ -0,0 +1,59 @@
+import type { VisualConfig } from "./web-tokens/visualConfig";
+export type { VisualConfig };
+export declare const dark: VisualConfig, light: VisualConfig;
+export { ThemeProvider, CacheProvider } from "@emotion/react";
+export { default as createCache } from "@emotion/cache";
+export * from "./components/Card/Card";
+export * from "./components/Card/CardBox";
+export * from "./components/Box/Box";
+export * from "./components/Inline/Inline";
+export * from "./components/Stack/Stack";
+export * from "./components/Typography/Header/Header";
+export * from "./components/Typography/Text/Text";
+export * from "./components/Typography/TextClamped/TextClamped";
+export * from "./components/Typography/StyledText/StyledText";
+export * from "./components/Link/Link";
+export * from "./components/Icon/Icon";
+export * from "./components/Button/Button";
+export * from "./components/Divider/Divider";
+export * from "./components/Column/Columns";
+export * from "./components/Tabs/Tabs";
+export * from "./components/Badge/Badge";
+export * from "./components/SearchResult/SearchResult";
+export * from "./components/Form/ToggleButton/ToggleButton";
+export * from "./components/DropdownMenu/DropdownMenu";
+export * from "./components/Form/FormFieldGroup/FormFieldGroup";
+export * from "./components/Form/Input";
+export * from "./components/Form/Checkbox/Checkbox";
+export * from "./components/Form/Toggle/Toggle";
+export * from "./components/Form/Radio/Radio";
+export * from "./components/Form/RadioButton/RadioButton";
+export * from "./components/Form/Textarea/Textarea";
+export * from "./components/Form/Select/Select";
+export * from "./components/SubThemeProvider/SubThemeProvider";
+export * from "./components/PictogramButton/PictogramButton";
+export * from "./components/MediaViewerBar/MediaViewerBar";
+export * from "./components/SegmentedProgressBar/SegmentedProgressBar";
+export * from "./components/ProgressBar/ProgressBar";
+export * from "./components/Container/Container";
+export * from "./components/Form/PasswordInput";
+export * from "./components/RoundButton/RoundButton";
+export * from "./components/Notification/Notification";
+export * from "./components/Logo/Logo";
+export * from "./components/MediaItem/MediaItem";
+export * from "./components/Callout/Callout";
+export * from "./components/Patterns/Modal/Modal";
+export * from "./components/Patterns/ButtonGroup/ButtonGroup";
+export * from "./components/Collapsible/Collapsible";
+export * from "./components/LoadingSpinner/LoadingSpinner";
+export * from "./components/Pagination/Pagination";
+export * from "./components/DataTable";
+export * from "./components/Form/SegmentedControl/SegmentedControl";
+export * from "./components/Tooltip/Tooltip";
+export * from "./components/Tag/Tag";
+export * from "./components/TagGroup/TagGroup";
+export * from "./components/Toggletip/Toggletip";
+export * from "./components/Popover/Popover";
+export * from "./components/UserHighlightTooltip/UserHighlightTooltip";
+export * from "./components/Sheet/Sheet";
+export * from "./components/Image/Image";

package/build/esm/index.js

@@ -0,0 +1 @@
+import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Select/Select";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";

package/build/esm/shared/FocusTrapWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+/**
+  This wrapper is added to handle onPostDeactivate from react-focus-trap. onPostDeactivate is fired before component unmouns. Often, onDeactivate is used to unmount the component (see BasePopover and Sheet), so we don't want to handle this event again before component unmounts.
+*/
+type FocusTrapWrapperProps = {
+    focusTrapOptions: any;
+    children: React.ReactNode;
+};
+export declare const FocusTrapWrapper: ({ focusTrapOptions, children, }: FocusTrapWrapperProps) => React.ReactElement;
+export {};

package/build/esm/shared/FocusTrapWrapper.js

@@ -0,0 +1 @@
+import React,{useState,useEffect}from"react";import FocusTrap from"focus-trap-react";export const FocusTrapWrapper=({focusTrapOptions,children})=>{let[isDeactivated,setDeactivated]=useState(!1),{onPostDeactivate,...rest}=focusTrapOptions;return useEffect(()=>{isDeactivated&&onPostDeactivate()},[isDeactivated,onPostDeactivate]),React.createElement(FocusTrap,{focusTrapOptions:{...rest,onDeactivate:()=>{setDeactivated(!0)}}},children)};

package/build/esm/shared/ScreenReaderText.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ScreenReaderText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/shared/ScreenReaderText.js

@@ -0,0 +1 @@
+import styled from"@emotion/styled";export const ScreenReaderText=styled("div",{target:"e1skx7qu0",label:"ScreenReaderText"})({width:1,height:1,position:"absolute",left:"-10000px",top:0,overflow:"hidden"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0LnRzIiwic291cmNlcyI6WyJzcmMvc2hhcmVkL1NjcmVlblJlYWRlclRleHQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbi8vIENvbnRlbnQgcmVxdWlyZWQgdG8gYmUgcmVhZCBieSBzY3JlZW4gcmVhZGVycyBidXQgdmlzdWFsbHkgaGlkZGVuXG5leHBvcnQgY29uc3QgU2NyZWVuUmVhZGVyVGV4dCA9IHN0eWxlZC5kaXYoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiAxLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBsZWZ0OiBcIi0xMDAwMHB4XCIsXG4gIHRvcDogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0MifQ== */");

package/build/esm/shared/flattenChildren.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+/**
+ * Copied from https://github.com/grrowl/react-keyed-flatten-children (since ESM import doesn't work with the module)
+ *
+ * Similar to [React's built-in `Children.toArray` method](https://reactjs.org/docs/react-api.html#reactchildrentoarray),
+ * this utility takes children and returns them as an array for introspection or filtering.
+ *
+ * Different from `Children.toArray`, it will flatten arrays and `React.Fragment`s into a regular, one-dimensional
+ * array while ensuring element and fragment keys are preserved, unique, and stable between renders.
+ */
+export declare const flattenChildren: (children: React.ReactNode, depth?: number, keys?: string[]) => any;

package/build/esm/shared/flattenChildren.js

@@ -0,0 +1 @@
+import{Children,isValidElement,cloneElement}from"react";import{isFragment}from"react-is";export const flattenChildren=(children,depth=0,keys=[])=>Children.toArray(children).reduce((acc,node,nodeIndex)=>(isFragment(node)?acc.push(...flattenChildren(node.props.children,depth+1,keys.concat(String(node.key||nodeIndex)))):isValidElement(node)?acc.push(cloneElement(node,{key:keys.concat(String(node.key)).join(".")})):("string"==typeof node||"number"==typeof node)&&acc.push(node),acc),[]);

package/build/esm/shared/informDeprecation.d.ts

@@ -0,0 +1 @@
+export declare const informDeprecation: (property: unknown, value: unknown, location: string, details?: string) => void;

package/build/esm/shared/informDeprecation.js

@@ -0,0 +1,2 @@
+export const informDeprecation=(property,value,location,details="")=>{void 0!==property&&property===value&&console.error(`value ${JSON.stringify(value)} is depricated in ${location} 
+ ${details}`)};

package/build/esm/shared/mediaQueries.d.ts

@@ -0,0 +1,14 @@
+import type { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, TextAlignment, VerticalAlignment, Order, ColumnAlignment, Hyphens } from "../types";
+type MqProp<T> = [
+    T | MQ<T>,
+    Record<T extends string ? T : never, string | number>
+];
+type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens>>;
+type EmotionCssPropertyName = string;
+type EmotionCssValue = string | number;
+type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
+type MqFunc = (rules: MqRules) => Record<string, EmotionCssValue | EmotionCssDescription>;
+export declare const mq: MqFunc;
+export declare const mqValue: (rules: Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue>) => Record<string, EmotionCssValue | EmotionCssDescription>;
+export declare function getMediaQueryClasses<T>(s: T | MQ<T> | undefined, styles: Record<string, string>, prefix?: string): string[];
+export {};

package/build/esm/shared/mediaQueries.js

@@ -0,0 +1 @@
+var breakpointRules,breakpointRules1;import breakpoints from"../web-tokens/_breakpoints.json";export const mq=(breakpointRules=[`@media (max-width: ${breakpoints.medium.value}px)`,`@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`,`@media (min-width: ${breakpoints.large.value}px)`],rules=>{let res={};return breakpointRules.forEach(key=>{res[key]={}}),res["@media screen"]={},Object.entries(rules).forEach(([cssProperty,[prop,map]])=>{if(Array.isArray(prop)){let sm=prop[0],md=prop[1]||prop[0],lg=prop[2]||prop[1]||prop[0],[s,m,l]=breakpointRules;res[s][cssProperty]=map[sm],res[m][cssProperty]=map[md],res[l][cssProperty]=map[lg]}else res["@media screen"][cssProperty]=map[prop]}),res});export const mqValue=(breakpointRules1=[`@media (max-width: ${breakpoints.medium.value}px)`,`@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`,`@media (min-width: ${breakpoints.large.value}px)`],rules=>{let res={};return breakpointRules1.forEach(key=>{res[key]={}}),res["@media screen"]={},Object.entries(rules).forEach(([cssProperty,cssValues])=>{Array.isArray(cssValues)?breakpointRules1.forEach((breakpoint,index)=>{let i=index;for(;!cssValues[i]&&0!==i;)i-=1;res[breakpoint][cssProperty]=cssValues[i]}):res["@media screen"][cssProperty]=cssValues}),res});export function getMediaQueryClasses(s,styles,prefix=""){let res;if(void 0===s)return[];if(Array.isArray(s)){let sm=s[0],md=s[1]||s[0],lg=s[2]||s[1]||s[0];res=[`${sm}-small`,`${md}-medium`,`${lg}-large`]}else res=[s];return res.map(cl=>`${prefix}${cl}`).map(cl=>styles[cl])}

package/build/esm/shared/replaceDeprecated.d.ts

@@ -0,0 +1 @@
+export declare const replaceDeprecated: (property: unknown, from: unknown, to: unknown, location: string, details?: string) => unknown;

package/build/esm/shared/replaceDeprecated.js

@@ -0,0 +1,2 @@
+export const replaceDeprecated=(property,from,to,location,details="")=>property===from?(console.error(`value ${JSON.stringify(from)} is depricated in ${location} 
+ ${details}`),to):property;

package/build/esm/shared/useAutoPosition.d.ts

@@ -0,0 +1,5 @@
+import type { RefObject } from "react";
+export type VerticalPosition = "up" | "down";
+export type HorizontalPosition = "left" | "right";
+export type Position = [VerticalPosition, HorizontalPosition];
+export declare const useAutoPosition: (anchorRef: RefObject<HTMLElement>, contentRef: RefObject<HTMLElement>, isActive: boolean) => Position;

package/build/esm/shared/useAutoPosition.js

@@ -0,0 +1 @@
+import{useState,useLayoutEffect}from"react";import{useWindow}from"./useWindow";import{useDocument}from"./useDocument";export const useAutoPosition=(anchorRef,contentRef,isActive)=>{let[verticalPosition,setVerticalPosition]=useState("down"),[horizontalPosition,setHorizontalPosition]=useState("left"),document=useDocument(),window=useWindow();return useLayoutEffect(()=>{if(contentRef){if(isActive){let maxHeight=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),rect=contentRef.current.getBoundingClientRect(),anchorHeight=anchorRef.current.getBoundingClientRect().height,anchorX=anchorRef.current.getBoundingClientRect().x,screenWidth=window.innerWidth,isUp=rect.top+rect.height>maxHeight,isDown=rect.top-anchorHeight<rect.height;isUp?setVerticalPosition("up"):isDown&&setVerticalPosition("down"),anchorX>screenWidth/2?setHorizontalPosition("left"):anchorX<screenWidth/2&&setHorizontalPosition("right")}else setVerticalPosition("down"),setHorizontalPosition("left")}},[anchorRef,contentRef,document.documentElement.clientHeight,isActive,window.innerHeight,window.innerWidth]),[verticalPosition,horizontalPosition]};

package/build/esm/shared/useDocument.d.ts

@@ -0,0 +1 @@
+export declare function useDocument(): Document;

package/build/esm/shared/useDocument.js

@@ -0,0 +1 @@
+export function useDocument(){return document}

package/build/esm/shared/useDragDown.d.ts

@@ -0,0 +1,13 @@
+import type { RefObject } from "react";
+export type UseDragDownOptions = {
+    ref: RefObject<any>;
+    isVisible?: boolean;
+    onDragStart: (touchStartY: number) => void;
+    onDrag: (touchMoveY: number, offsetFromStart: number) => void;
+    onDragEnd: (touchEndY: number, offsetFromStart: number) => void;
+    onDragCancel: () => void;
+};
+/**
+ * Handle Drag down gesture for mobile web
+ */
+export declare function useDragDown({ ref, isVisible, onDragStart, onDrag, onDragEnd, onDragCancel, }: UseDragDownOptions): void;

package/build/esm/shared/useDragDown.js

@@ -0,0 +1 @@
+import{useEffect}from"react";export function useDragDown({ref,isVisible=!1,onDragStart,onDrag,onDragEnd,onDragCancel}){useEffect(()=>{let elm,touchStartY=0,touchMoveY=0,touchEndY=0,dragCancelled=!1,cancelDrag=()=>{dragCancelled=!0,touchStartY=0,touchMoveY=0,touchEndY=0,onDragCancel()},handleTouchStart=evt=>{evt.stopPropagation(),touchMoveY=touchStartY=evt.changedTouches[0].screenY,onDragStart(touchStartY),dragCancelled=!1},handleTouchEnd=evt=>{evt.stopPropagation(),dragCancelled||((touchEndY=evt.changedTouches[0].screenY)>=touchMoveY?onDragEnd(touchEndY,touchEndY-touchStartY):cancelDrag())},handleTouchMove=evt=>{if(evt.stopPropagation(),!dragCancelled){let prevTouchMoveY=touchMoveY;(touchMoveY=evt.changedTouches[0].screenY)>prevTouchMoveY?onDrag(touchMoveY,touchMoveY-touchStartY):cancelDrag()}};return isVisible&&ref.current&&((elm=ref.current).addEventListener("touchstart",handleTouchStart,{passive:!0}),elm.addEventListener("touchend",handleTouchEnd,{passive:!0}),elm.addEventListener("touchmove",handleTouchMove,{passive:!0})),()=>{elm&&(elm.removeEventListener("touchstart",handleTouchStart),elm.removeEventListener("touchend",handleTouchEnd),elm.removeEventListener("touchmove",handleTouchMove))}},[ref,isVisible,onDragStart,onDragCancel,onDragEnd,onDrag])}

package/build/esm/shared/useHover.d.ts

@@ -0,0 +1,2 @@
+import type React from "react";
+export declare function useHover(ref: React.MutableRefObject<any>): boolean;

package/build/esm/shared/useHover.js

@@ -0,0 +1 @@
+import{useEffect,useState}from"react";export function useHover(ref){let[hovered,setHovered]=useState(!1),handleMouseOver=()=>setHovered(!0),handleMouseOut=()=>setHovered(!1);return(useEffect(()=>{if(!ref)return;let node=ref.current;if(node)return node.addEventListener("mouseover",handleMouseOver),node.addEventListener("mouseout",handleMouseOut),()=>{node.removeEventListener("mouseover",handleMouseOver),node.removeEventListener("mouseout",handleMouseOut)}},[ref]),ref)?hovered:null}

package/build/esm/shared/useKeyboard.d.ts

@@ -0,0 +1,17 @@
+import type { RefObject } from "react";
+/**
+ * useKeyboard handles activation of keyboard hotkeys on a given element.
+ * @param {Record<string, (e: KeyboardEvent) => {}} config - A map of keyboardEvent code to function.
+ * @param {RefObject} ref - The element which the keyboard config has to apply on.
+ * @param {boolean} isActive - A flag to determine when the keyboard config has to be applied.
+ *
+ * Example:
+ * useKeyboard({
+ *  Escape: closeMenu,
+ *  ArrowUp: () => { doSomething() },
+ *  KeyB: () => { console.log("bagi") },
+ * }, menuRef, menuOpen)
+ *
+ * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.
+ */
+export declare function useKeyboard(config: Record<string, (e: KeyboardEvent) => void | boolean>, ref: RefObject<any>, isActive: boolean): void;

package/build/esm/shared/useKeyboard.js

@@ -0,0 +1 @@
+import{useEffect}from"react";import{useDocument}from"./useDocument";export function useKeyboard(config,ref,isActive){let document=useDocument(),handleKeyboard=event=>{if(!isActive||document.activeElement!==ref.current&&!ref.current.contains(document.activeElement))return;let targetConfigKey=Object.keys(config).find(targetKeys=>targetKeys.split(" ").includes(event.code));targetConfigKey&&(event.preventDefault(),!1===config[targetConfigKey](event)&&event.stopPropagation())};useEffect(()=>(document.addEventListener("keydown",handleKeyboard),()=>{document.removeEventListener("keydown",handleKeyboard)}))}

package/build/esm/shared/useOnEscapePress.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useOnEscapePress: (onEscape: (e: KeyboardEvent) => void, callbackDependencies?: import("react").DependencyList) => void;

package/build/esm/shared/useOnEscapePress.js

@@ -0,0 +1 @@
+import{useEffect,useCallback,useMemo}from"react";import{useDocument}from"./useDocument";let registry={},handleEscape=event=>{if(!event.defaultPrevented){let handlers=Object.values(registry).reverse();for(let i=0;i<handlers.length&&((0,handlers[i])(event),!event.defaultPrevented);i+=1);}},register=(id,handler)=>{registry[id]=handler},deregister=id=>{delete registry[id]},handlerId=0;export const useOnEscapePress=(onEscape,callbackDependencies=[onEscape])=>{let escapeCallback=useCallback(onEscape,callbackDependencies),document=useDocument(),handler=useCallback(event=>{"Escape"===event.key&&escapeCallback(event)},[escapeCallback]),id=useMemo(()=>handlerId+=1,[]);useEffect(()=>(0===Object.keys(registry).length&&document.addEventListener("keydown",handleEscape),register(id,handler),()=>{deregister(id),0===Object.keys(registry).length&&document.removeEventListener("keydown",handleEscape)}),[id,handler,document])};

package/build/esm/shared/useOutsideClick.d.ts

@@ -0,0 +1,11 @@
+import type { RefObject } from "react";
+/**
+ * useOutsideClick handles outside click of a given element.
+ * @param {RefObject} ref - Reference to a DOM element.
+ * @param {e: Event) => void} handler - Function invoked when a click is triggered outside the referenced element.
+ * @param {boolean} isActive - A flag to determine when the outside click event needs to be applied.
+ *
+ * Example: useOutsideClick(menuRef, closeMenu, menuIsOpen)
+ * Means that when a menu is opened, clicking outside of the menu will close the mneu.
+ */
+export declare const useOutsideClick: (ref: RefObject<any>, handler: (e: Event) => void, isActive: boolean) => void;

package/build/esm/shared/useOutsideClick.js

@@ -0,0 +1 @@
+import{useEffect,useCallback}from"react";import{useWindow}from"./useWindow";export const useOutsideClick=(ref,handler,isActive)=>{let window=useWindow(),outsideClickEvent=useCallback(e=>{ref&&ref.current&&!ref.current.contains(e.target)&&handler(e)},[handler,ref]);useEffect(()=>(isActive&&window.addEventListener("click",outsideClickEvent),()=>{window.removeEventListener("click",outsideClickEvent)}),[isActive,window,outsideClickEvent])};

package/build/esm/shared/useWindow.d.ts

@@ -0,0 +1 @@
+export declare function useWindow(): Window;

package/build/esm/shared/useWindow.js

@@ -0,0 +1 @@
+export function useWindow(){return window}

package/build/esm/types/index.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import type { Static } from "runtypes";
+import { Literal, Union } from "runtypes";
+export declare const LinkTextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">]>;
+export type LinkTextSize = Static<typeof LinkTextSizeRuntype>;
+export declare const TextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
+export type TextSize = Static<typeof TextSizeRuntype>;
+export declare const BorderRadiusRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
+export type BorderRadius = Static<typeof BorderRadiusRuntype>;
+export declare const TextAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">]>;
+export type TextAlignment = Static<typeof TextAlignmentRuntype>;
+export declare const HorizontalAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">, Literal<"spaceBetween">]>;
+export type HorizontalAlignment = Static<typeof HorizontalAlignmentRuntype>;
+export declare const VerticalAlignmentRuntype: Union<[Literal<"top">, Literal<"bottom">, Literal<"center">, Literal<"stretch">]>;
+export type VerticalAlignment = Static<typeof VerticalAlignmentRuntype>;
+export declare const SpaceSizesRuntype: Union<[Literal<"zero">, Literal<"xxs">, Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">, Literal<"xl">, Literal<"xxl">]>;
+export type SpaceSizes = Static<typeof SpaceSizesRuntype>;
+export declare const ColumsSizesRuntype: Union<[Literal<1>, Literal<2>, Literal<3>, Literal<4>, Literal<5>, Literal<6>, Literal<7>, Literal<8>, Literal<9>, Literal<10>, Literal<11>, Literal<12>, Literal<"auto">, Literal<"narrow">, Literal<"fill">]>;
+export type ColumnSizes = Static<typeof ColumsSizesRuntype>;
+export declare const ColumnAlignmentRunType: Union<[Literal<"auto">, Literal<"start">, Literal<"center">, Literal<"end">]>;
+export type ColumnAlignment = Static<typeof ColumnAlignmentRunType>;
+export declare const OrderRuntype: Union<[Literal<"first">, Literal<"last">, Literal<"unset">]>;
+export type Order = Static<typeof OrderRuntype>;
+export declare const BaseVariationsRuntype: Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>;
+export declare const BaseColorsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>;
+export type BaseVariations = Static<typeof BaseVariationsRuntype>;
+export type BaseColors = Static<typeof BaseColorsRuntype>;
+declare const TextColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"success">, Literal<"info">, Literal<"error">, Literal<"warning">]>;
+export type TextColors = Static<typeof TextColorsRuntype>;
+declare const TextVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"success">, Literal<"info">, Literal<"error">, Literal<"warning">]>;
+export type TextVariations = Static<typeof TextVariationsRuntype>;
+declare const TextWeightRuntype: Union<[Literal<"normal">, Literal<"bold">, Literal<"black">, Literal<"inherit">]>;
+export type TextWeight = Static<typeof TextWeightRuntype>;
+declare const IconsColorsRuntime: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"success">, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">, Literal<"quaternary">]>;
+export type IconsColors = Static<typeof IconsColorsRuntime>;
+declare const IconsVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"success">, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">]>;
+export type IconsVariations = Static<typeof IconsVariationsRuntype>;
+declare const CalloutVariationsRuntype: Union<[Literal<"info">, Literal<"success">, Literal<"error">, Literal<"warning">]>;
+export type CalloutVariations = Static<typeof CalloutVariationsRuntype>;
+declare const LinkVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>]>;
+export type LinkVariations = Static<typeof LinkVariationsRuntype>;
+declare const LinkColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>]>;
+export type LinkColors = Static<typeof LinkColorsRuntype>;
+export type MQ<T> = [T, T?, T?];
+declare const ButtonSizeRuntype: Union<[Literal<"s">, Literal<"m">, Literal<"l">]>;
+export type ButtonSize = Static<typeof ButtonSizeRuntype>;
+export declare const HyphensRuntype: Union<[Literal<"auto">, Literal<"none">, Literal<"manual">]>;
+export type Hyphens = Static<typeof HyphensRuntype>;
+export declare const ToggleSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
+export type ToggleSize = Static<typeof ToggleSizeRuntype>;
+export type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+export type PolymorphicComponentProps<C extends React.ElementType, Props> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};

package/build/esm/types/index.js

@@ -0,0 +1 @@
+import{Literal,Union}from"runtypes";export const LinkTextSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const TextSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const BorderRadiusRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const TextAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"));export const HorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("spaceBetween"));export const VerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("stretch"));export const SpaceSizesRuntype=Union(Literal("zero"),Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"),Literal("xxl"));export const ColumsSizesRuntype=Union(Literal(1),Literal(2),Literal(3),Literal(4),Literal(5),Literal(6),Literal(7),Literal(8),Literal(9),Literal(10),Literal(11),Literal(12),Literal("auto"),Literal("narrow"),Literal("fill"));export const ColumnAlignmentRunType=Union(Literal("auto"),Literal("start"),Literal("center"),Literal("end"));export const OrderRuntype=Union(Literal("first"),Literal("last"),Literal("unset"));export const BaseVariationsRuntype=Union(Literal("primary"),Literal("secondary"),Literal("tertiary"));export const BaseColorsRuntype=Union(BaseVariationsRuntype,Literal("accent"));Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning")),Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning")),Union(Literal("normal"),Literal("bold"),Literal("black"),Literal("inherit")),Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"),Literal("quaternary")),Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand")),Union(Literal("info"),Literal("success"),Literal("error"),Literal("warning")),Union(BaseVariationsRuntype),Union(BaseColorsRuntype),Union(Literal("s"),Literal("m"),Literal("l"));export const HyphensRuntype=Union(Literal("auto"),Literal("none"),Literal("manual"));export const ToggleSizeRuntype=Union(Literal("s"),Literal("m"));

package/build/esm/web-tokens/_breakpoints.json

@@ -0,0 +1,17 @@
+{
+    "small": {
+        "category": "breakpoint",
+        "value": 576,
+        "variableName": "$breakpoint-small"
+    },
+    "medium": {
+        "category": "breakpoint",
+        "value": 768,
+        "variableName": "$breakpoint-medium"
+    },
+    "large": {
+        "category": "breakpoint",
+        "value": 1280,
+        "variableName": "$breakpoint-large"
+    }
+}