@bbl-digital/snorre 2.2.98 → 2.2.101

package/lib/core/Alert/styles.js

@@ -2,18 +2,18 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/react';
 const styles = {
-  default: theme => /*#__PURE__*/css("position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;background-color:", theme.bgLight, ";border:1px solid ", theme.bgMedium, ";color:", theme.bgDark, ";padding:1em;&>button svg polygon{fill:", theme.bgDark, ";opacity:0.25;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9BbGVydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuY29uc3Qgc3R5bGVzID0ge1xyXG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICAgICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xyXG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcclxuICAgICAgY29sb3I6ICR7dGhlbWUuYmdEYXJrfTtcclxuICAgICAgcGFkZGluZzogMWVtO1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xyXG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcclxuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0JvcmRlcn07XHJcblxyXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgZGFuZ2VyOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cclxuICAgIGNzc2BcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcclxuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb0xpZ2h0fTtcclxuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XHJcblxyXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xyXG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XHJcbiAgYCxcclxuICByb3VuZGVkOiBjc3NgXHJcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xyXG4gICAgcGFkZGluZzogMS41ZW07XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXHJcblxyXG5leHBvcnQgeyBzdHlsZXMgfVxyXG4iXX0= */"),
-  success: theme => /*#__PURE__*/css("background-color:", theme.successLight, ";color:", theme.defaultText, ";border-color:", theme.successBorder, ";&>button svg polygon{fill:", theme.bgDark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcclxuXHJcbmNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cclxuICAgIGNzc2BcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0xpZ2h0fTtcclxuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XHJcbiAgICAgIHBhZGRpbmc6IDFlbTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcclxuICAgICAgICBvcGFjaXR5OiAwLjI1O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0Qm9yZGVyfTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGluZm86ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcclxuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xyXG4gIGAsXHJcbiAgcm91bmRlZDogY3NzYFxyXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICAgIHBhZGRpbmc6IDEuNWVtO1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5cclxuZXhwb3J0IHsgc3R5bGVzIH1cclxuIl19 */"),
-  danger: theme => /*#__PURE__*/css("background-color:", theme.alertLight, ";color:", theme.defaultText, ";border-color:", theme.alertBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcclxuXHJcbmNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cclxuICAgIGNzc2BcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0xpZ2h0fTtcclxuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XHJcbiAgICAgIHBhZGRpbmc6IDFlbTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcclxuICAgICAgICBvcGFjaXR5OiAwLjI1O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0Qm9yZGVyfTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGluZm86ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcclxuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xyXG4gIGAsXHJcbiAgcm91bmRlZDogY3NzYFxyXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICAgIHBhZGRpbmc6IDEuNWVtO1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5cclxuZXhwb3J0IHsgc3R5bGVzIH1cclxuIl19 */"),
-  info: theme => /*#__PURE__*/css("background-color:", theme.infoLight, ";color:", theme.defaultText, ";border-color:", theme.infoBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcclxuXHJcbmNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cclxuICAgIGNzc2BcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0xpZ2h0fTtcclxuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XHJcbiAgICAgIHBhZGRpbmc6IDFlbTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcclxuICAgICAgICBvcGFjaXR5OiAwLjI1O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0Qm9yZGVyfTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGluZm86ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcclxuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xyXG4gIGAsXHJcbiAgcm91bmRlZDogY3NzYFxyXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICAgIHBhZGRpbmc6IDEuNWVtO1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5cclxuZXhwb3J0IHsgc3R5bGVzIH1cclxuIl19 */"),
-  primary: theme => /*#__PURE__*/css("background-color:", theme.illustrationPrimary10, ";border-color:", theme.illustrationPrimary50, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRG9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XHJcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYmdNZWRpdW19O1xyXG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xyXG4gICAgICBwYWRkaW5nOiAxZW07XHJcblxyXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XHJcbiAgICAgICAgb3BhY2l0eTogMC4yNTtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBzdWNjZXNzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cclxuICAgIGNzc2BcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xyXG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmFsZXJ0TGlnaHR9O1xyXG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XHJcblxyXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cclxuICAgIGNzc2BcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xyXG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbmZvQm9yZGVyfTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIHByaW1hcnk6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XHJcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcclxuICBgLFxyXG4gIHJvdW5kZWQ6IGNzc2BcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcbiAgICBwYWRkaW5nOiAxLjVlbTtcclxuICBgLFxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcclxuXHJcbmV4cG9ydCB7IHN0eWxlcyB9XHJcbiJdfQ== */"),
+  default: theme => /*#__PURE__*/css("position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;background-color:", theme.bgLight, ";border:1px solid ", theme.bgMedium, ";color:", theme.bgDark, ";padding:1em;&>button svg polygon{fill:", theme.bgDark, ";opacity:0.25;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9BbGVydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgICB9XG4gICAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgfVxuICAgIGAsXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcbiAgYCxcbiAgcm91bmRlZDogY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS41ZW07XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  success: theme => /*#__PURE__*/css("background-color:", theme.successLight, ";color:", theme.defaultText, ";border-color:", theme.successBorder, ";&>button svg polygon{fill:", theme.bgDark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
+  danger: theme => /*#__PURE__*/css("background-color:", theme.alertLight, ";color:", theme.defaultText, ";border-color:", theme.alertBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
+  info: theme => /*#__PURE__*/css("background-color:", theme.infoLight, ";color:", theme.defaultText, ";border-color:", theme.infoBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
+  primary: theme => /*#__PURE__*/css("background-color:", theme.illustrationPrimary10, ";border-color:", theme.illustrationPrimary50, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRG9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYmdNZWRpdW19O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgICAgb3BhY2l0eTogMC4yNTtcbiAgICAgIH1cbiAgICBgLFxuICBzdWNjZXNzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICB9XG4gICAgYCxcbiAgZGFuZ2VyOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmFsZXJ0TGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0Qm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgfVxuICAgIGAsXG4gIGluZm86ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbmZvQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgfVxuICAgIGAsXG4gIHByaW1hcnk6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xuICBgLFxuICByb3VuZGVkOiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICBwYWRkaW5nOiAxLjVlbTtcbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
   rounded: process.env.NODE_ENV === "production" ? {
     name: "118z35s",
     styles: "border-radius:16px;padding:1.5em"
   } : {
     name: "1q6n14v-rounded",
     styles: "border-radius:16px;padding:1.5em;label:rounded;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcclxuXHJcbmNvbnN0IHN0eWxlcyA9IHtcclxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cclxuICAgIGNzc2BcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0xpZ2h0fTtcclxuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XHJcbiAgICAgIHBhZGRpbmc6IDFlbTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcclxuICAgICAgICBvcGFjaXR5OiAwLjI1O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0Qm9yZGVyfTtcclxuXHJcbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIGluZm86ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XHJcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcclxuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xyXG5cclxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XHJcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcclxuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xyXG4gIGAsXHJcbiAgcm91bmRlZDogY3NzYFxyXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICAgIHBhZGRpbmc6IDEuNWVtO1xyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5cclxuZXhwb3J0IHsgc3R5bGVzIH1cclxuIl19 */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }
 };

package/lib/core/AppLoader/index.d.ts

@@ -1,9 +1,9 @@
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-interface IProps {
-    /** Color of loading dots */
-    color?: string;
-}
-declare const AppLoader: React.FC<IProps>;
-export default AppLoader;
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+interface IProps {
+    /** Color of loading dots */
+    color?: string;
+}
+declare const AppLoader: React.FC<IProps>;
+export default AppLoader;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/AppLoader/styles.d.ts

@@ -1,7 +1,7 @@
-import { IAppTheme } from '../../app-shell/theme';
-declare const styles: {
-    default: (theme: IAppTheme, color: string | undefined) => import("@emotion/react").SerializedStyles;
-};
-export default styles;
-export { styles };
+import { IAppTheme } from '../../app-shell/theme';
+declare const styles: {
+    default: (theme: IAppTheme, color: string | undefined) => import("@emotion/react").SerializedStyles;
+};
+export default styles;
+export { styles };
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/AppLoader/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 const styles = {
-  default: (theme, color) => /*#__PURE__*/css("display:inline-block;position:relative;min-width:58px;height:10px;div{position:absolute;width:10px;height:10px;border-radius:50%;background:", color ? color : '#ccc', ";animation-timing-function:cubic-bezier(0, 1, 1, 0);}div:nth-of-type(1){left:6px;animation:lds-ellipsis1 0.6s infinite;}div:nth-of-type(2){left:6px;animation:lds-ellipsis2 0.6s infinite;}div:nth-of-type(3){left:24px;animation:lds-ellipsis2 0.6s infinite;}div:nth-of-type(4){left:42px;animation:lds-ellipsis3 0.6s infinite;}@keyframes lds-ellipsis1{0%{transform:scale(0);}100%{transform:scale(1);}}@keyframes lds-ellipsis3{0%{transform:scale(1);}100%{transform:scale(0);}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0);}100%{transform:translate(18px, 0);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FwcExvYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQXBwTG9hZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5jb25zdCBzdHlsZXMgPSB7XHJcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBtaW4td2lkdGg6IDU4cHg7XHJcbiAgICAgIGhlaWdodDogMTBweDtcclxuICAgICAgZGl2IHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgd2lkdGg6IDEwcHg7XHJcbiAgICAgICAgaGVpZ2h0OiAxMHB4O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9yID8gY29sb3IgOiAnI2NjYyd9O1xyXG4gICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLCAxLCAxLCAwKTtcclxuICAgICAgfVxyXG4gICAgICBkaXY6bnRoLW9mLXR5cGUoMSkge1xyXG4gICAgICAgIGxlZnQ6IDZweDtcclxuICAgICAgICBhbmltYXRpb246IGxkcy1lbGxpcHNpczEgMC42cyBpbmZpbml0ZTtcclxuICAgICAgfVxyXG4gICAgICBkaXY6bnRoLW9mLXR5cGUoMikge1xyXG4gICAgICAgIGxlZnQ6IDZweDtcclxuICAgICAgICBhbmltYXRpb246IGxkcy1lbGxpcHNpczIgMC42cyBpbmZpbml0ZTtcclxuICAgICAgfVxyXG4gICAgICBkaXY6bnRoLW9mLXR5cGUoMykge1xyXG4gICAgICAgIGxlZnQ6IDI0cHg7XHJcbiAgICAgICAgYW5pbWF0aW9uOiBsZHMtZWxsaXBzaXMyIDAuNnMgaW5maW5pdGU7XHJcbiAgICAgIH1cclxuICAgICAgZGl2Om50aC1vZi10eXBlKDQpIHtcclxuICAgICAgICBsZWZ0OiA0MnB4O1xyXG4gICAgICAgIGFuaW1hdGlvbjogbGRzLWVsbGlwc2lzMyAwLjZzIGluZmluaXRlO1xyXG4gICAgICB9XHJcbiAgICAgIEBrZXlmcmFtZXMgbGRzLWVsbGlwc2lzMSB7XHJcbiAgICAgICAgMCUge1xyXG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgMTAwJSB7XHJcbiAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICBAa2V5ZnJhbWVzIGxkcy1lbGxpcHNpczMge1xyXG4gICAgICAgIDAlIHtcclxuICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDEwMCUge1xyXG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgQGtleWZyYW1lcyBsZHMtZWxsaXBzaXMyIHtcclxuICAgICAgICAwJSB7XHJcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAwKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgMTAwJSB7XHJcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxOHB4LCAwKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG5cclxuZXhwb3J0IHsgc3R5bGVzIH1cclxuIl19 */")
+  default: (theme, color) => /*#__PURE__*/css("display:inline-block;position:relative;min-width:58px;height:10px;div{position:absolute;width:10px;height:10px;border-radius:50%;background:", color ? color : '#ccc', ";animation-timing-function:cubic-bezier(0, 1, 1, 0);}div:nth-of-type(1){left:6px;animation:lds-ellipsis1 0.6s infinite;}div:nth-of-type(2){left:6px;animation:lds-ellipsis2 0.6s infinite;}div:nth-of-type(3){left:24px;animation:lds-ellipsis2 0.6s infinite;}div:nth-of-type(4){left:42px;animation:lds-ellipsis3 0.6s infinite;}@keyframes lds-ellipsis1{0%{transform:scale(0);}100%{transform:scale(1);}}@keyframes lds-ellipsis3{0%{transform:scale(1);}100%{transform:scale(0);}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0);}100%{transform:translate(18px, 0);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FwcExvYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQXBwTG9hZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lLCBjb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIG1pbi13aWR0aDogNThweDtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIGRpdiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgd2lkdGg6IDEwcHg7XG4gICAgICAgIGhlaWdodDogMTBweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9yID8gY29sb3IgOiAnI2NjYyd9O1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMCwgMSwgMSwgMCk7XG4gICAgICB9XG4gICAgICBkaXY6bnRoLW9mLXR5cGUoMSkge1xuICAgICAgICBsZWZ0OiA2cHg7XG4gICAgICAgIGFuaW1hdGlvbjogbGRzLWVsbGlwc2lzMSAwLjZzIGluZmluaXRlO1xuICAgICAgfVxuICAgICAgZGl2Om50aC1vZi10eXBlKDIpIHtcbiAgICAgICAgbGVmdDogNnB4O1xuICAgICAgICBhbmltYXRpb246IGxkcy1lbGxpcHNpczIgMC42cyBpbmZpbml0ZTtcbiAgICAgIH1cbiAgICAgIGRpdjpudGgtb2YtdHlwZSgzKSB7XG4gICAgICAgIGxlZnQ6IDI0cHg7XG4gICAgICAgIGFuaW1hdGlvbjogbGRzLWVsbGlwc2lzMiAwLjZzIGluZmluaXRlO1xuICAgICAgfVxuICAgICAgZGl2Om50aC1vZi10eXBlKDQpIHtcbiAgICAgICAgbGVmdDogNDJweDtcbiAgICAgICAgYW5pbWF0aW9uOiBsZHMtZWxsaXBzaXMzIDAuNnMgaW5maW5pdGU7XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGxkcy1lbGxpcHNpczEge1xuICAgICAgICAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGxkcy1lbGxpcHNpczMge1xuICAgICAgICAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIGxkcy1lbGxpcHNpczIge1xuICAgICAgICAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgMCk7XG4gICAgICAgIH1cbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMThweCwgMCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */")
 };
 export default styles;
 export { styles };

package/lib/core/Autocomplete/index.d.ts

@@ -0,0 +1,69 @@
+/** @jsxImportSource @emotion/react */
+import React, { ForwardedRef, ReactNode } from 'react';
+import { SerializedStyles } from '@emotion/react';
+interface IProps {
+    /** Input label */
+    label?: string;
+    /** Autofocus */
+    focus?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Default value. */
+    value?: string;
+    /** Disabled. */
+    disabled?: boolean;
+    /** Callback fired when blur. */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Callback fired when focus. */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Callback fired when the value changes. */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Children. */
+    children?: ReactNode;
+    /** Include if input field should include debound effect after typing. Specifices delay in ms */
+    debounceDelay?: number;
+    /** Sends up the value from a option click */
+    onSelectItem?: (value: {
+        [x: string]: any;
+    }) => void;
+    /** Callback when using debounce. */
+    onDebounceChange?: (value: string) => void;
+    /** Specify override styling */
+    css?: SerializedStyles;
+    /** Input name */
+    name?: string;
+    /** Validation on input */
+    validation?: boolean;
+    /** Invalid message */
+    invalidMessage?: string;
+    /** Activates invalid styling for custom external validation */
+    invalid?: boolean;
+    /** Set the height of the input, border comes in addition to height */
+    height?: string;
+    /** Sets a spinner on the input */
+    loading?: boolean;
+    /** Sets actions on the end of the input field */
+    actions: ReactNode;
+    /** Renders options shown under input */
+    renderOptions?: ReactNode[];
+    /** Renders a custom input list */
+    renderCustomValueInput?: ReactNode;
+    /** Values to list out */
+    values?: {
+        key: string;
+        value: string;
+        [x: string]: string;
+    }[];
+    /** Gets specific value as label from values property */
+    labelFromValues?: string;
+    /** Gets specific value as key from values property */
+    keyFromValues?: string;
+    /** Max width of the input values */
+    inputValuesMaxWidth?: number;
+    /** Custom open for showing values  */
+    isOpen?: boolean;
+}
+export declare type Ref = ForwardedRef<HTMLInputElement>;
+declare const Autocomplete: React.FC<IProps>;
+export default Autocomplete;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/Autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAa,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAK3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAIjD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAA;IACpD,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,OAAO,EAAE,SAAS,CAAA;IAClB,wCAAwC;IACxC,aAAa,CAAC,EAAE,SAAS,EAAE,CAAA;IAC3B,kCAAkC;IAClC,sBAAsB,CAAC,EAAE,SAAS,CAAA;IAClC,yBAAyB;IACzB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,oBAAY,GAAG,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAA;AAEhD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4QjC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/lib/core/Autocomplete/index.js

@@ -0,0 +1,247 @@
+/** @jsxImportSource @emotion/react */
+import React, { createRef, useState } from 'react';
+import { styles, ErrorMessage } from './styles';
+import { useEffect } from 'react';
+import { useDebounce } from '../utils/debounce';
+import IconErrorOutline from '../../icons/General/IconErrorOutline';
+import Spinner from '../Spinner';
+import useHandleOptionsHeight from './utils/useHandleOptionsHeight';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+const Autocomplete = /*#__PURE__*/React.forwardRef(({
+  onDebounceChange,
+  debounceDelay,
+  height,
+  css,
+  ...props
+}, ref) => {
+  const {
+    optionsHeight,
+    optionsRef
+  } = useHandleOptionsHeight();
+  const valuesRef = /*#__PURE__*/createRef();
+  const [showValues, setShowValues] = useState(!!props.isOpen);
+  const [highlightedIndex, setHighlightedIndex] = useState(null);
+  const [value, setValueChanged] = useState(props.value ? props.value : '');
+  const [inputDirty, setInputDirty] = useState(false);
+  const debouncedValue = useDebounce(value, debounceDelay ? debounceDelay : 0);
+
+  const onInputChange = e => {
+    setInputDirty(true);
+    setValueChanged(e.target.value);
+
+    if (props.values) {
+      // Maybe?
+      setHighlightedIndex(0);
+    }
+
+    if (props.onChange) {
+      props.onChange(e);
+    }
+  };
+
+  const handleOnInputClick = () => {
+    if (props.values?.length) setHighlightedIndex(0);
+    setShowValues(true);
+  };
+
+  const handleValueClick = value => {
+    setShowValues(false);
+    props.onSelectItem?.(value);
+  };
+
+  const handleEnter = e => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!showValues) return;
+
+    if (!props.values?.length) {
+      // If there is no autocomplete value in the list, send object with just { value }
+      props.onSelectItem?.({
+        value
+      });
+    }
+
+    if (highlightedIndex === null || !props.values?.length) {
+      return;
+    }
+
+    const item = props.values[highlightedIndex];
+    props.onSelectItem?.(item);
+    setShowValues(false);
+  };
+
+  const handleUp = e => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!showValues) return;
+
+    if (highlightedIndex === null || !props.values?.length) {
+      return;
+    }
+
+    const newHighlightIndex = highlightedIndex - 1;
+
+    if (newHighlightIndex < 0) {
+      setHighlightedIndex(null);
+      setShowValues(false);
+      return;
+    }
+
+    setHighlightedIndex(newHighlightIndex);
+  };
+
+  const handleDown = e => {
+    if (!showValues) return;
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (highlightedIndex === null || !props.values?.length) {
+      return;
+    }
+
+    const newHighlightIndex = highlightedIndex + 1;
+
+    if (newHighlightIndex === props.values.length) {
+      setHighlightedIndex(null);
+      setShowValues(false);
+      return;
+    }
+
+    setHighlightedIndex(newHighlightIndex);
+  };
+
+  const handleEscape = () => {
+    setShowValues(false);
+    setHighlightedIndex(null);
+  };
+
+  const handleOnKeyDown = e => {
+    const {
+      key
+    } = e;
+
+    if (showValues && props.values?.length) {
+      setHighlightedIndex(0);
+    } else {
+      setHighlightedIndex(null);
+    }
+
+    switch (key) {
+      case 'Enter':
+        handleEnter(e);
+        break;
+
+      case 'ArrowUp':
+        handleUp(e);
+        break;
+
+      case 'ArrowDown':
+      case 'Tab':
+        handleDown(e);
+        break;
+
+      case 'Escape':
+        handleEscape();
+        break;
+
+      default:
+        break;
+    }
+  }; // Handle debounce
+
+
+  useEffect(() => {
+    const handleDebounceChange = value => {
+      if (onDebounceChange && inputDirty) {
+        onDebounceChange(value);
+      }
+    };
+
+    handleDebounceChange(debouncedValue); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [debouncedValue]);
+  useEffect(() => {
+    setShowValues(!!props.isOpen);
+  }, [props.isOpen]);
+  useEffect(() => {
+    const handleClickOutside = e => {
+      const node = valuesRef.current;
+
+      if (node && node.contains(e.target)) {
+        return;
+      }
+
+      setShowValues(false);
+    };
+
+    if (showValues) {
+      document.addEventListener('mousedown', handleClickOutside);
+    } else {
+      document.removeEventListener('mousedown', handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [showValues, valuesRef]);
+  return _jsxs(_Fragment, {
+    children: [_jsxs("label", {
+      css: theme => [styles.default(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), props.validation && styles.validation, height && styles.height(height), css && css],
+      children: [props.label && _jsx("span", {
+        children: props.label
+      }), _jsxs("div", {
+        css: theme => [styles.inputWrapper(theme)],
+        children: [_jsxs("div", {
+          css: styles.inputBox,
+          children: [_jsx("input", {
+            type: "text",
+            placeholder: props.placeholder,
+            value: value,
+            disabled: props.disabled,
+            autoFocus: props.focus,
+            onBlur: props.onBlur,
+            onFocus: props.onFocus,
+            onChange: onInputChange,
+            onKeyDown: handleOnKeyDown,
+            onClick: handleOnInputClick,
+            ref: ref,
+            name: props.name,
+            autoComplete: "off",
+            css: theme => [props.disabled && styles.disabled(theme)],
+            children: React.Children.map(props.children, child => child ?? null)
+          }), props.loading && _jsx(Spinner, {
+            size: 14
+          }), props.actions && _jsx("div", {
+            children: props.actions
+          })]
+        }), props.renderOptions && _jsx("div", {
+          ref: optionsRef,
+          css: styles.inputValues,
+          children: props.renderOptions
+        })]
+      }), props.invalidMessage && _jsxs("div", {
+        css: styles.invalidMessage,
+        children: [_jsx(IconErrorOutline, {
+          size: "16px"
+        }), _jsx("span", {
+          css: theme => [ErrorMessage(theme)],
+          children: props.invalidMessage
+        })]
+      })]
+    }), (props.values?.length || props.renderCustomValueInput) && !props.loading && showValues && _jsxs("div", {
+      ref: valuesRef,
+      css: () => [styles.listWrapper, Boolean(optionsHeight) && styles.listWrapperTopPosition(optionsHeight), Boolean(optionsHeight) && props.invalidMessage && styles.listWrapperTopPosition(optionsHeight + 30), props.inputValuesMaxWidth && styles.listWrapperMaxWidth(props.inputValuesMaxWidth)],
+      children: [props.values?.length && _jsx("ul", {
+        css: theme => [styles.list(theme)],
+        children: props.values.map((item, index) => _jsx("li", {
+          tabIndex: 0,
+          css: index === highlightedIndex ? styles.highlightedItem : null,
+          onClick: () => handleValueClick(item),
+          children: props.labelFromValues ? item[props.labelFromValues] : item.label
+        }, props.keyFromValues ? item[props.keyFromValues] : item.key))
+      }), props.renderCustomValueInput && props.renderCustomValueInput]
+    })]
+  });
+});
+export default Autocomplete;

package/lib/core/Autocomplete/styles.d.ts

@@ -0,0 +1,21 @@
+import { IAppTheme } from '../../app-shell/theme';
+declare const styles: {
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    inputWrapper: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    inputBox: import("@emotion/react").SerializedStyles;
+    inputValues: import("@emotion/react").SerializedStyles;
+    validation: import("@emotion/react").SerializedStyles;
+    list: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    highlightedItem: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    listWrapper: import("@emotion/react").SerializedStyles;
+    listWrapperMaxWidth: (width: number) => import("@emotion/react").SerializedStyles;
+    listWrapperTopPosition: (top: number) => import("@emotion/react").SerializedStyles;
+    invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    invalidMessage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    height: (height: string) => import("@emotion/react").SerializedStyles;
+    disabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+};
+export declare const ErrorMessage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+export default styles;
+export { styles };
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/Autocomplete/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;0BA2CJ,SAAS;;;;kBAuCjB,SAAS;6BAsBE,SAAS;;iCAQL,MAAM;kCAGL,MAAM;qBAGnB,SAAS;4BAYF,SAAS;qBA4BhB,MAAM;sBAKL,SAAS;CAM5B,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,SAAS,8CAM5C,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}