@prom-ui/core 1.8.0 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Avatar/cjs/index.development.js +17 -6
- package/Avatar/cjs/index.development.v2.js +17 -6
- package/Avatar/cjs/index.production.js +1 -1
- package/Avatar/cjs/index.production.v2.js +1 -1
- package/Avatar/cjs/style.development.css +1 -1
- package/Avatar/cjs/style.development.v2.css +1 -1
- package/Avatar/cjs/style.production.css +1 -1
- package/Avatar/cjs/style.production.v2.css +1 -1
- package/Avatar/index.d.ts +2 -0
- package/Avatar/package.json +1 -1
- package/Backdrop/package.json +1 -1
- package/Body/package.json +1 -1
- package/BodyContext/package.json +1 -1
- package/BodyProvider/package.json +1 -1
- package/BodyScrollLock/package.json +1 -1
- package/Box/package.json +1 -1
- package/Button/cjs/style.development.css +1 -1
- package/Button/cjs/style.development.v2.css +1 -1
- package/Button/cjs/style.production.css +1 -1
- package/Button/cjs/style.production.v2.css +1 -1
- package/Button/package.json +2 -2
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/package.json +1 -1
- package/Flex/package.json +1 -1
- package/Grid/package.json +1 -1
- package/Icon/package.json +2 -2
- package/Image/package.json +1 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/package.json +2 -2
- package/InputField/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Line/package.json +1 -1
- package/Link/package.json +1 -1
- package/List/package.json +1 -1
- package/Media/package.json +1 -1
- package/Modal/cjs/index.development.js +231 -0
- package/Modal/cjs/index.development.v2.js +231 -0
- package/Modal/cjs/index.production.js +1 -0
- package/Modal/cjs/index.production.v2.js +1 -0
- package/Modal/cjs/style.development.css +1 -0
- package/Modal/cjs/style.development.v2.css +1 -0
- package/Modal/cjs/style.production.css +1 -0
- package/Modal/cjs/style.production.v2.css +1 -0
- package/Modal/index.d.ts +28 -0
- package/Modal/index.js +7 -0
- package/Modal/index.v2.js +7 -0
- package/Modal/package.json +13 -0
- package/OutsideClick/package.json +1 -1
- package/Overlay/package.json +1 -1
- package/PhotoGallery/cjs/index.development.js +89 -18
- package/PhotoGallery/cjs/index.development.v2.js +89 -18
- package/PhotoGallery/cjs/index.production.js +1 -1
- package/PhotoGallery/cjs/index.production.v2.js +1 -1
- package/PhotoGallery/components/Header.d.ts +2 -0
- package/PhotoGallery/components/MainPhotos.d.ts +2 -1
- package/PhotoGallery/components/MainPhotosImage.d.ts +2 -0
- package/PhotoGallery/components/PreviewPhotos.d.ts +2 -1
- package/PhotoGallery/index.d.ts +3 -0
- package/PhotoGallery/package.json +1 -1
- package/Picture/package.json +1 -1
- package/Portal/package.json +1 -1
- package/QRCode/package.json +1 -1
- package/Rating/package.json +1 -1
- package/RatingSelect/package.json +1 -1
- package/SafeQuery/package.json +1 -1
- package/Scroll/package.json +2 -2
- package/ScrollControls/package.json +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/package.json +2 -2
- package/Spinner/package.json +2 -2
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tooltip/package.json +1 -1
- package/Tumbler/package.json +1 -1
- package/package.json +4 -4
- package/useBodyTTag/package.json +1 -1
- package/useBrowserLayoutEffect/package.json +1 -1
- package/useDebounce/package.json +1 -1
- package/useForwardRef/package.json +1 -1
- package/useId/package.json +1 -1
- package/useIsMounted/package.json +1 -1
- package/useKeyPress/package.json +1 -1
- package/useMedia/package.json +1 -1
- package/useOutsideClick/package.json +1 -1
- package/usePortal/package.json +1 -1
- package/useScrollPosition/package.json +1 -1
|
@@ -120,10 +120,11 @@ function stringAvatar(name) {
|
|
|
120
120
|
}).join('');
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
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"};
|
|
123
|
+
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"};
|
|
124
124
|
|
|
125
|
-
var _excluded = ["image", "name", "size", "loading", "theme", "className"];
|
|
125
|
+
var _excluded = ["image", "name", "size", "loading", "theme", "objectFit", "className"];
|
|
126
126
|
var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
127
|
+
var _classNames;
|
|
127
128
|
var image = _ref.image,
|
|
128
129
|
name = _ref.name,
|
|
129
130
|
_ref$size = _ref.size,
|
|
@@ -132,6 +133,8 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
132
133
|
loading = _ref$loading === void 0 ? 'eager' : _ref$loading,
|
|
133
134
|
_ref$theme = _ref.theme,
|
|
134
135
|
theme = _ref$theme === void 0 ? 'violet-300' : _ref$theme,
|
|
136
|
+
_ref$objectFit = _ref.objectFit,
|
|
137
|
+
objectFit = _ref$objectFit === void 0 ? 'cover' : _ref$objectFit,
|
|
135
138
|
className = _ref.className,
|
|
136
139
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
137
140
|
var isImage = !!image;
|
|
@@ -145,7 +148,9 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
145
148
|
shortName = stringAvatar(trimName);
|
|
146
149
|
}
|
|
147
150
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
148
|
-
className: classNames__default.default(css.root, className,
|
|
151
|
+
className: classNames__default.default(css.root, className, (_classNames = {}, _defineProperty(_classNames, css["theme_".concat(theme)], !isImage), _defineProperty(_classNames, css["objectFit_".concat(objectFit)], true), _classNames)),
|
|
152
|
+
"data-qaid": "avatar",
|
|
153
|
+
"data-testid": "avatar"
|
|
149
154
|
}, props, {
|
|
150
155
|
style: {
|
|
151
156
|
background: bgColor,
|
|
@@ -160,12 +165,18 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
160
165
|
alt: name,
|
|
161
166
|
width: size,
|
|
162
167
|
height: size,
|
|
163
|
-
loading: loading
|
|
168
|
+
loading: loading,
|
|
169
|
+
"data-qaid": "avatar_image",
|
|
170
|
+
"data-testid": "avatar_image"
|
|
164
171
|
}) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, !!shortName ? /*#__PURE__*/React__namespace.createElement("span", {
|
|
165
|
-
className: css.text
|
|
172
|
+
className: css.text,
|
|
173
|
+
"data-qaid": "avatar_short_name",
|
|
174
|
+
"data-testid": "avatar_short_name"
|
|
166
175
|
}, shortName) : /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
|
|
167
176
|
className: css.icon,
|
|
168
|
-
"icon-as": User.SvgUser
|
|
177
|
+
"icon-as": User.SvgUser,
|
|
178
|
+
"data-qaid": "avatar_user_icon",
|
|
179
|
+
"data-testid": "avatar_user_icon"
|
|
169
180
|
})));
|
|
170
181
|
});
|
|
171
182
|
Avatar.displayName = 'Avatar';
|
|
@@ -120,10 +120,11 @@ function stringAvatar(name) {
|
|
|
120
120
|
}).join('');
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
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"};
|
|
123
|
+
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"};
|
|
124
124
|
|
|
125
|
-
var _excluded = ["image", "name", "size", "loading", "theme", "className"];
|
|
125
|
+
var _excluded = ["image", "name", "size", "loading", "theme", "objectFit", "className"];
|
|
126
126
|
var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
127
|
+
var _classNames;
|
|
127
128
|
var image = _ref.image,
|
|
128
129
|
name = _ref.name,
|
|
129
130
|
_ref$size = _ref.size,
|
|
@@ -132,6 +133,8 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
132
133
|
loading = _ref$loading === void 0 ? 'eager' : _ref$loading,
|
|
133
134
|
_ref$theme = _ref.theme,
|
|
134
135
|
theme = _ref$theme === void 0 ? 'violet-300' : _ref$theme,
|
|
136
|
+
_ref$objectFit = _ref.objectFit,
|
|
137
|
+
objectFit = _ref$objectFit === void 0 ? 'cover' : _ref$objectFit,
|
|
135
138
|
className = _ref.className,
|
|
136
139
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
137
140
|
var isImage = !!image;
|
|
@@ -145,7 +148,9 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
145
148
|
shortName = stringAvatar(trimName);
|
|
146
149
|
}
|
|
147
150
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
148
|
-
className: classNames__default.default(css.root, className,
|
|
151
|
+
className: classNames__default.default(css.root, className, (_classNames = {}, _defineProperty(_classNames, css["theme_".concat(theme)], !isImage), _defineProperty(_classNames, css["objectFit_".concat(objectFit)], true), _classNames)),
|
|
152
|
+
"data-qaid": "avatar",
|
|
153
|
+
"data-testid": "avatar"
|
|
149
154
|
}, props, {
|
|
150
155
|
style: {
|
|
151
156
|
background: bgColor,
|
|
@@ -160,12 +165,18 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
160
165
|
alt: name,
|
|
161
166
|
width: size,
|
|
162
167
|
height: size,
|
|
163
|
-
loading: loading
|
|
168
|
+
loading: loading,
|
|
169
|
+
"data-qaid": "avatar_image",
|
|
170
|
+
"data-testid": "avatar_image"
|
|
164
171
|
}) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, !!shortName ? /*#__PURE__*/React__namespace.createElement("span", {
|
|
165
|
-
className: css.text
|
|
172
|
+
className: css.text,
|
|
173
|
+
"data-qaid": "avatar_short_name",
|
|
174
|
+
"data-testid": "avatar_short_name"
|
|
166
175
|
}, shortName) : /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
|
|
167
176
|
className: css.icon,
|
|
168
|
-
"icon-as": User.SvgUser
|
|
177
|
+
"icon-as": User.SvgUser,
|
|
178
|
+
"data-qaid": "avatar_user_icon",
|
|
179
|
+
"data-testid": "avatar_user_icon"
|
|
169
180
|
})));
|
|
170
181
|
});
|
|
171
182
|
Avatar.displayName = 'Avatar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Icon"),
|
|
1
|
+
"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");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Icon"),
|
|
1
|
+
"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");
|
|
@@ -1 +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
|
|
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;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}
|
|
@@ -1 +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
|
|
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;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}
|
|
@@ -1 +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
|
|
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;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}
|
|
@@ -1 +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
|
|
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;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
CHANGED
|
@@ -10,5 +10,7 @@ export type AvatarProps = React.ComponentPropsWithRef<'div'> & {
|
|
|
10
10
|
theme?: 'white' | 'black-100' | 'violet-300' | 'yellow-500' | 'multicolor';
|
|
11
11
|
/** Отложенная загрузка изображения */
|
|
12
12
|
loading?: 'lazy' | 'eager';
|
|
13
|
+
/** Определяет, как изображение должно заполнять контейнер относительно его высоты и ширины. */
|
|
14
|
+
objectFit?: 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
|
|
13
15
|
};
|
|
14
16
|
export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/Avatar/package.json
CHANGED
package/Backdrop/package.json
CHANGED
package/Body/package.json
CHANGED
package/BodyContext/package.json
CHANGED