@amboss/design-system 1.5.19 → 1.5.20

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

@@ -0,0 +1,96 @@
+const findClosestOffsetIndex = (arr, val) => {
+    let start = 0;
+    let end = arr.length - 1;
+    let mid = Math.floor((start + end) / 2);
+    while (start <= end) {
+        mid = Math.floor((start + end) / 2);
+        if (arr[mid].amount === val) {
+            return mid;
+        }
+        if (val < arr[mid].amount) {
+            end = mid - 1;
+        }
+        else {
+            start = mid + 1;
+        }
+    }
+    return mid;
+};
+const getMaxHeight = (maxAmountOfItems, offsets, lastItemHeight = 0) => {
+    var _a;
+    const amountOfOffsets = Math.min(offsets.length, maxAmountOfItems);
+    const maxOffset = ((_a = offsets[amountOfOffsets - 1]) === null || _a === void 0 ? void 0 : _a.amount) || 0;
+    const result = maxOffset + lastItemHeight;
+    return result;
+};
+const reduceScroll = (prevState, scrollTop) => {
+    var _a;
+    const { topOffsets, overscan: tolerance } = prevState;
+    const scrolledItemCount = Math.max(0, findClosestOffsetIndex(topOffsets, scrollTop) - tolerance / 2);
+    const scrolledInPx = ((_a = topOffsets[scrolledItemCount]) === null || _a === void 0 ? void 0 : _a.amount) || 0;
+    return Object.assign(Object.assign({}, prevState), { scrolledItemCount,
+        scrolledInPx });
+};
+const reduceUpdateViewport = (prevState, viewportNode, itemAmount) => {
+    const { topOffsets = [], scrolledInPx, scrolledItemCount, avgItemHeight, lastItemHeight, maxHeight, overscan: tolerance, } = prevState;
+    const newTopOffsets = [...topOffsets];
+    let updatedLastItemHeight = lastItemHeight;
+    Array.from(viewportNode.children).forEach((child, i) => {
+        newTopOffsets[i + scrolledItemCount] = {
+            amount: scrolledInPx + child.offsetTop,
+            isInterpolated: false,
+        };
+        if (i + scrolledItemCount === itemAmount - 1 && !lastItemHeight) {
+            updatedLastItemHeight = child.getBoundingClientRect().height;
+        }
+    });
+    for (let i = 0; i < itemAmount; i += 1) {
+        if (!newTopOffsets[i] || newTopOffsets[i].isInterpolated) {
+            newTopOffsets[i] = {
+                amount: newTopOffsets[i - 1].amount + avgItemHeight,
+                isInterpolated: true,
+            };
+        }
+    }
+    const newAvgItemHeight = Math.max(avgItemHeight, viewportNode.getBoundingClientRect().height /
+        (viewportNode.childElementCount || 1));
+    const maxContentHeight = getMaxHeight(itemAmount, newTopOffsets, updatedLastItemHeight);
+    return Object.assign(Object.assign({}, prevState), { lastItemHeight: updatedLastItemHeight, avgItemHeight, topOffsets: newTopOffsets, amountOfItemsInView: Math.round(maxHeight / newAvgItemHeight) + tolerance, maxContentHeight });
+};
+const reduceReset = (prevState, itemHeight, maxHeight, overscan) => (Object.assign(Object.assign({}, prevState), { lastItemHeight: null, topOffsets: [{ amount: 0, isInterpolated: false }], scrolledInPx: 0, scrolledItemCount: 0, maxHeight, avgItemHeight: itemHeight, overscan }));
+const reduceRecommendScrollPosition = (prevState, scrollTop, itemToBeInView) => {
+    var _a, _b;
+    const { topOffsets, maxHeight } = prevState;
+    if (!topOffsets)
+        return prevState;
+    const bottomOfTarget = (_a = topOffsets[itemToBeInView + 1]) === null || _a === void 0 ? void 0 : _a.amount;
+    const topOfTarget = (_b = topOffsets[itemToBeInView]) === null || _b === void 0 ? void 0 : _b.amount;
+    let recommendedScrollPosition = null;
+    if (topOfTarget < scrollTop) {
+        recommendedScrollPosition = topOfTarget;
+    }
+    if (bottomOfTarget >= scrollTop + maxHeight) {
+        recommendedScrollPosition = bottomOfTarget - maxHeight;
+    }
+    if (itemToBeInView === topOffsets.length - 1) {
+        recommendedScrollPosition = topOffsets[itemToBeInView].amount;
+    }
+    return Object.assign(Object.assign({}, prevState), { recommendedScrollPosition });
+};
+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 new Error();
+    }
+};
+
+export { VirtualScrollReducer };
+//# sourceMappingURL=VirtualScrollListReducer.js.map

package/build/src/components/VirtualScrollList/VirtualScrollListReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualScrollListReducer.js","sources":["../../../../../src/components/VirtualScrollList/VirtualScrollListReducer.ts"],"sourcesContent":[null],"names":[],"mappings":"AAsCA,MAAM,sBAAsB,GAAG,CAAC,GAAa,EAAE,GAAW,KAAY;IACpE,IAAI,KAAK,GAAG,CAAC,CAAC;AACd,IAAA,IAAI,GAAG,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;AACzB,IAAA,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;IAExC,OAAO,KAAK,IAAI,GAAG,EAAE;AACnB,QAAA,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;QACpC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,GAAG,EAAE;AAC3B,YAAA,OAAO,GAAG,CAAC;AACZ,SAAA;QAED,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE;AACzB,YAAA,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;AACf,SAAA;AAAM,aAAA;AACL,YAAA,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AACjB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,gBAAwB,EACxB,OAAiB,EACjB,cAAc,GAAG,CAAC,KACR;;AACV,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AACnE,IAAA,MAAM,SAAS,GAAG,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,eAAe,GAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,KAAI,CAAC,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,SAAS,GAAG,cAAc,CAAC;AAE1C,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,SAAgB,EAAE,SAAiB,KAAW;;IAClE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;AACtD,IAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAChC,CAAC,EACD,sBAAsB,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,SAAS,GAAG,CAAC,CAC9D,CAAC;AACF,IAAA,MAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,iBAAiB,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,KAAI,CAAC,CAAC;IAEhE,OACK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,SAAS,KACZ,iBAAiB;AACjB,QAAA,YAAY,EACZ,CAAA,CAAA;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAC3B,SAAgB,EAChB,YAA4B,EAC5B,UAAkB,KACT;IACT,MAAM,EACJ,UAAU,GAAG,EAAE,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,SAAS,EACT,QAAQ,EAAE,SAAS,GACpB,GAAG,SAAS,CAAC;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC;IACtC,IAAI,qBAAqB,GAAG,cAAc,CAAC;AAE3C,IAAA,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAkB,EAAE,CAAS,KAAI;AAC1E,QAAA,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAC,GAAG;AACrC,YAAA,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS;AACtC,YAAA,cAAc,EAAE,KAAK;SACtB,CAAC;QAEF,IAAI,CAAC,GAAG,iBAAiB,KAAK,UAAU,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE;AAC/D,YAAA,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;AAC9D,SAAA;AACH,KAAC,CAAC,CAAC;AAEH,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE;AACtC,QAAA,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;YACxD,aAAa,CAAC,CAAC,CAAC,GAAG;gBACjB,MAAM,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,aAAa;AACnD,gBAAA,cAAc,EAAE,IAAI;aACrB,CAAC;AACH,SAAA;AACF,KAAA;AAED,IAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAC/B,aAAa,EACb,YAAY,CAAC,qBAAqB,EAAE,CAAC,MAAM;AACzC,SAAC,YAAY,CAAC,iBAAiB,IAAI,CAAC,CAAC,CACxC,CAAC;IAEF,MAAM,gBAAgB,GAAG,YAAY,CACnC,UAAU,EACV,aAAa,EACb,qBAAqB,CACtB,CAAC;IAEF,OACK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,SAAS,CACZ,EAAA,EAAA,cAAc,EAAE,qBAAqB,EACrC,aAAa,EACb,UAAU,EAAE,aAAa,EACzB,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAC,GAAG,SAAS,EACzE,gBAAgB,EAChB,CAAA,CAAA;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAClB,SAAgB,EAChB,UAAkB,EAClB,SAAiB,EACjB,QAAgB,MACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACP,SAAS,CAAA,EAAA,EACZ,cAAc,EAAE,IAAI,EACpB,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAClD,YAAY,EAAE,CAAC,EACf,iBAAiB,EAAE,CAAC,EACpB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAA,CAAA,CACR,CAAC;AAEH,MAAM,6BAA6B,GAAG,CACpC,SAAgB,EAChB,SAAiB,EACjB,cAAsB,KACb;;AACT,IAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;AAC5C,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,SAAS,CAAC;IAElC,MAAM,cAAc,GAAG,CAAA,EAAA,GAAA,UAAU,CAAC,cAAc,GAAG,CAAC,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,CAAC;IAC9D,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,UAAU,CAAC,cAAc,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,CAAC;IACvD,IAAI,yBAAyB,GAAG,IAAI,CAAC;IAErC,IAAI,WAAW,GAAG,SAAS,EAAE;QAC3B,yBAAyB,GAAG,WAAW,CAAC;AACzC,KAAA;AAED,IAAA,IAAI,cAAc,IAAI,SAAS,GAAG,SAAS,EAAE;AAC3C,QAAA,yBAAyB,GAAG,cAAc,GAAG,SAAS,CAAC;AACxD,KAAA;AAED,IAAA,IAAI,cAAc,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AAC5C,QAAA,yBAAyB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC;AAC/D,KAAA;IAED,OACK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,SAAS,CACZ,EAAA,EAAA,yBAAyB,EACzB,CAAA,CAAA;AACJ,CAAC,CAAC;MAEW,oBAAoB,GAAG,CAClC,SAAgB,EAChB,MAAc,KACL;IACT,QAAQ,MAAM,CAAC,IAAI;AACjB,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,WAAW,CAChB,SAAS,EACT,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,QAAQ,CAChB,CAAC;AACJ,QAAA,KAAK,QAAQ;YACX,OAAO,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;AACnD,QAAA,KAAK,gBAAgB;AACnB,YAAA,OAAO,oBAAoB,CACzB,SAAS,EACT,MAAM,CAAC,YAAY,EACnB,MAAM,CAAC,UAAU,CAClB,CAAC;AACJ,QAAA,KAAK,yBAAyB;AAC5B,YAAA,OAAO,6BAA6B,CAClC,SAAS,EACT,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,cAAc,CACtB,CAAC;AACJ,QAAA;YACE,MAAM,IAAI,KAAK,EAAE,CAAC;AACrB,KAAA;AACH;;;;"}

package/build/src/index.js

@@ -0,0 +1,47 @@
+import { ambossVisualConfiguration } from '../build-tokens/visualConfig.js';
+export { CacheProvider, ThemeProvider } from '@emotion/react';
+export { default as createCache } from '@emotion/cache';
+export { Card } from './components/Card/Card.js';
+export { CardBox } from './components/Card/CardBox.js';
+export { Box } from './components/Box/Box.js';
+export { Inline } from './components/Inline/Inline.js';
+export { Stack } from './components/Stack/Stack.js';
+export { H1, H2, H3, H4, H5, H6 } from './components/Typography/Header/Header.js';
+export { Text } from './components/Typography/Text/Text.js';
+export { TextClamped } from './components/Typography/TextClamped/TextClamped.js';
+export { StyledText } from './components/Typography/StyledText/StyledText.js';
+export { Link } from './components/Link/Link.js';
+export { Icon } from './components/Icon/Icon.js';
+export { Button } from './components/Button/Button.js';
+export { Divider } from './components/Divider/Divider.js';
+export { Column, Columns } from './components/Column/Columns.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export { Badge } from './components/Badge/Badge.js';
+export { SearchResult } from './components/SearchResult/SearchResult.js';
+export { ToggleButton } from './components/Form/ToggleButton/ToggleButton.js';
+export { DropdownMenu } from './components/DropdownMenu/DropdownMenu.js';
+export { FormFieldGroup } from './components/Form/FormFieldGroup/FormFieldGroup.js';
+export { Input } from './components/Form/Input/Input.js';
+export { Checkbox } from './components/Form/Checkbox/Checkbox.js';
+export { Toggle } from './components/Form/Toggle/Toggle.js';
+export { Radio } from './components/Form/Radio/Radio.js';
+export { RadioButton } from './components/Form/RadioButton/RadioButton.js';
+export { Textarea } from './components/Form/Textarea/Textarea.js';
+export { Select } from './components/Form/Select/Select.js';
+export { SubThemeProvider } from './components/SubThemeProvider/SubThemeProvider.js';
+export { PictogramButton } from './components/PictogramButton/PictogramButton.js';
+export { MediaViewerBar } from './components/MediaViewerBar/MediaViewerBar.js';
+export { SegmentedProgressBar } from './components/SegmentedProgressBar/SegmentedProgressBar.js';
+export { ProgressBar } from './components/ProgressBar/ProgressBar.js';
+export { Container } from './components/Container/Container.js';
+export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
+export { Collapsible, CollapsibleHeader } from './components/Collapsible/Collapsible.js';
+export { RoundButton } from './components/RoundButton/RoundButton.js';
+export { Notification } from './components/Notification/Notification.js';
+export { Logo } from './components/Logo/Logo.js';
+export { MediaItem } from './components/MediaItem/MediaItem.js';
+
+const { dark, light } = ambossVisualConfiguration;
+
+export { dark, light };
+//# sourceMappingURL=index.js.map

package/build/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { ambossVisualConfiguration } from \"../build-tokens/visualConfig\";\n\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport { Card } from \"./components/Card/Card\";\nexport { CardBox } from \"./components/Card/CardBox\";\nexport { Box } from \"./components/Box/Box\";\nexport { Inline } from \"./components/Inline/Inline\";\nexport { Stack } from \"./components/Stack/Stack\";\nexport { H1, H2, H3, H4, H5, H6 } from \"./components/Typography/Header/Header\";\nexport { Text } from \"./components/Typography/Text/Text\";\nexport { TextClamped } from \"./components/Typography/TextClamped/TextClamped\";\nexport { StyledText } from \"./components/Typography/StyledText/StyledText\";\nexport { Link } from \"./components/Link/Link\";\nexport { Icon } from \"./components/Icon/Icon\";\nexport { Button } from \"./components/Button/Button\";\nexport { Divider } from \"./components/Divider/Divider\";\nexport { Column, Columns } from \"./components/Column/Columns\";\nexport { Tabs } from \"./components/Tabs/Tabs\";\nexport { Badge } from \"./components/Badge/Badge\";\nexport { SearchResult } from \"./components/SearchResult/SearchResult\";\nexport { ToggleButton } from \"./components/Form/ToggleButton/ToggleButton\";\nexport { DropdownMenu } from \"./components/DropdownMenu/DropdownMenu\";\nexport { FormFieldGroup } from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport { Input } from \"./components/Form/Input/Input\";\nexport { Checkbox } from \"./components/Form/Checkbox/Checkbox\";\nexport { Toggle } from \"./components/Form/Toggle/Toggle\";\nexport { Radio } from \"./components/Form/Radio/Radio\";\nexport { RadioButton } from \"./components/Form/RadioButton/RadioButton\";\nexport { Textarea } from \"./components/Form/Textarea/Textarea\";\nexport { Select } from \"./components/Form/Select/Select\";\nexport { SubThemeProvider } from \"./components/SubThemeProvider/SubThemeProvider\";\nexport { PictogramButton } from \"./components/PictogramButton/PictogramButton\";\nexport { MediaViewerBar } from \"./components/MediaViewerBar/MediaViewerBar\";\nexport { SegmentedProgressBar } from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport { ProgressBar } from \"./components/ProgressBar/ProgressBar\";\nexport { Container } from \"./components/Container/Container\";\nexport { PasswordInput } from \"./components/Form/PasswordInput/PasswordInput\";\nexport {\n  Collapsible,\n  CollapsibleHeader,\n} from \"./components/Collapsible/Collapsible\";\nexport { RoundButton } from \"./components/RoundButton/RoundButton\";\nexport { Notification } from \"./components/Notification/Notification\";\nexport { Logo } from \"./components/Logo/Logo\";\nexport { MediaItem } from \"./components/MediaItem/MediaItem\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEY,MAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG;;;;"}

package/build/src/shared/informDeprecation.js

@@ -0,0 +1,11 @@
+const informDeprecation = (property, value, location, details = "") => {
+    if (property === undefined)
+        return;
+    if (property === value) {
+        // eslint-disable-next-line no-console
+        console.error(`value ${JSON.stringify(value)} is depricated in ${location} \n ${details}`);
+    }
+};
+
+export { informDeprecation };
+//# sourceMappingURL=informDeprecation.js.map

package/build/src/shared/informDeprecation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"informDeprecation.js","sources":["../../../../src/shared/informDeprecation.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,iBAAiB,GAAG,CAC/B,QAAiB,EACjB,KAAc,EACd,QAAgB,EAChB,OAAO,GAAG,EAAE,KACJ;IACR,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO;IACnC,IAAI,QAAQ,KAAK,KAAK,EAAE;;AAEtB,QAAA,OAAO,CAAC,KAAK,CACX,CAAS,MAAA,EAAA,IAAI,CAAC,SAAS,CACrB,KAAK,CACN,qBAAqB,QAAQ,CAAA,IAAA,EAAO,OAAO,CAAA,CAAE,CAC/C,CAAC;AACH,KAAA;AACH;;;;"}

package/build/src/shared/mediaQueries.js

@@ -0,0 +1,39 @@
+import breakpoints from '../../build-tokens/_breakpoints.json.js';
+
+// this thing probably deserves to be a separate library, like facepaint for emotion
+function getMq(breakpointRules) {
+    const keys = breakpointRules;
+    return (
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    rules) => {
+        const res = {};
+        keys.forEach((key) => {
+            res[key] = {};
+        });
+        res[`@media screen`] = {};
+        Object.entries(rules).forEach(([cssProperty, [prop, map]]) => {
+            if (Array.isArray(prop)) {
+                const sm = prop[0];
+                const md = prop[1] || prop[0];
+                const lg = prop[2] || prop[1] || prop[0];
+                const [s, m, l] = keys;
+                // (res[`@media screen`] as EmotionCssDescription)[cssProperty] = map[sm];
+                res[s][cssProperty] = map[sm];
+                res[m][cssProperty] = map[md];
+                res[l][cssProperty] = map[lg];
+            }
+            else {
+                res[`@media screen`][cssProperty] = map[prop];
+            }
+        });
+        return res;
+    };
+}
+const mq = getMq([
+    `@media (max-width: ${breakpoints[1].value}px)`,
+    `@media (min-width: ${breakpoints[1].value}px) and (max-width: ${breakpoints[2].value}px)`,
+    `@media (min-width: ${breakpoints[2].value}px)`,
+]);
+
+export { mq };
+//# sourceMappingURL=mediaQueries.js.map

package/build/src/shared/mediaQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQueries.js","sources":["../../../../src/shared/mediaQueries.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAiBA;AACA,SAAS,KAAK,CAAC,eAAyB,EAAA;IACtC,MAAM,IAAI,GAAG,eAAe,CAAC;IAC7B,OAAO;;AAEL,IAAA,KAAkC,KACyB;QAC3D,MAAM,GAAG,GAA4D,EAAE,CAAC;AACxE,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAW,KAAI;AAC3B,YAAA,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAChB,SAAC,CAAC,CAAC;AACH,QAAA,GAAG,CAAC,CAAA,aAAA,CAAe,CAAC,GAAG,EAAE,CAAC;AAE1B,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,KAAI;AAC3D,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AACvB,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;gBACnB,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;AAC9B,gBAAA,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;gBACzC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAa,IAAI,CAAC;;gBAGhC,GAAG,CAAC,CAAC,CAA2B,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,GAAG,CAAC,CAAC,CAA2B,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;gBACxD,GAAG,CAAC,CAAC,CAA2B,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;AAC1D,aAAA;AAAM,iBAAA;gBACJ,GAAG,CAAC,CAAe,aAAA,CAAA,CAA2B,CAAC,WAAW,CAAC,GAAG,GAAG,CAChE,IAAc,CACL,CAAC;AACb,aAAA;AACH,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,GAAG,CAAC;AACb,KAAC,CAAC;AACJ,CAAC;AAEM,MAAM,EAAE,GAAG,KAAK,CAAC;AACtB,IAAA,CAAA,mBAAA,EAAsB,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAK,GAAA,CAAA;AAC/C,IAAA,CAAA,mBAAA,EAAsB,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAuB,oBAAA,EAAA,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAK,GAAA,CAAA;AAC1F,IAAA,CAAA,mBAAA,EAAsB,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAK,GAAA,CAAA;AAChD,CAAA;;;;"}

package/build/src/shared/useAutoPosition.js

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

package/build/src/shared/useAutoPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoPosition.js","sources":["../../../../src/shared/useAutoPosition.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AASa,MAAA,eAAe,GAAG,CAC7B,SAAiC,EACjC,UAAkC,EAClC,QAAiB,KACL;IACZ,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,MAA0B,CAC3B,CAAC;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAC1D,MAA4B,CAC7B,CAAC;AACF,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAC/B,IAAA,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,eAAe,CAAC,MAAK;AACnB,QAAA,IAAI,CAAC,UAAU;YAAE,OAAO;AAExB,QAAA,IAAI,QAAQ,EAAE;YACZ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CACxB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CACxB,CAAC;YAEF,MAAM,IAAI,GAAY,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACjE,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACtE,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;AAC5D,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;YAEtC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;YAChD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC;AACrD,YAAA,MAAM,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,CAAC,CAAC;AACzC,YAAA,MAAM,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,CAAC,CAAC;AAE1C,YAAA,IAAI,IAAI,EAAE;gBACR,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAC3B,aAAA;AAAM,iBAAA,IAAI,MAAM,EAAE;gBACjB,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAC7B,aAAA;AAED,YAAA,IAAI,MAAM,EAAE;gBACV,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAC/B,aAAA;AAAM,iBAAA,IAAI,OAAO,EAAE;gBAClB,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAChC,aAAA;AACF,SAAA;AAAM,aAAA;YACL,mBAAmB,CAAC,MAAM,CAAC,CAAC;YAC5B,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAC/B,SAAA;AACH,KAAC,EAAE;QACD,SAAS;QACT,UAAU;QACV,QAAQ,CAAC,eAAe,CAAC,YAAY;QACrC,QAAQ;AACR,QAAA,MAAM,CAAC,WAAW;AAClB,QAAA,MAAM,CAAC,UAAU;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,OAAO,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AAChD;;;;"}

package/build/src/shared/useDocument.js

@@ -0,0 +1,6 @@
+function useDocument() {
+    return document;
+}
+
+export { useDocument };
+//# sourceMappingURL=useDocument.js.map

package/build/src/shared/useDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocument.js","sources":["../../../../src/shared/useDocument.ts"],"sourcesContent":[null],"names":[],"mappings":"SAAgB,WAAW,GAAA;AACzB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/build/src/shared/useHover.js

@@ -0,0 +1,27 @@
+import { useState, useEffect } from 'react';
+
+function useHover(ref) {
+    const [hovered, setHovered] = useState(false);
+    const handleMouseOver = () => setHovered(true);
+    const handleMouseOut = () => setHovered(false);
+    useEffect(() => {
+        if (!ref)
+            return undefined;
+        const node = ref.current;
+        if (node) {
+            node.addEventListener("mouseover", handleMouseOver);
+            node.addEventListener("mouseout", handleMouseOut);
+            return () => {
+                node.removeEventListener("mouseover", handleMouseOver);
+                node.removeEventListener("mouseout", handleMouseOut);
+            };
+        }
+        return undefined;
+    }, [ref]);
+    if (!ref)
+        return null;
+    return hovered;
+}
+
+export { useHover };
+//# sourceMappingURL=useHover.js.map

package/build/src/shared/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.js","sources":["../../../../src/shared/useHover.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,SAAU,QAAQ,CAAC,GAAgC,EAAA;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;AAAE,YAAA,OAAO,SAAS,CAAC;AAC3B,QAAA,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;AACzB,QAAA,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AACpD,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AAElD,YAAA,OAAO,MAAK;AACV,gBAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AACvD,gBAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AACvD,aAAC,CAAC;AACH,SAAA;AACD,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAEV,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,IAAI,CAAC;AACtB,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/src/shared/useKeyboard.js

@@ -0,0 +1,45 @@
+import { useEffect } from 'react';
+import { useDocument } from './useDocument.js';
+
+/**
+ * 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.
+ */
+function useKeyboard(config, ref, isActive) {
+    const document = useDocument();
+    const handleKeyboard = (event) => {
+        if (!isActive)
+            return;
+        if (document.activeElement !== ref.current &&
+            !ref.current.contains(document.activeElement))
+            return;
+        const targetConfigKey = Object.keys(config).find((targetKeys) => targetKeys.split(" ").includes(event.code));
+        if (!targetConfigKey)
+            return;
+        event.preventDefault();
+        const res = config[targetConfigKey](event);
+        if (res === false) {
+            event.stopPropagation();
+        }
+    };
+    useEffect(() => {
+        document.addEventListener("keydown", handleKeyboard);
+        return () => {
+            document.removeEventListener("keydown", handleKeyboard);
+        };
+    });
+}
+
+export { useKeyboard };
+//# sourceMappingURL=useKeyboard.js.map

package/build/src/shared/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","sources":["../../../../src/shared/useKeyboard.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGA;;;;;;;;;;;;;;AAcG;SAEa,WAAW,CACzB,MAA4D,EAC5D,GAAmB,EACnB,QAAiB,EAAA;AAEjB,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAC/B,IAAA,MAAM,cAAc,GAAG,CAAC,KAAoB,KAAI;AAC9C,QAAA,IAAI,CAAC,QAAQ;YAAE,OAAO;AAEtB,QAAA,IACE,QAAQ,CAAC,aAAa,KAAK,GAAG,CAAC,OAAO;YACtC,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;YAE7C,OAAO;AAET,QAAA,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,UAAkB,KAClE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAC3C,CAAC;AACF,QAAA,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,GAAG,KAAK,KAAK,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;AACzB,SAAA;AACH,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;AAErD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;AAC1D,SAAC,CAAC;AACJ,KAAC,CAAC,CAAC;AACL;;;;"}

package/build/src/shared/useOutsideClick.js

@@ -0,0 +1,31 @@
+import { useCallback, useEffect } from 'react';
+import { useWindow } from './useWindow.js';
+
+/**
+ * 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.
+ */
+const useOutsideClick = (ref, handler, isActive) => {
+    const window = useWindow();
+    const outsideClickEvent = useCallback((e) => {
+        if (ref && ref.current && !ref.current.contains(e.target)) {
+            handler(e);
+        }
+    }, [handler, ref]);
+    useEffect(() => {
+        if (isActive) {
+            window.addEventListener("click", outsideClickEvent);
+        }
+        return () => {
+            window.removeEventListener("click", outsideClickEvent);
+        };
+    }, [isActive, window, outsideClickEvent]);
+};
+
+export { useOutsideClick };
+//# sourceMappingURL=useOutsideClick.js.map

package/build/src/shared/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.js","sources":["../../../../src/shared/useOutsideClick.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;;;AAQG;AAEU,MAAA,eAAe,GAAG,CAC7B,GAAmB,EACnB,OAA2B,EAC3B,QAAiB,KACT;AACR,IAAA,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;AAE3B,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,CAAQ,KAAI;AACX,QAAA,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;YACzD,OAAO,CAAC,CAAC,CAAC,CAAC;AACZ,SAAA;AACH,KAAC,EACD,CAAC,OAAO,EAAE,GAAG,CAAC,CACf,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,EAAE;AACZ,YAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AACrD,SAAA;AAED,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AACzD,SAAC,CAAC;KACH,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC5C;;;;"}

package/build/src/shared/useWindow.js

@@ -0,0 +1,6 @@
+function useWindow() {
+    return window;
+}
+
+export { useWindow };
+//# sourceMappingURL=useWindow.js.map

package/build/src/shared/useWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindow.js","sources":["../../../../src/shared/useWindow.ts"],"sourcesContent":[null],"names":[],"mappings":"SAAgB,SAAS,GAAA;AACvB,IAAA,OAAO,MAAM,CAAC;AAChB;;;;"}

package/package.json

@@ -1,13 +1,24 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.5.19",
+  "version": "1.5.20",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./build/src/index.d.ts",
+      "import": "./build/src/index.js"
+    }
+  },
   "bugs": {
     "url": "https://github.com/amboss-mededu/amboss-design-system/issues"
   },
-  "main": "build/index.js",
+  "browser": {
+    "./node_modules/@storybook/client-api": "./node_modules/@storybook/client-api/dist/esm/index.js",
+    "./node_modules/@storybook/client-logger": "./node_modules/@storybook/client-logger/dist/esm/index.js"
+  },
+  "main": "build/src/index.js",
   "types": "build/src/index.d.ts",
   "files": [
     "build/**/*"
@@ -39,8 +50,8 @@
   },
   "scripts": {
     "prebuild": "rm -rf build && npm run tokens",
-    "build": "webpack",
-    "postbuild": "tsc --emitDeclarationOnly && mkdir -p ./build/build-tokens/assets && cp -R ./build-tokens/assets ./build/build-tokens/",
+    "build": "npx rollup --c",
+    "postbuild": "mkdir -p ./build/build-tokens/assets && cp -R ./build-tokens/assets ./build/build-tokens/",
     "prestart": "npm run tokens",
     "start": "npm run tokens:watch & npm run storybook",
     "static": "http-server storybook-static/ -p 6006",
@@ -50,7 +61,7 @@
     "test:watch": "jest --watch",
     "test:coverage": "TZ=Europe/Berlin jest --coverage",
     "test:ci": "npm run test:coverage -- --ci --maxWorkers=2 --reporters=jest-junit",
-    "tokens": "node style-dictionary/style-dictionary.build.js",
+    "tokens": "node style-dictionary/style-dictionary.build.cjs",
     "tokens:watch": "chokidar  \"tokens/**/*.json\" -c \"npm run tokens\"",
     "tokens:prettier": "prettier --write \"build-tokens/*.(t|j)s*\"",
     "chromatic": "npx chromatic --project-token ${CHROMATIC_TOKEN} --exit-zero-on-changes",
@@ -58,7 +69,7 @@
     "chromatic:master": "npx chromatic --project-token ${CHROMATIC_TOKEN} --auto-accept-changes",
     "lint": "npm run lint:eslint && npm run lint:prettier",
     "lint:eslint": "eslint -c .eslintrc --fix src .storybook",
-    "lint:prettier": "prettier --write \"{src,tokens,.storybook}/**/*.(t|j)s*\" \"webpack*.js\"",
+    "lint:prettier": "prettier --write \"{src,tokens,.storybook}/**/*.(t|j)s*\" \"webpack*.cjs\"",
     "component": "DS_ROOT=/src/components DS_COMP_FOLDER=/components node scripts/createComponent/createComponent.js",
     "link-ds": "./scripts/link-ds.sh"
   },
@@ -102,6 +113,8 @@
     "@babel/preset-typescript": "^7.15.0",
     "@emotion/babel-plugin": "^11.3.0",
     "@geometricpanda/storybook-addon-badges": "0.2.1",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
     "@storybook/addon-a11y": "^6.5.9",
     "@storybook/addon-docs": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
@@ -145,6 +158,7 @@
     "jest-junit": "^12.0.0",
     "prettier": "^2.2.1",
     "react-is": "^17.0.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "slackify-markdown": "^4.1.0",
     "storybook-addon-multi-theme": "^0.0.9",
     "style-dictionary": "^3.0.1",

package/build/build-tokens/_subThemeType.d.ts

@@ -1 +0,0 @@
-export declare type SubThemeTypes = 'dimmed' | 'error' | 'info' | 'success';