@wireapp/react-ui-kit 7.55.2 → 8.0.0

package/src/Identity/AvatarGrid.js

@@ -9,15 +9,13 @@ exports.AvatarGrid = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _css2 = _interopRequireDefault(require("@emotion/css"));
+var _react = require("@emotion/react");
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
-
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Misc = require("../Misc/");
 
@@ -83,12 +81,12 @@ var AvatarGrid = function AvatarGrid(_ref2) {
     slicedItems.push(null);
   }
 
-  return (0, _core.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
+  return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
     checkViewportOnce: true,
     onEnterViewport: fetchImages,
     css: avatarGridStyle(allProps)
   }, filteredAvatarGridProps(allProps)), slicedItems.map(function (item) {
-    return item ? (0, _core.jsx)(_Avatar.Avatar, {
+    return item ? (0, _react.jsx)(_Avatar.Avatar, {
       key: Math.random().toString(),
       backgroundColor: item.backgroundColor || _colors.COLOR.GRAY_DARKEN_80,
       url: item.url,
@@ -101,13 +99,13 @@ var AvatarGrid = function AvatarGrid(_ref2) {
         height: '100%',
         width: '100%'
       }
-    }) : (0, _core.jsx)("div", {
+    }) : (0, _react.jsx)("div", {
       key: Math.random().toString(),
-      css: /*#__PURE__*/(0, _css2["default"])({
+      css: /*#__PURE__*/(0, _react.css)({
         backgroundColor: _colors.COLOR.GRAY_DARKEN_80,
         height: '100%',
         width: '100%'
-      }, ";label:AvatarGrid;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF2YXRhckdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGWSIsImZpbGUiOiJBdmF0YXJHcmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTkgV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7Q1NTT2JqZWN0LCBqc3h9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUge0F2YXRhclByb3BzfSBmcm9tICcuLi9JZGVudGl0eS8nO1xuaW1wb3J0IHtJc0luVmlld3BvcnR9IGZyb20gJy4uL01pc2MvJztcbmltcG9ydCB7ZmlsdGVyUHJvcHN9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtBdmF0YXIsIERFRkFVTFRfQVZBVEFSX1NJWkV9IGZyb20gJy4vQXZhdGFyJztcbmltcG9ydCB7Q09MT1J9IGZyb20gJy4vY29sb3JzJztcblxuaW50ZXJmYWNlIFByb3BzPFQgPSBIVE1MRGl2RWxlbWVudD4gZXh0ZW5kcyBSZWFjdC5IVE1MUHJvcHM8VD4ge1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIGJvcmRlckNvbG9yPzogc3RyaW5nO1xuICBib3JkZXJXaWR0aD86IG51bWJlcjtcbiAgZmV0Y2hJbWFnZXM/OiAoKSA9PiB2b2lkO1xuICBpdGVtczogT21pdDxBdmF0YXJQcm9wcywgJ2JvcmRlckNvbG9yJyB8ICdzaXplJyB8ICdib3JkZXJDb2xvcicgfCAnaXNBdmF0YXJHcmlkSXRlbScgfCAnZmV0Y2hJbWFnZSc+W107XG4gIHNpemU/OiBudW1iZXI7XG59XG5cbmNvbnN0IGF2YXRhckdyaWRTdHlsZTogPFQ+KHByb3BzOiBQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKHtcbiAgYm9yZGVyV2lkdGgsXG4gIHNpemUsXG4gIGJhY2tncm91bmRDb2xvciA9IENPTE9SLkdSQVlfREFSS0VOXzQ4LFxuICBib3JkZXJDb2xvciA9IENPTE9SLkdSQVlfREFSS0VOXzQ4LFxufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGFsaWduSXRlbXM6ICdzdGFydCcsXG4gICAgYmFja2dyb3VuZENvbG9yOiBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyOiBgJHtib3JkZXJXaWR0aH1weCBzb2xpZCAke2JvcmRlckNvbG9yfWAsXG4gICAgYm9yZGVyUmFkaXVzOiAnMTYlJyxcbiAgICBkaXNwbGF5OiAnZ3JpZCcsXG4gICAgZ3JpZEdhcDogYm9yZGVyV2lkdGgsXG4gICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICBncmlkVGVtcGxhdGVSb3dzOiAncmVwZWF0KDIsIDFmciknLFxuICAgIGhlaWdodDogYCR7c2l6ZX1weGAsXG4gICAganVzdGlmeUl0ZW1zOiAnY2VudGVyJyxcbiAgICBtaW5XaWR0aDogYCR7c2l6ZX1weGAsXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHdpZHRoOiBgJHtzaXplfXB4YCxcbiAgfTtcbn07XG5cbmNvbnN0IGZpbHRlcmVkQXZhdGFyR3JpZFByb3BzID0gKHByb3BzOiBQcm9wcykgPT5cbiAgZmlsdGVyUHJvcHMocHJvcHMsIFsnYmFja2dyb3VuZENvbG9yJywgJ2JvcmRlckNvbG9yJywgJ2l0ZW1zJywgJ3NpemUnLCAnYm9yZGVyV2lkdGgnXSk7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJHcmlkID0gKHtib3JkZXJXaWR0aCA9IDEsIHNpemUgPSBERUZBVUxUX0FWQVRBUl9TSVpFLCBpdGVtcywgZmV0Y2hJbWFnZXMsIC4uLnByb3BzfTogUHJvcHMpID0+IHtcbiAgY29uc3QgYWxsUHJvcHMgPSB7Ym9yZGVyV2lkdGgsIGl0ZW1zLCBzaXplLCAuLi5wcm9wc307XG4gIGNvbnN0IHNsaWNlZEl0ZW1zID0gaXRlbXMuc2xpY2UoMCwgNCk7XG4gIGNvbnN0IG1pc3NpbmcgPSA0IC0gc2xpY2VkSXRlbXMubGVuZ3RoO1xuICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgbWlzc2luZzsgaW5kZXgrKykge1xuICAgIHNsaWNlZEl0ZW1zLnB1c2gobnVsbCk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8SXNJblZpZXdwb3J0XG4gICAgICBjaGVja1ZpZXdwb3J0T25jZVxuICAgICAgb25FbnRlclZpZXdwb3J0PXtmZXRjaEltYWdlc31cbiAgICAgIGNzcz17YXZhdGFyR3JpZFN0eWxlKGFsbFByb3BzKX1cbiAgICAgIHsuLi5maWx0ZXJlZEF2YXRhckdyaWRQcm9wcyhhbGxQcm9wcyl9XG4gICAgPlxuICAgICAge3NsaWNlZEl0ZW1zLm1hcChpdGVtID0+XG4gICAgICAgIGl0ZW0gPyAoXG4gICAgICAgICAgPEF2YXRhclxuICAgICAgICAgICAga2V5PXtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCl9XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2l0ZW0uYmFja2dyb3VuZENvbG9yIHx8IENPTE9SLkdSQVlfREFSS0VOXzgwfVxuICAgICAgICAgICAgdXJsPXtpdGVtLnVybH1cbiAgICAgICAgICAgIGNvbG9yPXtpdGVtLmNvbG9yfVxuICAgICAgICAgICAgZm9yY2VJbml0aWFscz17aXRlbS5mb3JjZUluaXRpYWxzfVxuICAgICAgICAgICAgaXNBdmF0YXJHcmlkSXRlbVxuICAgICAgICAgICAgbmFtZT17aXRlbS5uYW1lfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZSAvIDIgLSBib3JkZXJXaWR0aH1cbiAgICAgICAgICAgIHN0eWxlPXt7aGVpZ2h0OiAnMTAwJScsIHdpZHRoOiAnMTAwJSd9fVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAga2V5PXtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCl9XG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBDT0xPUi5HUkFZX0RBUktFTl84MCxcbiAgICAgICAgICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvSXNJblZpZXdwb3J0PlxuICApO1xufTtcbiJdfQ== */"))
+      }, process.env.NODE_ENV === "production" ? "" : ";label:AvatarGrid;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF2YXRhckdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGWSIsImZpbGUiOiJBdmF0YXJHcmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTkgV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7Q1NTT2JqZWN0LCBqc3h9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtBdmF0YXJQcm9wc30gZnJvbSAnLi4vSWRlbnRpdHkvJztcbmltcG9ydCB7SXNJblZpZXdwb3J0fSBmcm9tICcuLi9NaXNjLyc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7QXZhdGFyLCBERUZBVUxUX0FWQVRBUl9TSVpFfSBmcm9tICcuL0F2YXRhcic7XG5pbXBvcnQge0NPTE9SfSBmcm9tICcuL2NvbG9ycyc7XG5cbmludGVyZmFjZSBQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xuICBib3JkZXJDb2xvcj86IHN0cmluZztcbiAgYm9yZGVyV2lkdGg/OiBudW1iZXI7XG4gIGZldGNoSW1hZ2VzPzogKCkgPT4gdm9pZDtcbiAgaXRlbXM6IE9taXQ8QXZhdGFyUHJvcHMsICdib3JkZXJDb2xvcicgfCAnc2l6ZScgfCAnYm9yZGVyQ29sb3InIHwgJ2lzQXZhdGFyR3JpZEl0ZW0nIHwgJ2ZldGNoSW1hZ2UnPltdO1xuICBzaXplPzogbnVtYmVyO1xufVxuXG5jb25zdCBhdmF0YXJHcmlkU3R5bGU6IDxUPihwcm9wczogUHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh7XG4gIGJvcmRlcldpZHRoLFxuICBzaXplLFxuICBiYWNrZ3JvdW5kQ29sb3IgPSBDT0xPUi5HUkFZX0RBUktFTl80OCxcbiAgYm9yZGVyQ29sb3IgPSBDT0xPUi5HUkFZX0RBUktFTl80OCxcbn0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBhbGlnbkl0ZW1zOiAnc3RhcnQnLFxuICAgIGJhY2tncm91bmRDb2xvcjogYmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlcjogYCR7Ym9yZGVyV2lkdGh9cHggc29saWQgJHtib3JkZXJDb2xvcn1gLFxuICAgIGJvcmRlclJhZGl1czogJzE2JScsXG4gICAgZGlzcGxheTogJ2dyaWQnLFxuICAgIGdyaWRHYXA6IGJvcmRlcldpZHRoLFxuICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICdyZXBlYXQoMiwgMWZyKScsXG4gICAgZ3JpZFRlbXBsYXRlUm93czogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICBoZWlnaHQ6IGAke3NpemV9cHhgLFxuICAgIGp1c3RpZnlJdGVtczogJ2NlbnRlcicsXG4gICAgbWluV2lkdGg6IGAke3NpemV9cHhgLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICB3aWR0aDogYCR7c2l6ZX1weGAsXG4gIH07XG59O1xuXG5jb25zdCBmaWx0ZXJlZEF2YXRhckdyaWRQcm9wcyA9IChwcm9wczogUHJvcHMpID0+XG4gIGZpbHRlclByb3BzKHByb3BzLCBbJ2JhY2tncm91bmRDb2xvcicsICdib3JkZXJDb2xvcicsICdpdGVtcycsICdzaXplJywgJ2JvcmRlcldpZHRoJ10pO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyR3JpZCA9ICh7Ym9yZGVyV2lkdGggPSAxLCBzaXplID0gREVGQVVMVF9BVkFUQVJfU0laRSwgaXRlbXMsIGZldGNoSW1hZ2VzLCAuLi5wcm9wc306IFByb3BzKSA9PiB7XG4gIGNvbnN0IGFsbFByb3BzID0ge2JvcmRlcldpZHRoLCBpdGVtcywgc2l6ZSwgLi4ucHJvcHN9O1xuICBjb25zdCBzbGljZWRJdGVtcyA9IGl0ZW1zLnNsaWNlKDAsIDQpO1xuICBjb25zdCBtaXNzaW5nID0gNCAtIHNsaWNlZEl0ZW1zLmxlbmd0aDtcbiAgZm9yIChsZXQgaW5kZXggPSAwOyBpbmRleCA8IG1pc3Npbmc7IGluZGV4KyspIHtcbiAgICBzbGljZWRJdGVtcy5wdXNoKG51bGwpO1xuICB9XG4gIHJldHVybiAoXG4gICAgPElzSW5WaWV3cG9ydFxuICAgICAgY2hlY2tWaWV3cG9ydE9uY2VcbiAgICAgIG9uRW50ZXJWaWV3cG9ydD17ZmV0Y2hJbWFnZXN9XG4gICAgICBjc3M9e2F2YXRhckdyaWRTdHlsZShhbGxQcm9wcyl9XG4gICAgICB7Li4uZmlsdGVyZWRBdmF0YXJHcmlkUHJvcHMoYWxsUHJvcHMpfVxuICAgID5cbiAgICAgIHtzbGljZWRJdGVtcy5tYXAoaXRlbSA9PlxuICAgICAgICBpdGVtID8gKFxuICAgICAgICAgIDxBdmF0YXJcbiAgICAgICAgICAgIGtleT17TWF0aC5yYW5kb20oKS50b1N0cmluZygpfVxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtpdGVtLmJhY2tncm91bmRDb2xvciB8fCBDT0xPUi5HUkFZX0RBUktFTl84MH1cbiAgICAgICAgICAgIHVybD17aXRlbS51cmx9XG4gICAgICAgICAgICBjb2xvcj17aXRlbS5jb2xvcn1cbiAgICAgICAgICAgIGZvcmNlSW5pdGlhbHM9e2l0ZW0uZm9yY2VJbml0aWFsc31cbiAgICAgICAgICAgIGlzQXZhdGFyR3JpZEl0ZW1cbiAgICAgICAgICAgIG5hbWU9e2l0ZW0ubmFtZX1cbiAgICAgICAgICAgIHNpemU9e3NpemUgLyAyIC0gYm9yZGVyV2lkdGh9XG4gICAgICAgICAgICBzdHlsZT17e2hlaWdodDogJzEwMCUnLCB3aWR0aDogJzEwMCUnfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGtleT17TWF0aC5yYW5kb20oKS50b1N0cmluZygpfVxuICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1IuR1JBWV9EQVJLRU5fODAsXG4gICAgICAgICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApLFxuICAgICAgKX1cbiAgICA8L0lzSW5WaWV3cG9ydD5cbiAgKTtcbn07XG4iXX0= */")
     });
   }));
 };

package/src/Identity/AvatarGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AvatarGrid.tsx"],"names":["avatarGridStyle","borderWidth","size","backgroundColor","COLOR","GRAY_DARKEN_48","borderColor","alignItems","border","borderRadius","display","gridGap","gridTemplateColumns","gridTemplateRows","height","justifyItems","minWidth","overflow","width","filteredAvatarGridProps","props","AvatarGrid","DEFAULT_AVATAR_SIZE","items","fetchImages","allProps","slicedItems","slice","missing","length","index","push","map","item","Math","random","toString","GRAY_DARKEN_80","url","color","forceInitials","name"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;AAWA,IAAMA,eAAkD,GAAG,SAArDA,eAAqD,OAKrD;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,kCAFJC,eAEI;AAAA,MAFJA,eAEI,qCAFcC,cAAMC,cAEpB;AAAA,8BADJC,WACI;AAAA,MADJA,WACI,iCADUF,cAAMC,cAChB;AACJ,SAAO;AACLE,IAAAA,UAAU,EAAE,OADP;AAELJ,IAAAA,eAAe,EAAEA,eAFZ;AAGLK,IAAAA,MAAM,YAAKP,WAAL,sBAA4BK,WAA5B,CAHD;AAILG,IAAAA,YAAY,EAAE,KAJT;AAKLC,IAAAA,OAAO,EAAE,MALJ;AAMLC,IAAAA,OAAO,EAAEV,WANJ;AAOLW,IAAAA,mBAAmB,EAAE,gBAPhB;AAQLC,IAAAA,gBAAgB,EAAE,gBARb;AASLC,IAAAA,MAAM,YAAKZ,IAAL,OATD;AAULa,IAAAA,YAAY,EAAE,QAVT;AAWLC,IAAAA,QAAQ,YAAKd,IAAL,OAXH;AAYLe,IAAAA,QAAQ,EAAE,QAZL;AAaLC,IAAAA,KAAK,YAAKhB,IAAL;AAbA,GAAP;AAeD,CArBD;;AAuBA,IAAMiB,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD;AAAA,SAC9B,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,aAApB,EAAmC,OAAnC,EAA4C,MAA5C,EAAoD,aAApD,CAAnB,CAD8B;AAAA,CAAhC;;AAGO,IAAMC,UAAU,GAAG,SAAbA,UAAa,QAAwF;AAAA,gCAAtFpB,WAAsF;AAAA,MAAtFA,WAAsF,kCAAxE,CAAwE;AAAA,yBAArEC,IAAqE;AAAA,MAArEA,IAAqE,2BAA9DoB,2BAA8D;AAAA,MAAzCC,KAAyC,SAAzCA,KAAyC;AAAA,MAAlCC,WAAkC,SAAlCA,WAAkC;AAAA,MAAlBJ,KAAkB;;AAChH,MAAMK,QAAQ;AAAIxB,IAAAA,WAAW,EAAXA,WAAJ;AAAiBsB,IAAAA,KAAK,EAALA,KAAjB;AAAwBrB,IAAAA,IAAI,EAAJA;AAAxB,KAAiCkB,KAAjC,CAAd;;AACA,MAAMM,WAAW,GAAGH,KAAK,CAACI,KAAN,CAAY,CAAZ,EAAe,CAAf,CAApB;AACA,MAAMC,OAAO,GAAG,IAAIF,WAAW,CAACG,MAAhC;;AACA,OAAK,IAAIC,KAAK,GAAG,CAAjB,EAAoBA,KAAK,GAAGF,OAA5B,EAAqCE,KAAK,EAA1C,EAA8C;AAC5CJ,IAAAA,WAAW,CAACK,IAAZ,CAAiB,IAAjB;AACD;;AACD,SACE,eAAC,kBAAD;AACE,IAAA,iBAAiB,MADnB;AAEE,IAAA,eAAe,EAAEP,WAFnB;AAGE,IAAA,GAAG,EAAExB,eAAe,CAACyB,QAAD;AAHtB,KAIMN,uBAAuB,CAACM,QAAD,CAJ7B,GAMGC,WAAW,CAACM,GAAZ,CAAgB,UAAAC,IAAI;AAAA,WACnBA,IAAI,GACF,eAAC,cAAD;AACE,MAAA,GAAG,EAAEC,IAAI,CAACC,MAAL,GAAcC,QAAd,EADP;AAEE,MAAA,eAAe,EAAEH,IAAI,CAAC9B,eAAL,IAAwBC,cAAMiC,cAFjD;AAGE,MAAA,GAAG,EAAEJ,IAAI,CAACK,GAHZ;AAIE,MAAA,KAAK,EAAEL,IAAI,CAACM,KAJd;AAKE,MAAA,aAAa,EAAEN,IAAI,CAACO,aALtB;AAME,MAAA,gBAAgB,MANlB;AAOE,MAAA,IAAI,EAAEP,IAAI,CAACQ,IAPb;AAQE,MAAA,IAAI,EAAEvC,IAAI,GAAG,CAAP,GAAWD,WARnB;AASE,MAAA,KAAK,EAAE;AAACa,QAAAA,MAAM,EAAE,MAAT;AAAiBI,QAAAA,KAAK,EAAE;AAAxB;AATT,MADE,GAaF;AACE,MAAA,GAAG,EAAEgB,IAAI,CAACC,MAAL,GAAcC,QAAd,EADP;AAEE,MAAA,GAAG,qCAAE;AACHjC,QAAAA,eAAe,EAAEC,cAAMiC,cADpB;AAEHvB,QAAAA,MAAM,EAAE,MAFL;AAGHI,QAAAA,KAAK,EAAE;AAHJ,OAAF;AAFL,MAdiB;AAAA,GAApB,CANH,CADF;AAiCD,CAxCM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\nimport React from 'react';\n\nimport type {AvatarProps} from '../Identity/';\nimport {IsInViewport} from '../Misc/';\nimport {filterProps} from '../util';\nimport {Avatar, DEFAULT_AVATAR_SIZE} from './Avatar';\nimport {COLOR} from './colors';\n\ninterface Props<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  fetchImages?: () => void;\n  items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];\n  size?: number;\n}\n\nconst avatarGridStyle: <T>(props: Props<T>) => CSSObject = ({\n  borderWidth,\n  size,\n  backgroundColor = COLOR.GRAY_DARKEN_48,\n  borderColor = COLOR.GRAY_DARKEN_48,\n}) => {\n  return {\n    alignItems: 'start',\n    backgroundColor: backgroundColor,\n    border: `${borderWidth}px solid ${borderColor}`,\n    borderRadius: '16%',\n    display: 'grid',\n    gridGap: borderWidth,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridTemplateRows: 'repeat(2, 1fr)',\n    height: `${size}px`,\n    justifyItems: 'center',\n    minWidth: `${size}px`,\n    overflow: 'hidden',\n    width: `${size}px`,\n  };\n};\n\nconst filteredAvatarGridProps = (props: Props) =>\n  filterProps(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);\n\nexport const AvatarGrid = ({borderWidth = 1, size = DEFAULT_AVATAR_SIZE, items, fetchImages, ...props}: Props) => {\n  const allProps = {borderWidth, items, size, ...props};\n  const slicedItems = items.slice(0, 4);\n  const missing = 4 - slicedItems.length;\n  for (let index = 0; index < missing; index++) {\n    slicedItems.push(null);\n  }\n  return (\n    <IsInViewport\n      checkViewportOnce\n      onEnterViewport={fetchImages}\n      css={avatarGridStyle(allProps)}\n      {...filteredAvatarGridProps(allProps)}\n    >\n      {slicedItems.map(item =>\n        item ? (\n          <Avatar\n            key={Math.random().toString()}\n            backgroundColor={item.backgroundColor || COLOR.GRAY_DARKEN_80}\n            url={item.url}\n            color={item.color}\n            forceInitials={item.forceInitials}\n            isAvatarGridItem\n            name={item.name}\n            size={size / 2 - borderWidth}\n            style={{height: '100%', width: '100%'}}\n          />\n        ) : (\n          <div\n            key={Math.random().toString()}\n            css={{\n              backgroundColor: COLOR.GRAY_DARKEN_80,\n              height: '100%',\n              width: '100%',\n            }}\n          />\n        ),\n      )}\n    </IsInViewport>\n  );\n};\n"],"file":"AvatarGrid.js"}
+{"version":3,"sources":["AvatarGrid.tsx"],"names":["avatarGridStyle","borderWidth","size","backgroundColor","COLOR","GRAY_DARKEN_48","borderColor","alignItems","border","borderRadius","display","gridGap","gridTemplateColumns","gridTemplateRows","height","justifyItems","minWidth","overflow","width","filteredAvatarGridProps","props","AvatarGrid","DEFAULT_AVATAR_SIZE","items","fetchImages","allProps","slicedItems","slice","missing","length","index","push","map","item","Math","random","toString","GRAY_DARKEN_80","url","color","forceInitials","name"],"mappings":";;;;;;;;;;;AAoBA;;;;;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;AAWA,IAAMA,eAAkD,GAAG,SAArDA,eAAqD,OAKrD;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,kCAFJC,eAEI;AAAA,MAFJA,eAEI,qCAFcC,cAAMC,cAEpB;AAAA,8BADJC,WACI;AAAA,MADJA,WACI,iCADUF,cAAMC,cAChB;AACJ,SAAO;AACLE,IAAAA,UAAU,EAAE,OADP;AAELJ,IAAAA,eAAe,EAAEA,eAFZ;AAGLK,IAAAA,MAAM,YAAKP,WAAL,sBAA4BK,WAA5B,CAHD;AAILG,IAAAA,YAAY,EAAE,KAJT;AAKLC,IAAAA,OAAO,EAAE,MALJ;AAMLC,IAAAA,OAAO,EAAEV,WANJ;AAOLW,IAAAA,mBAAmB,EAAE,gBAPhB;AAQLC,IAAAA,gBAAgB,EAAE,gBARb;AASLC,IAAAA,MAAM,YAAKZ,IAAL,OATD;AAULa,IAAAA,YAAY,EAAE,QAVT;AAWLC,IAAAA,QAAQ,YAAKd,IAAL,OAXH;AAYLe,IAAAA,QAAQ,EAAE,QAZL;AAaLC,IAAAA,KAAK,YAAKhB,IAAL;AAbA,GAAP;AAeD,CArBD;;AAuBA,IAAMiB,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD;AAAA,SAC9B,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,aAApB,EAAmC,OAAnC,EAA4C,MAA5C,EAAoD,aAApD,CAAnB,CAD8B;AAAA,CAAhC;;AAGO,IAAMC,UAAU,GAAG,SAAbA,UAAa,QAAwF;AAAA,gCAAtFpB,WAAsF;AAAA,MAAtFA,WAAsF,kCAAxE,CAAwE;AAAA,yBAArEC,IAAqE;AAAA,MAArEA,IAAqE,2BAA9DoB,2BAA8D;AAAA,MAAzCC,KAAyC,SAAzCA,KAAyC;AAAA,MAAlCC,WAAkC,SAAlCA,WAAkC;AAAA,MAAlBJ,KAAkB;;AAChH,MAAMK,QAAQ;AAAIxB,IAAAA,WAAW,EAAXA,WAAJ;AAAiBsB,IAAAA,KAAK,EAALA,KAAjB;AAAwBrB,IAAAA,IAAI,EAAJA;AAAxB,KAAiCkB,KAAjC,CAAd;;AACA,MAAMM,WAAW,GAAGH,KAAK,CAACI,KAAN,CAAY,CAAZ,EAAe,CAAf,CAApB;AACA,MAAMC,OAAO,GAAG,IAAIF,WAAW,CAACG,MAAhC;;AACA,OAAK,IAAIC,KAAK,GAAG,CAAjB,EAAoBA,KAAK,GAAGF,OAA5B,EAAqCE,KAAK,EAA1C,EAA8C;AAC5CJ,IAAAA,WAAW,CAACK,IAAZ,CAAiB,IAAjB;AACD;;AACD,SACE,gBAAC,kBAAD;AACE,IAAA,iBAAiB,MADnB;AAEE,IAAA,eAAe,EAAEP,WAFnB;AAGE,IAAA,GAAG,EAAExB,eAAe,CAACyB,QAAD;AAHtB,KAIMN,uBAAuB,CAACM,QAAD,CAJ7B,GAMGC,WAAW,CAACM,GAAZ,CAAgB,UAAAC,IAAI;AAAA,WACnBA,IAAI,GACF,gBAAC,cAAD;AACE,MAAA,GAAG,EAAEC,IAAI,CAACC,MAAL,GAAcC,QAAd,EADP;AAEE,MAAA,eAAe,EAAEH,IAAI,CAAC9B,eAAL,IAAwBC,cAAMiC,cAFjD;AAGE,MAAA,GAAG,EAAEJ,IAAI,CAACK,GAHZ;AAIE,MAAA,KAAK,EAAEL,IAAI,CAACM,KAJd;AAKE,MAAA,aAAa,EAAEN,IAAI,CAACO,aALtB;AAME,MAAA,gBAAgB,MANlB;AAOE,MAAA,IAAI,EAAEP,IAAI,CAACQ,IAPb;AAQE,MAAA,IAAI,EAAEvC,IAAI,GAAG,CAAP,GAAWD,WARnB;AASE,MAAA,KAAK,EAAE;AAACa,QAAAA,MAAM,EAAE,MAAT;AAAiBI,QAAAA,KAAK,EAAE;AAAxB;AATT,MADE,GAaF;AACE,MAAA,GAAG,EAAEgB,IAAI,CAACC,MAAL,GAAcC,QAAd,EADP;AAEE,MAAA,GAAG,+BAAE;AACHjC,QAAAA,eAAe,EAAEC,cAAMiC,cADpB;AAEHvB,QAAAA,MAAM,EAAE,MAFL;AAGHI,QAAAA,KAAK,EAAE;AAHJ,OAAF;AAFL,MAdiB;AAAA,GAApB,CANH,CADF;AAiCD,CAxCM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport type {AvatarProps} from '../Identity/';\nimport {IsInViewport} from '../Misc/';\nimport {filterProps} from '../util';\nimport {Avatar, DEFAULT_AVATAR_SIZE} from './Avatar';\nimport {COLOR} from './colors';\n\ninterface Props<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  fetchImages?: () => void;\n  items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];\n  size?: number;\n}\n\nconst avatarGridStyle: <T>(props: Props<T>) => CSSObject = ({\n  borderWidth,\n  size,\n  backgroundColor = COLOR.GRAY_DARKEN_48,\n  borderColor = COLOR.GRAY_DARKEN_48,\n}) => {\n  return {\n    alignItems: 'start',\n    backgroundColor: backgroundColor,\n    border: `${borderWidth}px solid ${borderColor}`,\n    borderRadius: '16%',\n    display: 'grid',\n    gridGap: borderWidth,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridTemplateRows: 'repeat(2, 1fr)',\n    height: `${size}px`,\n    justifyItems: 'center',\n    minWidth: `${size}px`,\n    overflow: 'hidden',\n    width: `${size}px`,\n  };\n};\n\nconst filteredAvatarGridProps = (props: Props) =>\n  filterProps(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);\n\nexport const AvatarGrid = ({borderWidth = 1, size = DEFAULT_AVATAR_SIZE, items, fetchImages, ...props}: Props) => {\n  const allProps = {borderWidth, items, size, ...props};\n  const slicedItems = items.slice(0, 4);\n  const missing = 4 - slicedItems.length;\n  for (let index = 0; index < missing; index++) {\n    slicedItems.push(null);\n  }\n  return (\n    <IsInViewport\n      checkViewportOnce\n      onEnterViewport={fetchImages}\n      css={avatarGridStyle(allProps)}\n      {...filteredAvatarGridProps(allProps)}\n    >\n      {slicedItems.map(item =>\n        item ? (\n          <Avatar\n            key={Math.random().toString()}\n            backgroundColor={item.backgroundColor || COLOR.GRAY_DARKEN_80}\n            url={item.url}\n            color={item.color}\n            forceInitials={item.forceInitials}\n            isAvatarGridItem\n            name={item.name}\n            size={size / 2 - borderWidth}\n            style={{height: '100%', width: '100%'}}\n          />\n        ) : (\n          <div\n            key={Math.random().toString()}\n            css={{\n              backgroundColor: COLOR.GRAY_DARKEN_80,\n              height: '100%',\n              width: '100%',\n            }}\n          />\n        ),\n      )}\n    </IsInViewport>\n  );\n};\n"],"file":"AvatarGrid.js"}

package/src/Identity/Logo.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { SVGIconProps } from '../Icon/SVGIcon';
 export interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {
     hover?: boolean;
 }
-export declare const Logo: ({ hover, ...props }: LogoProps) => JSX.Element;
+export declare const Logo: ({ hover, ...props }: LogoProps) => jsx.JSX.Element;

package/src/Identity/Logo.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _SVGIcon = require("../Icon/SVGIcon");
 
@@ -45,7 +45,7 @@ var logoStyle = function logoStyle(theme, _ref) {
 var Logo = function Logo(_ref2) {
   var hover = _ref2.hover,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _core.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
     realWidth: 57,
     realHeight: 18,
     css: function css(theme) {
@@ -53,7 +53,7 @@ var Logo = function Logo(_ref2) {
         hover: hover
       }, props));
     }
-  }, props), (0, _core.jsx)("path", {
+  }, props), (0, _react.jsx)("path", {
     d: "M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z"
   }));
 };

package/src/Identity/Logo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Logo.tsx"],"names":["logoStyle","theme","hover","color","general","fill","COLOR","shade","undefined","path","transition","defaultTransition","Logo","props"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AAEA;;;;;;;;AAMA,IAAMA,SAA8D,GAAG,SAAjEA,SAAiE,CACrEC,KADqE;AAAA,MAEpEC,KAFoE,QAEpEA,KAFoE;AAAA,wBAE7DC,KAF6D;AAAA,MAE7DA,KAF6D,2BAErDF,KAAK,CAACG,OAAN,CAAcD,KAFuC;AAAA,SAGjE;AACJ,oBAAgB;AACdE,MAAAA,IAAI,EAAEH,KAAK,GAAGI,cAAMC,KAAN,CAAYJ,KAAZ,EAAmB,IAAnB,CAAH,GAA8BK;AAD3B,KADZ;AAIJC,IAAAA,IAAI,EAAE;AACJJ,MAAAA,IAAI,EAAEF,KADF;AAEJO,MAAAA,UAAU,EAAEC;AAFR;AAJF,GAHiE;AAAA,CAAvE;;AAaO,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAEV,KAAF,SAAEA,KAAF;AAAA,MAAYW,KAAZ;AAAA,SAClB,eAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE,EAApC;AAAwC,IAAA,GAAG,EAAE,aAAAZ,KAAK;AAAA,aAAID,SAAS,CAACC,KAAD;AAASC,QAAAA,KAAK,EAALA;AAAT,SAAmBW,KAAnB,EAAb;AAAA;AAAlD,KAA+FA,KAA/F,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\n\nimport {SVGIcon, SVGIconProps} from '../Icon/SVGIcon';\nimport {defaultTransition} from '../Identity/motions';\nimport type {Theme} from '../Layout';\nimport {COLOR} from './colors';\n\nexport interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {\n  hover?: boolean;\n}\n\nconst logoStyle: <T>(theme: Theme, props: LogoProps<T>) => CSSObject = (\n  theme,\n  {hover, color = theme.general.color},\n) => ({\n  '&:hover path': {\n    fill: hover ? COLOR.shade(color, 0.06) : undefined,\n  },\n  path: {\n    fill: color,\n    transition: defaultTransition,\n  },\n});\n\nexport const Logo = ({hover, ...props}: LogoProps) => (\n  <SVGIcon realWidth={57} realHeight={18} css={theme => logoStyle(theme, {hover, ...props})} {...props}>\n    <path d=\"M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z\" />\n  </SVGIcon>\n);\n"],"file":"Logo.js"}
+{"version":3,"sources":["Logo.tsx"],"names":["logoStyle","theme","hover","color","general","fill","COLOR","shade","undefined","path","transition","defaultTransition","Logo","props"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AAEA;;;;;;;;AAMA,IAAMA,SAA8D,GAAG,SAAjEA,SAAiE,CACrEC,KADqE;AAAA,MAEpEC,KAFoE,QAEpEA,KAFoE;AAAA,wBAE7DC,KAF6D;AAAA,MAE7DA,KAF6D,2BAErDF,KAAK,CAACG,OAAN,CAAcD,KAFuC;AAAA,SAGjE;AACJ,oBAAgB;AACdE,MAAAA,IAAI,EAAEH,KAAK,GAAGI,cAAMC,KAAN,CAAYJ,KAAZ,EAAmB,IAAnB,CAAH,GAA8BK;AAD3B,KADZ;AAIJC,IAAAA,IAAI,EAAE;AACJJ,MAAAA,IAAI,EAAEF,KADF;AAEJO,MAAAA,UAAU,EAAEC;AAFR;AAJF,GAHiE;AAAA,CAAvE;;AAaO,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAEV,KAAF,SAAEA,KAAF;AAAA,MAAYW,KAAZ;AAAA,SAClB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE,EAApC;AAAwC,IAAA,GAAG,EAAE,aAACZ,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD;AAASC,QAAAA,KAAK,EAALA;AAAT,SAAmBW,KAAnB,EAA3B;AAAA;AAA7C,KAAwGA,KAAxG,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from '../Icon/SVGIcon';\nimport {defaultTransition} from '../Identity/motions';\nimport type {Theme} from '../Layout';\nimport {COLOR} from './colors';\n\nexport interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {\n  hover?: boolean;\n}\n\nconst logoStyle: <T>(theme: Theme, props: LogoProps<T>) => CSSObject = (\n  theme,\n  {hover, color = theme.general.color},\n) => ({\n  '&:hover path': {\n    fill: hover ? COLOR.shade(color, 0.06) : undefined,\n  },\n  path: {\n    fill: color,\n    transition: defaultTransition,\n  },\n});\n\nexport const Logo = ({hover, ...props}: LogoProps) => (\n  <SVGIcon realWidth={57} realHeight={18} css={(theme: Theme) => logoStyle(theme, {hover, ...props})} {...props}>\n    <path d=\"M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z\" />\n  </SVGIcon>\n);\n"],"file":"Logo.js"}

package/src/Identity/colors.md

@@ -1,6 +1,6 @@
 ```js
 /** @jsx jsx */
-import {jsx} from '@emotion/core';
+import {jsx} from '@emotion/react';
 import {COLOR, Container, H1, H2, Line} from '@wireapp/react-ui-kit';
 import Color from 'color';
 

package/src/Identity/motions.js

@@ -9,7 +9,7 @@ exports.defaultTransition = exports.ANIMATION = exports.EASE = exports.DURATION
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
@@ -37,11 +37,11 @@ var EASE = {
 };
 exports.EASE = EASE;
 var ANIMATION = {
-  bottomUpMovement: (0, _core.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
-  fadeIn: (0, _core.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  "]))),
-  rotate: (0, _core.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  "]))),
-  topDownMovement: (0, _core.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
-  topDownMovementLight: (0, _core.keyframes)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "])))
+  bottomUpMovement: (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
+  fadeIn: (0, _react.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  "]))),
+  rotate: (0, _react.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  "]))),
+  topDownMovement: (0, _react.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
+  topDownMovementLight: (0, _react.keyframes)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "])))
 };
 exports.ANIMATION = ANIMATION;
 var defaultTransition = 'all 0.24s';

package/src/Identity/motions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["motions.ts"],"names":["DURATION","DEFAULT","EXTRA_LONG","PROACTIVE_FAST","PROACTIVE_SLOW","SYSTEM","EASE","EXPONENTIAL","QUART","ANIMATION","bottomUpMovement","keyframes","fadeIn","rotate","topDownMovement","topDownMovementLight","defaultTransition"],"mappings":";;;;;;;;;;;AAmBA;;;;AAEA;;AAEA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,OAAO,EAAE,GADa;AAEtBC,EAAAA,UAAU,EAAE,IAFU;AAGtBC,EAAAA,cAAc,EAAE,GAHM;AAItBC,EAAAA,cAAc,EAAE,GAJM;AAKtBC,EAAAA,MAAM,EAAE;AALc,CAAjB;AAQP;AACA;AACA;AACA;;;AACO,IAAMC,IAAI,GAAG;AAClBC,EAAAA,WAAW,EAAE,gCADK;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAAb;;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,gBAAgB,MAAEC,eAAF,oMADO;AASvBC,EAAAA,MAAM,MAAED,eAAF,uKATiB;AAiBvBE,EAAAA,MAAM,MAAEF,eAAF,gMAjBiB;AAyBvBG,EAAAA,eAAe,MAAEH,eAAF,uMAzBQ;AAiCvBI,EAAAA,oBAAoB,MAAEJ,eAAF;AAjCG,CAAlB;;AA2CA,IAAMK,iBAAiB,GAAG,WAA1B","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {keyframes} from '@emotion/core';\n\n// https://motion.wire.com/_guidelines_/rules.html\n\n/**\n * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.\n */\nexport const DURATION = {\n  DEFAULT: 550,\n  EXTRA_LONG: 2400,\n  PROACTIVE_FAST: 150,\n  PROACTIVE_SLOW: 350,\n  SYSTEM: 700,\n};\n\n/**\n * The rule of thumb is using Quart Out when animating only the object's opacity,\n * otherwise use Expo Out ease.\n */\nexport const EASE = {\n  EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n};\n\nexport const ANIMATION = {\n  bottomUpMovement: keyframes`\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  fadeIn: keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `,\n  rotate: keyframes`\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  `,\n  topDownMovement: keyframes`\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  topDownMovementLight: keyframes`\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n};\n\nexport const defaultTransition = 'all 0.24s';\n"],"file":"motions.js"}
+{"version":3,"sources":["motions.ts"],"names":["DURATION","DEFAULT","EXTRA_LONG","PROACTIVE_FAST","PROACTIVE_SLOW","SYSTEM","EASE","EXPONENTIAL","QUART","ANIMATION","bottomUpMovement","keyframes","fadeIn","rotate","topDownMovement","topDownMovementLight","defaultTransition"],"mappings":";;;;;;;;;;;AAmBA;;;;AAEA;;AAEA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,OAAO,EAAE,GADa;AAEtBC,EAAAA,UAAU,EAAE,IAFU;AAGtBC,EAAAA,cAAc,EAAE,GAHM;AAItBC,EAAAA,cAAc,EAAE,GAJM;AAKtBC,EAAAA,MAAM,EAAE;AALc,CAAjB;AAQP;AACA;AACA;AACA;;;AACO,IAAMC,IAAI,GAAG;AAClBC,EAAAA,WAAW,EAAE,gCADK;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAAb;;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,gBAAgB,MAAEC,gBAAF,oMADO;AASvBC,EAAAA,MAAM,MAAED,gBAAF,uKATiB;AAiBvBE,EAAAA,MAAM,MAAEF,gBAAF,gMAjBiB;AAyBvBG,EAAAA,eAAe,MAAEH,gBAAF,uMAzBQ;AAiCvBI,EAAAA,oBAAoB,MAAEJ,gBAAF;AAjCG,CAAlB;;AA2CA,IAAMK,iBAAiB,GAAG,WAA1B","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {keyframes} from '@emotion/react';\n\n// https://motion.wire.com/_guidelines_/rules.html\n\n/**\n * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.\n */\nexport const DURATION = {\n  DEFAULT: 550,\n  EXTRA_LONG: 2400,\n  PROACTIVE_FAST: 150,\n  PROACTIVE_SLOW: 350,\n  SYSTEM: 700,\n};\n\n/**\n * The rule of thumb is using Quart Out when animating only the object's opacity,\n * otherwise use Expo Out ease.\n */\nexport const EASE = {\n  EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n};\n\nexport const ANIMATION = {\n  bottomUpMovement: keyframes`\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  fadeIn: keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `,\n  rotate: keyframes`\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  `,\n  topDownMovement: keyframes`\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  topDownMovementLight: keyframes`\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n};\n\nexport const defaultTransition = 'all 0.24s';\n"],"file":"motions.js"}

package/src/Layout/Box.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { CSSObject } from '@emotion/core';
+import { CSSObject, jsx } from '@emotion/react';
 import React from 'react';
 export declare type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;
 export declare const boxStyle: <T>(props: BoxProps<T>) => CSSObject;
-export declare const Box: (props: BoxProps<HTMLDivElement>) => JSX.Element;
+export declare const Box: (props: BoxProps<HTMLDivElement>) => jsx.JSX.Element;

package/src/Layout/Box.js

@@ -9,9 +9,9 @@ exports.Box = exports.boxStyle = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -46,7 +46,7 @@ var boxStyle = function boxStyle(props) {
 exports.boxStyle = boxStyle;
 
 var Box = function Box(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: boxStyle(props)
   }, props));
 };

package/src/Layout/Box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Box.tsx"],"names":["boxStyle","props","border","COLOR","GRAY_LIGHTEN_72","borderRadius","padding","Box"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAQO,IAAMA,QAA8C,GAAG,SAAjDA,QAAiD,CAAAC,KAAK;AAAA,SAAK;AACtEC,IAAAA,MAAM,sBAAeC,gBAAMC,eAArB,CADgE;AAEtEC,IAAAA,YAAY,EAAE,KAFwD;AAGtEC,IAAAA,OAAO,EAAE;AAH6D,GAAL;AAAA,CAA5D;;;;AAMA,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACN,KAAD;AAAA,SAAqB;AAAK,IAAA,GAAG,EAAED,QAAQ,CAACC,KAAD;AAAlB,KAA+BA,KAA/B,EAArB;AAAA,CAAZ","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\n\nexport type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const boxStyle: <T>(props: BoxProps<T>) => CSSObject = props => ({\n  border: `2px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  borderRadius: '8px',\n  padding: '16px 32px',\n});\n\nexport const Box = (props: BoxProps) => <div css={boxStyle(props)} {...props} />;\n"],"file":"Box.js"}
+{"version":3,"sources":["Box.tsx"],"names":["boxStyle","props","border","COLOR","GRAY_LIGHTEN_72","borderRadius","padding","Box"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAQO,IAAMA,QAA8C,GAAG,SAAjDA,QAAiD,CAAAC,KAAK;AAAA,SAAK;AACtEC,IAAAA,MAAM,sBAAeC,gBAAMC,eAArB,CADgE;AAEtEC,IAAAA,YAAY,EAAE,KAFwD;AAGtEC,IAAAA,OAAO,EAAE;AAH6D,GAAL;AAAA,CAA5D;;;;AAMA,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACN,KAAD;AAAA,SAAqB;AAAK,IAAA,GAAG,EAAED,QAAQ,CAACC,KAAD;AAAlB,KAA+BA,KAA/B,EAArB;AAAA,CAAZ","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\n\nexport type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const boxStyle: <T>(props: BoxProps<T>) => CSSObject = props => ({\n  border: `2px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  borderRadius: '8px',\n  padding: '16px 32px',\n});\n\nexport const Box = (props: BoxProps) => <div css={boxStyle(props)} {...props} />;\n"],"file":"Box.js"}

package/src/Layout/Column.d.ts

@@ -1,10 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { QueryKeys } from '../mediaQueries';
 export interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     query?: QueryKeys;
 }
 export declare const filterColumnsProps: (props: ColumnsProps) => Object;
-export declare const Columns: (props: ColumnsProps) => JSX.Element;
+export declare const Columns: (props: ColumnsProps) => jsx.JSX.Element;
 export declare type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const Column: (props: ColumnProps<HTMLDivElement>) => JSX.Element;
+export declare const Column: (props: ColumnProps<HTMLDivElement>) => jsx.JSX.Element;

package/src/Layout/Column.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _mediaQueries = require("../mediaQueries");
 
@@ -59,7 +59,7 @@ var columnsStyle = function columnsStyle(_ref) {
 };
 
 var Columns = function Columns(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", (0, _extends2["default"])({
     css: columnsStyle(props)
   }, filterColumnsProps(props)));
 };
@@ -77,7 +77,7 @@ var columnStyle = function columnStyle(props) {
 };
 
 var Column = function Column(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", (0, _extends2["default"])({
     css: columnStyle(props)
   }, props));
 };

package/src/Layout/Column.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Column.tsx"],"names":["filterColumnsProps","props","columnsStyle","query","QueryKeys","MOBILE","display","marginLeft","GUTTER","media","flexDirection","Columns","columnStyle","flexBasis","flexGrow","flexShrink","Column"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AAzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAYO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAyB;AACzD,SAAO,uBAAYA,KAAZ,EAAmB,CAAC,OAAD,CAAnB,CAAP;AACD,CAFM;;;;AAIP,IAAMC,YAAsD,GAAG,SAAzDA,YAAyD;AAAA,wBAAEC,KAAF;AAAA,MAAEA,KAAF,2BAAUC,wBAAUC,MAApB;AAAA;AAC7DC,IAAAA,OAAO,EAAE,MADoD;AAE7DC,IAAAA,UAAU,aAAMC,aAAN;AAFmD,KAG5DC,oBAAMN,KAAN,CAH4D,EAG7C;AAACO,IAAAA,aAAa,EAAE;AAAhB,GAH6C;AAAA,CAA/D;;AAMO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACV,KAAD;AAAA,SAAyB;AAAK,IAAA,GAAG,EAAEC,YAAY,CAACD,KAAD;AAAtB,KAAmCD,kBAAkB,CAACC,KAAD,CAArD,EAAzB;AAAA,CAAhB;;;;AAIP,IAAMW,WAAoD,GAAG,SAAvDA,WAAuD,CAAAX,KAAK;AAAA,SAAK;AACrEK,IAAAA,OAAO,EAAE,OAD4D;AAErEO,IAAAA,SAAS,EAAE,GAF0D;AAGrEC,IAAAA,QAAQ,EAAE,CAH2D;AAIrEC,IAAAA,UAAU,EAAE,CAJyD;AAKrER,IAAAA,UAAU,YAAKC,aAAL;AAL2D,GAAL;AAAA,CAAlE;;AAQO,IAAMQ,MAAM,GAAG,SAATA,MAAS,CAACf,KAAD;AAAA,SAAwB;AAAK,IAAA,GAAG,EAAEW,WAAW,CAACX,KAAD;AAArB,KAAkCA,KAAlC,EAAxB;AAAA,CAAf","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/core';\n\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps} from '../util';\nimport {GUTTER} from './sizes';\n\nexport interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  query?: QueryKeys;\n}\n\nexport const filterColumnsProps = (props: ColumnsProps) => {\n  return filterProps(props, ['query']);\n};\n\nconst columnsStyle: <T>(props: ColumnsProps<T>) => CSSObject = ({query = QueryKeys.MOBILE}) => ({\n  display: 'flex',\n  marginLeft: `-${GUTTER}px`,\n  [media[query]]: {flexDirection: 'column'},\n});\n\nexport const Columns = (props: ColumnsProps) => <div css={columnsStyle(props)} {...filterColumnsProps(props)} />;\n\nexport type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst columnStyle: <T>(props: ColumnProps<T>) => CSSObject = props => ({\n  display: 'block',\n  flexBasis: '0',\n  flexGrow: 1,\n  flexShrink: 1,\n  marginLeft: `${GUTTER}px`,\n});\n\nexport const Column = (props: ColumnProps) => <div css={columnStyle(props)} {...props} />;\n"],"file":"Column.js"}
+{"version":3,"sources":["Column.tsx"],"names":["filterColumnsProps","props","columnsStyle","query","QueryKeys","MOBILE","display","marginLeft","GUTTER","media","flexDirection","Columns","columnStyle","flexBasis","flexGrow","flexShrink","Column"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AAzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAYO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAyB;AACzD,SAAO,uBAAYA,KAAZ,EAAmB,CAAC,OAAD,CAAnB,CAAP;AACD,CAFM;;;;AAIP,IAAMC,YAAsD,GAAG,SAAzDA,YAAyD;AAAA,wBAAEC,KAAF;AAAA,MAAEA,KAAF,2BAAUC,wBAAUC,MAApB;AAAA;AAC7DC,IAAAA,OAAO,EAAE,MADoD;AAE7DC,IAAAA,UAAU,aAAMC,aAAN;AAFmD,KAG5DC,oBAAMN,KAAN,CAH4D,EAG7C;AAACO,IAAAA,aAAa,EAAE;AAAhB,GAH6C;AAAA,CAA/D;;AAMO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACV,KAAD;AAAA,SAAyB;AAAK,IAAA,GAAG,EAAEC,YAAY,CAACD,KAAD;AAAtB,KAAmCD,kBAAkB,CAACC,KAAD,CAArD,EAAzB;AAAA,CAAhB;;;;AAIP,IAAMW,WAAoD,GAAG,SAAvDA,WAAuD,CAAAX,KAAK;AAAA,SAAK;AACrEK,IAAAA,OAAO,EAAE,OAD4D;AAErEO,IAAAA,SAAS,EAAE,GAF0D;AAGrEC,IAAAA,QAAQ,EAAE,CAH2D;AAIrEC,IAAAA,UAAU,EAAE,CAJyD;AAKrER,IAAAA,UAAU,YAAKC,aAAL;AAL2D,GAAL;AAAA,CAAlE;;AAQO,IAAMQ,MAAM,GAAG,SAATA,MAAS,CAACf,KAAD;AAAA,SAAwB;AAAK,IAAA,GAAG,EAAEW,WAAW,CAACX,KAAD;AAArB,KAAkCA,KAAlC,EAAxB;AAAA,CAAf","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps} from '../util';\nimport {GUTTER} from './sizes';\n\nexport interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  query?: QueryKeys;\n}\n\nexport const filterColumnsProps = (props: ColumnsProps) => {\n  return filterProps(props, ['query']);\n};\n\nconst columnsStyle: <T>(props: ColumnsProps<T>) => CSSObject = ({query = QueryKeys.MOBILE}) => ({\n  display: 'flex',\n  marginLeft: `-${GUTTER}px`,\n  [media[query]]: {flexDirection: 'column'},\n});\n\nexport const Columns = (props: ColumnsProps) => <div css={columnsStyle(props)} {...filterColumnsProps(props)} />;\n\nexport type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst columnStyle: <T>(props: ColumnProps<T>) => CSSObject = props => ({\n  display: 'block',\n  flexBasis: '0',\n  flexGrow: 1,\n  flexShrink: 1,\n  marginLeft: `${GUTTER}px`,\n});\n\nexport const Column = (props: ColumnProps) => <div css={columnStyle(props)} {...props} />;\n"],"file":"Column.js"}

package/src/Layout/Container.d.ts

@@ -13,8 +13,8 @@ export interface Level {
 }
 export declare const Container: React.FC<ContainerProps>;
 export declare type LevelContainerProps = Omit<ContainerProps, 'level'>;
-export declare const ContainerLG: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ContainerMD: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ContainerSM: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ContainerXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ContainerXXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContainerLG: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContainerMD: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContainerSM: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContainerXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContainerXXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;