@prom-ui/core 1.8.0-alpha.0 → 1.9.0

package/Avatar/cjs/index.development.js

@@ -120,10 +120,11 @@ function stringAvatar(name) {
   }).join('');
 }
 
-var css = {"root":"Avatar__root___ap8QD","image":"Avatar__image___52SeG","text":"Avatar__text___-Fg0p","icon":"Avatar__icon___-JCN2","theme_white":"Avatar__theme_white___VDWp7","theme_black-100":"Avatar__theme_black-100___AQ1tT","theme_violet-300":"Avatar__theme_violet-300___yK-3d","theme_yellow-500":"Avatar__theme_yellow-500___O2My9","theme_multicolor":"Avatar__theme_multicolor___xV5U3"};
+var css = {"root":"Avatar__root___ap8QD","image":"Avatar__image___52SeG","text":"Avatar__text___-Fg0p","icon":"Avatar__icon___-JCN2","theme_white":"Avatar__theme_white___VDWp7","theme_black-100":"Avatar__theme_black-100___AQ1tT","theme_violet-300":"Avatar__theme_violet-300___yK-3d","theme_yellow-500":"Avatar__theme_yellow-500___O2My9","theme_multicolor":"Avatar__theme_multicolor___xV5U3","objectFit_fill":"Avatar__objectFit_fill___MyUzF","objectFit_contain":"Avatar__objectFit_contain___Us7n4","objectFit_cover":"Avatar__objectFit_cover___fwC58","objectFit_scale-down":"Avatar__objectFit_scale-down___s0abY","objectFit_none":"Avatar__objectFit_none___uABHG"};
 
-var _excluded = ["image", "name", "size", "loading", "theme", "className"];
+var _excluded = ["image", "name", "size", "loading", "theme", "objectFit", "className"];
 var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var _classNames;
   var image = _ref.image,
     name = _ref.name,
     _ref$size = _ref.size,
@@ -132,6 +133,8 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     loading = _ref$loading === void 0 ? 'eager' : _ref$loading,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'violet-300' : _ref$theme,
+    _ref$objectFit = _ref.objectFit,
+    objectFit = _ref$objectFit === void 0 ? 'cover' : _ref$objectFit,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var isImage = !!image;
@@ -145,7 +148,9 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     shortName = stringAvatar(trimName);
   }
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    className: classNames__default.default(css.root, className, _defineProperty({}, css["theme_".concat(theme)], !isImage))
+    className: classNames__default.default(css.root, className, (_classNames = {}, _defineProperty(_classNames, css["theme_".concat(theme)], !isImage), _defineProperty(_classNames, css["objectFit_".concat(objectFit)], true), _classNames)),
+    "data-qaid": "avatar",
+    "data-testid": "avatar"
   }, props, {
     style: {
       background: bgColor,
@@ -160,12 +165,18 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     alt: name,
     width: size,
     height: size,
-    loading: loading
+    loading: loading,
+    "data-qaid": "avatar_image",
+    "data-testid": "avatar_image"
   }) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, !!shortName ? /*#__PURE__*/React__namespace.createElement("span", {
-    className: css.text
+    className: css.text,
+    "data-qaid": "avatar_short_name",
+    "data-testid": "avatar_short_name"
   }, shortName) : /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
     className: css.icon,
-    "icon-as": User.SvgUser
+    "icon-as": User.SvgUser,
+    "data-qaid": "avatar_user_icon",
+    "data-testid": "avatar_user_icon"
   })));
 });
 Avatar.displayName = 'Avatar';

package/Avatar/cjs/index.development.v2.js

@@ -120,10 +120,11 @@ function stringAvatar(name) {
   }).join('');
 }
 
-var css = {"root":"Avatar__root___G2c2y","image":"Avatar__image___A7F5c","text":"Avatar__text___ZWoLT","icon":"Avatar__icon___sQ5M9","theme_white":"Avatar__theme_white___alKXP","theme_black-100":"Avatar__theme_black-100___mN0Ch","theme_violet-300":"Avatar__theme_violet-300___MEUSj","theme_yellow-500":"Avatar__theme_yellow-500___lfsbh","theme_multicolor":"Avatar__theme_multicolor___zMJTY"};
+var css = {"root":"Avatar__root___G2c2y","image":"Avatar__image___A7F5c","text":"Avatar__text___ZWoLT","icon":"Avatar__icon___sQ5M9","theme_white":"Avatar__theme_white___alKXP","theme_black-100":"Avatar__theme_black-100___mN0Ch","theme_violet-300":"Avatar__theme_violet-300___MEUSj","theme_yellow-500":"Avatar__theme_yellow-500___lfsbh","theme_multicolor":"Avatar__theme_multicolor___zMJTY","objectFit_fill":"Avatar__objectFit_fill___SpfXf","objectFit_contain":"Avatar__objectFit_contain___XuTkK","objectFit_cover":"Avatar__objectFit_cover___aNZ54","objectFit_scale-down":"Avatar__objectFit_scale-down___FacDj","objectFit_none":"Avatar__objectFit_none___maThn"};
 
-var _excluded = ["image", "name", "size", "loading", "theme", "className"];
+var _excluded = ["image", "name", "size", "loading", "theme", "objectFit", "className"];
 var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var _classNames;
   var image = _ref.image,
     name = _ref.name,
     _ref$size = _ref.size,
@@ -132,6 +133,8 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     loading = _ref$loading === void 0 ? 'eager' : _ref$loading,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'violet-300' : _ref$theme,
+    _ref$objectFit = _ref.objectFit,
+    objectFit = _ref$objectFit === void 0 ? 'cover' : _ref$objectFit,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var isImage = !!image;
@@ -145,7 +148,9 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     shortName = stringAvatar(trimName);
   }
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    className: classNames__default.default(css.root, className, _defineProperty({}, css["theme_".concat(theme)], !isImage))
+    className: classNames__default.default(css.root, className, (_classNames = {}, _defineProperty(_classNames, css["theme_".concat(theme)], !isImage), _defineProperty(_classNames, css["objectFit_".concat(objectFit)], true), _classNames)),
+    "data-qaid": "avatar",
+    "data-testid": "avatar"
   }, props, {
     style: {
       background: bgColor,
@@ -160,12 +165,18 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     alt: name,
     width: size,
     height: size,
-    loading: loading
+    loading: loading,
+    "data-qaid": "avatar_image",
+    "data-testid": "avatar_image"
   }) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, !!shortName ? /*#__PURE__*/React__namespace.createElement("span", {
-    className: css.text
+    className: css.text,
+    "data-qaid": "avatar_short_name",
+    "data-testid": "avatar_short_name"
   }, shortName) : /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
     className: css.icon,
-    "icon-as": User.SvgUser
+    "icon-as": User.SvgUser,
+    "data-qaid": "avatar_user_icon",
+    "data-testid": "avatar_user_icon"
   })));
 });
 Avatar.displayName = 'Avatar';

package/Avatar/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Icon"),n=require("@prom-ui/icons/User");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(e),c=i(t);function l(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function f(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var s={root:"ap8QD",image:"_52SeG",text:"-Fg0p",icon:"-JCN2",theme_white:"VDWp7","theme_black-100":"AQ1tT","theme_violet-300":"yK-3d","theme_yellow-500":"O2My9",theme_multicolor:"xV5U3"},m=["image","name","size","loading","theme","className"],p=a.forwardRef((function(e,t){var i=e.image,o=e.name,p=e.size,v=void 0===p?40:p,g=e.loading,b=void 0===g?"eager":g,d=e.theme,y=void 0===d?"violet-300":d,h=e.className,O=f(e,m),j=!!i,w=void 0,N=null;if(!j){var P=o?o.trim():"";"multicolor"===y&&(w=function(e){var t,r=0;for(t=0;t<e.length;t+=1)r=e.charCodeAt(t)+((r<<5)-r);var n="#";for(t=0;t<3;t+=1)n+="00".concat((r>>8*t&255).toString(16)).slice(-2);return n}(P)),N=function(e){return e.split(" ").slice(0,2).map((function(e){return e[0]})).join("")}(P)}return a.createElement("div",u({className:c.default(s.root,h,l({},s["theme_".concat(y)],!j))},O,{style:{background:w,width:v,height:v,fontSize:v/2.2},ref:t}),j?a.createElement("img",{className:s.image,src:i,alt:o,width:v,height:v,loading:b}):a.createElement(a.Fragment,null,N?a.createElement("span",{className:s.text},N):a.createElement(r.Icon,{className:s.icon,"icon-as":n.SvgUser})))}));p.displayName="Avatar",exports.Avatar=p,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Icon"),a=require("@prom-ui/icons/User");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=n(e),c=i(t);function l(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},u.apply(this,arguments)}function s(e,t){if(null==e)return{};var r,a,i=function(e,t){if(null==e)return{};var r,a,i={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var f={root:"ap8QD",image:"_52SeG",text:"-Fg0p",icon:"-JCN2",theme_white:"VDWp7","theme_black-100":"AQ1tT","theme_violet-300":"yK-3d","theme_yellow-500":"O2My9",theme_multicolor:"xV5U3",objectFit_fill:"MyUzF",objectFit_contain:"Us7n4",objectFit_cover:"fwC58","objectFit_scale-down":"s0abY",objectFit_none:"uABHG"},m=["image","name","size","loading","theme","objectFit","className"],d=o.forwardRef((function(e,t){var i,n=e.image,d=e.name,v=e.size,b=void 0===v?40:v,p=e.loading,g=void 0===p?"eager":p,y=e.theme,j=void 0===y?"violet-300":y,h=e.objectFit,_=void 0===h?"cover":h,O=e.className,w=s(e,m),F=!!n,q=void 0,N=null;if(!F){var P=d?d.trim():"";"multicolor"===j&&(q=function(e){var t,r=0;for(t=0;t<e.length;t+=1)r=e.charCodeAt(t)+((r<<5)-r);var a="#";for(t=0;t<3;t+=1)a+="00".concat((r>>8*t&255).toString(16)).slice(-2);return a}(P)),N=function(e){return e.split(" ").slice(0,2).map((function(e){return e[0]})).join("")}(P)}return o.createElement("div",u({className:c.default(f.root,O,(i={},l(i,f["theme_".concat(j)],!F),l(i,f["objectFit_".concat(_)],!0),i)),"data-qaid":"avatar","data-testid":"avatar"},w,{style:{background:q,width:b,height:b,fontSize:b/2.2},ref:t}),F?o.createElement("img",{className:f.image,src:n,alt:d,width:b,height:b,loading:g,"data-qaid":"avatar_image","data-testid":"avatar_image"}):o.createElement(o.Fragment,null,N?o.createElement("span",{className:f.text,"data-qaid":"avatar_short_name","data-testid":"avatar_short_name"},N):o.createElement(r.Icon,{className:f.icon,"icon-as":a.SvgUser,"data-qaid":"avatar_user_icon","data-testid":"avatar_user_icon"})))}));d.displayName="Avatar",exports.Avatar=d,require("./style.production.css");

package/Avatar/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Icon"),n=require("@prom-ui/icons/User");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(e),c=i(t);function l(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function f(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var s={root:"G2c2y",image:"A7F5c",text:"ZWoLT",icon:"sQ5M9",theme_white:"alKXP","theme_black-100":"mN0Ch","theme_violet-300":"MEUSj","theme_yellow-500":"lfsbh",theme_multicolor:"zMJTY"},m=["image","name","size","loading","theme","className"],v=a.forwardRef((function(e,t){var i=e.image,o=e.name,v=e.size,b=void 0===v?40:v,p=e.loading,g=void 0===p?"eager":p,d=e.theme,y=void 0===d?"violet-300":d,h=e.className,j=f(e,m),O=!!i,w=void 0,P=null;if(!O){var E=o?o.trim():"";"multicolor"===y&&(w=function(e){var t,r=0;for(t=0;t<e.length;t+=1)r=e.charCodeAt(t)+((r<<5)-r);var n="#";for(t=0;t<3;t+=1)n+="00".concat((r>>8*t&255).toString(16)).slice(-2);return n}(E)),P=function(e){return e.split(" ").slice(0,2).map((function(e){return e[0]})).join("")}(E)}return a.createElement("div",u({className:c.default(s.root,h,l({},s["theme_".concat(y)],!O))},j,{style:{background:w,width:b,height:b,fontSize:b/2.2},ref:t}),O?a.createElement("img",{className:s.image,src:i,alt:o,width:b,height:b,loading:g}):a.createElement(a.Fragment,null,P?a.createElement("span",{className:s.text},P):a.createElement(r.Icon,{className:s.icon,"icon-as":n.SvgUser})))}));v.displayName="Avatar",exports.Avatar=v,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Icon"),a=require("@prom-ui/icons/User");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=n(e),c=i(t);function l(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},u.apply(this,arguments)}function s(e,t){if(null==e)return{};var r,a,i=function(e,t){if(null==e)return{};var r,a,i={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var f={root:"G2c2y",image:"A7F5c",text:"ZWoLT",icon:"sQ5M9",theme_white:"alKXP","theme_black-100":"mN0Ch","theme_violet-300":"MEUSj","theme_yellow-500":"lfsbh",theme_multicolor:"zMJTY",objectFit_fill:"SpfXf",objectFit_contain:"XuTkK",objectFit_cover:"aNZ54","objectFit_scale-down":"FacDj",objectFit_none:"maThn"},m=["image","name","size","loading","theme","objectFit","className"],d=o.forwardRef((function(e,t){var i,n=e.image,d=e.name,v=e.size,b=void 0===v?40:v,g=e.loading,p=void 0===g?"eager":g,h=e.theme,j=void 0===h?"violet-300":h,y=e.objectFit,_=void 0===y?"cover":y,O=e.className,w=s(e,m),F=!!n,N=void 0,P=null;if(!F){var S=d?d.trim():"";"multicolor"===j&&(N=function(e){var t,r=0;for(t=0;t<e.length;t+=1)r=e.charCodeAt(t)+((r<<5)-r);var a="#";for(t=0;t<3;t+=1)a+="00".concat((r>>8*t&255).toString(16)).slice(-2);return a}(S)),P=function(e){return e.split(" ").slice(0,2).map((function(e){return e[0]})).join("")}(S)}return o.createElement("div",u({className:c.default(f.root,O,(i={},l(i,f["theme_".concat(j)],!F),l(i,f["objectFit_".concat(_)],!0),i)),"data-qaid":"avatar","data-testid":"avatar"},w,{style:{background:N,width:b,height:b,fontSize:b/2.2},ref:t}),F?o.createElement("img",{className:f.image,src:n,alt:d,width:b,height:b,loading:p,"data-qaid":"avatar_image","data-testid":"avatar_image"}):o.createElement(o.Fragment,null,P?o.createElement("span",{className:f.text,"data-qaid":"avatar_short_name","data-testid":"avatar_short_name"},P):o.createElement(r.Icon,{className:f.icon,"icon-as":a.SvgUser,"data-qaid":"avatar_user_icon","data-testid":"avatar_user_icon"})))}));d.displayName="Avatar",exports.Avatar=d,require("./style.production.v2.css");

package/Avatar/cjs/style.development.css

@@ -1 +1 @@
-.Avatar__root___ap8QD{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}.Avatar__image___52SeG{display:block;font-size:0;-o-object-fit:cover;object-fit:cover;background:var(--black-100)}.Avatar__text___-Fg0p{font-size:max(8px,min(1em,14px))}.Avatar__icon___-JCN2{width:60%;height:60%;max-width:24px;max-height:24px}.Avatar__theme_white___VDWp7{background:var(--white);color:var(--black-800)}.Avatar__theme_black-100___AQ1tT{background:var(--black-100);color:var(--black-800)}.Avatar__theme_violet-300___yK-3d{background:var(--violet-300);color:var(--white)}.Avatar__theme_yellow-500___O2My9{background:var(--yellow-500);color:var(--black-900)}.Avatar__theme_multicolor___xV5U3{color:#fff}
+.Avatar__root___ap8QD{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}.Avatar__image___52SeG{display:block;font-size:0;background:var(--black-100)}.Avatar__text___-Fg0p{font-size:max(8px,min(1em,14px))}.Avatar__icon___-JCN2{width:60%;height:60%;max-width:24px;max-height:24px}.Avatar__theme_white___VDWp7{background:var(--white);color:var(--black-800)}.Avatar__theme_black-100___AQ1tT{background:var(--black-100);color:var(--black-800)}.Avatar__theme_violet-300___yK-3d{background:var(--violet-300);color:var(--white)}.Avatar__theme_yellow-500___O2My9{background:var(--yellow-500);color:var(--black-900)}.Avatar__theme_multicolor___xV5U3{color:#fff}.Avatar__objectFit_fill___MyUzF .Avatar__image___52SeG{-o-object-fit:fill;object-fit:fill}.Avatar__objectFit_contain___Us7n4 .Avatar__image___52SeG{-o-object-fit:contain;object-fit:contain}.Avatar__objectFit_cover___fwC58 .Avatar__image___52SeG{-o-object-fit:cover;object-fit:cover}.Avatar__objectFit_scale-down___s0abY .Avatar__image___52SeG{-o-object-fit:scale-down;object-fit:scale-down}.Avatar__objectFit_none___uABHG .Avatar__image___52SeG{-o-object-fit:none;object-fit:none}

package/Avatar/cjs/style.development.v2.css

@@ -1 +1 @@
-.Avatar__root___G2c2y{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}.Avatar__image___A7F5c{display:block;font-size:0;-o-object-fit:cover;object-fit:cover;background:var(--black-100)}.Avatar__text___ZWoLT{font-size:max(8px,min(1em,14px))}.Avatar__icon___sQ5M9{width:60%;height:60%;max-width:24px;max-height:24px}.Avatar__theme_white___alKXP{background:var(--white);color:var(--black-800)}.Avatar__theme_black-100___mN0Ch{background:var(--black-100);color:var(--black-800)}.Avatar__theme_violet-300___MEUSj{background:var(--violet-300);color:var(--white)}.Avatar__theme_yellow-500___lfsbh{background:var(--yellow-500);color:var(--black-900)}.Avatar__theme_multicolor___zMJTY{color:#fff}
+.Avatar__root___G2c2y{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}.Avatar__image___A7F5c{display:block;font-size:0;background:var(--black-100)}.Avatar__text___ZWoLT{font-size:max(8px,min(1em,14px))}.Avatar__icon___sQ5M9{width:60%;height:60%;max-width:24px;max-height:24px}.Avatar__theme_white___alKXP{background:var(--white);color:var(--black-800)}.Avatar__theme_black-100___mN0Ch{background:var(--black-100);color:var(--black-800)}.Avatar__theme_violet-300___MEUSj{background:var(--violet-300);color:var(--white)}.Avatar__theme_yellow-500___lfsbh{background:var(--yellow-500);color:var(--black-900)}.Avatar__theme_multicolor___zMJTY{color:#fff}.Avatar__objectFit_fill___SpfXf .Avatar__image___A7F5c{-o-object-fit:fill;object-fit:fill}.Avatar__objectFit_contain___XuTkK .Avatar__image___A7F5c{-o-object-fit:contain;object-fit:contain}.Avatar__objectFit_cover___aNZ54 .Avatar__image___A7F5c{-o-object-fit:cover;object-fit:cover}.Avatar__objectFit_scale-down___FacDj .Avatar__image___A7F5c{-o-object-fit:scale-down;object-fit:scale-down}.Avatar__objectFit_none___maThn .Avatar__image___A7F5c{-o-object-fit:none;object-fit:none}

package/Avatar/cjs/style.production.css

@@ -1 +1 @@
-.ap8QD{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}._52SeG{display:block;font-size:0;-o-object-fit:cover;object-fit:cover;background:var(--black-100)}.-Fg0p{font-size:max(8px,min(1em,14px))}.-JCN2{width:60%;height:60%;max-width:24px;max-height:24px}.VDWp7{background:var(--white);color:var(--black-800)}.AQ1tT{background:var(--black-100);color:var(--black-800)}.yK-3d{background:var(--violet-300);color:var(--white)}.O2My9{background:var(--yellow-500);color:var(--black-900)}.xV5U3{color:#fff}
+.ap8QD{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}._52SeG{display:block;font-size:0;background:var(--black-100)}.-Fg0p{font-size:max(8px,min(1em,14px))}.-JCN2{width:60%;height:60%;max-width:24px;max-height:24px}.VDWp7{background:var(--white);color:var(--black-800)}.AQ1tT{background:var(--black-100);color:var(--black-800)}.yK-3d{background:var(--violet-300);color:var(--white)}.O2My9{background:var(--yellow-500);color:var(--black-900)}.xV5U3{color:#fff}.MyUzF ._52SeG{-o-object-fit:fill;object-fit:fill}.Us7n4 ._52SeG{-o-object-fit:contain;object-fit:contain}.fwC58 ._52SeG{-o-object-fit:cover;object-fit:cover}.s0abY ._52SeG{-o-object-fit:scale-down;object-fit:scale-down}.uABHG ._52SeG{-o-object-fit:none;object-fit:none}

package/Avatar/cjs/style.production.v2.css

@@ -1 +1 @@
-.G2c2y{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}.A7F5c{display:block;font-size:0;-o-object-fit:cover;object-fit:cover;background:var(--black-100)}.ZWoLT{font-size:max(8px,min(1em,14px))}.sQ5M9{width:60%;height:60%;max-width:24px;max-height:24px}.alKXP{background:var(--white);color:var(--black-800)}.mN0Ch{background:var(--black-100);color:var(--black-800)}.MEUSj{background:var(--violet-300);color:var(--white)}.lfsbh{background:var(--yellow-500);color:var(--black-900)}.zMJTY{color:#fff}
+.G2c2y{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}.A7F5c{display:block;font-size:0;background:var(--black-100)}.ZWoLT{font-size:max(8px,min(1em,14px))}.sQ5M9{width:60%;height:60%;max-width:24px;max-height:24px}.alKXP{background:var(--white);color:var(--black-800)}.mN0Ch{background:var(--black-100);color:var(--black-800)}.MEUSj{background:var(--violet-300);color:var(--white)}.lfsbh{background:var(--yellow-500);color:var(--black-900)}.zMJTY{color:#fff}.SpfXf .A7F5c{-o-object-fit:fill;object-fit:fill}.XuTkK .A7F5c{-o-object-fit:contain;object-fit:contain}.aNZ54 .A7F5c{-o-object-fit:cover;object-fit:cover}.FacDj .A7F5c{-o-object-fit:scale-down;object-fit:scale-down}.maThn .A7F5c{-o-object-fit:none;object-fit:none}

package/Avatar/index.d.ts

@@ -10,5 +10,7 @@ export type AvatarProps = React.ComponentPropsWithRef<'div'> & {
     theme?: 'white' | 'black-100' | 'violet-300' | 'yellow-500' | 'multicolor';
     /** Отложенная загрузка изображения */
     loading?: 'lazy' | 'eager';
+    /** Определяет, как изображение должно заполнять контейнер относительно его высоты и ширины. */
+    objectFit?: 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
 };
 export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/Avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Avatar",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Backdrop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Backdrop",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Body/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Body",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyContext/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyContext",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyProvider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyProvider",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyScrollLock/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyScrollLock",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Box/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Box",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Button",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ButtonPageUp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ButtonPageUp",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Checkbox",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Flex/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Flex",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Grid",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Icon",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Image",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ImageEmoji/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ImageEmoji",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Input",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/InputField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/InputField",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/KeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/KeyPress",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Line/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Line",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Link",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/List/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/List",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Media/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Media",
-  "version": "1.8.0-alpha.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Modal/cjs/index.development.js

@@ -0,0 +1,231 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var classNames = require('classnames');
+var Backdrop = require('@prom-ui/core/Backdrop');
+var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
+var KeyPress = require('@prom-ui/core/KeyPress');
+var Portal = require('@prom-ui/core/Portal');
+var useBodyTTag = require('@prom-ui/core/useBodyTTag');
+var Close = require('@prom-ui/icons/Close');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+var css = {"root":"Modal__root___LXzJW","closeButton":"Modal__closeButton___IfZSD","rootContent":"Modal__rootContent___p62nO","enter":"Modal__enter___CYsVE","exit":"Modal__exit___-sfQK","enterActive":"Modal__enterActive___Q3lip","exitActive":"Modal__exitActive___2XLH4"};
+
+var _templateObject;
+var _excluded = ["isOpen", "isRenderPortal", "isBodyScrollLock", "isShowCloseButton", "zIndex", "width", "height", "padding", "onClose", "className", "style", "children"];
+var Modal = function Modal(_ref) {
+  var _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isRenderPortal = _ref.isRenderPortal,
+    isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
+    _ref$isBodyScrollLock = _ref.isBodyScrollLock,
+    isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? true : _ref$isBodyScrollLock,
+    _ref$isShowCloseButto = _ref.isShowCloseButton,
+    isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'auto' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 'auto' : _ref$height,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 36 : _ref$padding,
+    onClose = _ref.onClose,
+    className = _ref.className,
+    style = _ref.style,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useBodyTTag = useBodyTTag.useBodyTTag(),
+    t = _useBodyTTag.t;
+  var onClickOutside = function onClickOutside(e) {
+    if (e.target === e.currentTarget) {
+      onClose(e);
+    }
+  };
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Backdrop.Backdrop, {
+    isOpen: isOpen,
+    zIndex: zIndex,
+    isRenderPortal: isRenderPortal,
+    isBodyScrollLock: isBodyScrollLock
+  }), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
+    "in": isOpen,
+    timeout: 240,
+    classNames: css,
+    unmountOnExit: true
+  }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
+    isActive: isRenderPortal
+  }, /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
+    code: "Escape",
+    onKeyDown: onClose
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: css.root,
+    role: "dialog",
+    "aria-modal": true,
+    "aria-labelledby": undefined,
+    style: {
+      zIndex: zIndex
+    },
+    onClick: onClickOutside,
+    "data-qaid": 'modal' ,
+    "data-testid": 'modal' 
+  }, /*#__PURE__*/React__namespace.createElement("div", _extends({
+    className: classNames__default.default(css.rootContent, className),
+    style: _objectSpread2({
+      width: width,
+      height: height,
+      padding: padding
+    }, style)
+  }, props, {
+    "data-qaid": "modal_content",
+    "data-testid": "modal_content"
+  }), children, isShowCloseButton && /*#__PURE__*/React__namespace.createElement("div", {
+    className: css.closeButton
+  }, /*#__PURE__*/React__namespace.createElement(Button.Button, {
+    "button-theme": "black-inherit",
+    "button-padding": "xxs",
+    type: "button",
+    onClick: onClose,
+    "aria-label": t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
+    "data-qaid": "modal_close_button",
+    "data-testid": "modal_close_button"
+  }, /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
+    "icon-as": Close.SvgClose,
+    style: {
+      width: 24,
+      height: 24
+    }
+  }))))))));
+};
+Modal.displayName = 'Modal';
+
+exports.Modal = Modal;
+
+require('./style.development.css');