@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
package/Button/package.json
CHANGED
package/Checkbox/package.json
CHANGED
package/Flex/package.json
CHANGED
package/Grid/package.json
CHANGED
package/Icon/package.json
CHANGED
package/Image/package.json
CHANGED
package/ImageEmoji/package.json
CHANGED
package/Input/package.json
CHANGED
package/InputField/package.json
CHANGED
package/KeyPress/package.json
CHANGED
package/Line/package.json
CHANGED
package/Link/package.json
CHANGED
package/List/package.json
CHANGED
package/Media/package.json
CHANGED
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
7
|
+
var classNames = require('classnames');
|
|
8
|
+
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
9
|
+
var Button = require('@prom-ui/core/Button');
|
|
10
|
+
var Icon = require('@prom-ui/core/Icon');
|
|
11
|
+
var KeyPress = require('@prom-ui/core/KeyPress');
|
|
12
|
+
var Portal = require('@prom-ui/core/Portal');
|
|
13
|
+
var useBodyTTag = require('@prom-ui/core/useBodyTTag');
|
|
14
|
+
var Close = require('@prom-ui/icons/Close');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
17
|
+
|
|
18
|
+
function _interopNamespaceCompat(e) {
|
|
19
|
+
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
20
|
+
var n = Object.create(null);
|
|
21
|
+
if (e) {
|
|
22
|
+
Object.keys(e).forEach(function (k) {
|
|
23
|
+
if (k !== 'default') {
|
|
24
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
25
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return e[k]; }
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
n.default = e;
|
|
33
|
+
return Object.freeze(n);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
37
|
+
var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
|
|
38
|
+
|
|
39
|
+
function ownKeys(object, enumerableOnly) {
|
|
40
|
+
var keys = Object.keys(object);
|
|
41
|
+
if (Object.getOwnPropertySymbols) {
|
|
42
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
43
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
44
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
45
|
+
})), keys.push.apply(keys, symbols);
|
|
46
|
+
}
|
|
47
|
+
return keys;
|
|
48
|
+
}
|
|
49
|
+
function _objectSpread2(target) {
|
|
50
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
51
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
52
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
53
|
+
_defineProperty(target, key, source[key]);
|
|
54
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
55
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return target;
|
|
59
|
+
}
|
|
60
|
+
function _defineProperty(obj, key, value) {
|
|
61
|
+
key = _toPropertyKey(key);
|
|
62
|
+
if (key in obj) {
|
|
63
|
+
Object.defineProperty(obj, key, {
|
|
64
|
+
value: value,
|
|
65
|
+
enumerable: true,
|
|
66
|
+
configurable: true,
|
|
67
|
+
writable: true
|
|
68
|
+
});
|
|
69
|
+
} else {
|
|
70
|
+
obj[key] = value;
|
|
71
|
+
}
|
|
72
|
+
return obj;
|
|
73
|
+
}
|
|
74
|
+
function _extends() {
|
|
75
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
76
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
77
|
+
var source = arguments[i];
|
|
78
|
+
for (var key in source) {
|
|
79
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
80
|
+
target[key] = source[key];
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
return target;
|
|
85
|
+
};
|
|
86
|
+
return _extends.apply(this, arguments);
|
|
87
|
+
}
|
|
88
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
89
|
+
if (source == null) return {};
|
|
90
|
+
var target = {};
|
|
91
|
+
var sourceKeys = Object.keys(source);
|
|
92
|
+
var key, i;
|
|
93
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
94
|
+
key = sourceKeys[i];
|
|
95
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
96
|
+
target[key] = source[key];
|
|
97
|
+
}
|
|
98
|
+
return target;
|
|
99
|
+
}
|
|
100
|
+
function _objectWithoutProperties(source, excluded) {
|
|
101
|
+
if (source == null) return {};
|
|
102
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
103
|
+
var key, i;
|
|
104
|
+
if (Object.getOwnPropertySymbols) {
|
|
105
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
106
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
107
|
+
key = sourceSymbolKeys[i];
|
|
108
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
109
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
110
|
+
target[key] = source[key];
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
return target;
|
|
114
|
+
}
|
|
115
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
116
|
+
if (!raw) {
|
|
117
|
+
raw = strings.slice(0);
|
|
118
|
+
}
|
|
119
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
120
|
+
raw: {
|
|
121
|
+
value: Object.freeze(raw)
|
|
122
|
+
}
|
|
123
|
+
}));
|
|
124
|
+
}
|
|
125
|
+
function _toPrimitive(input, hint) {
|
|
126
|
+
if (typeof input !== "object" || input === null) return input;
|
|
127
|
+
var prim = input[Symbol.toPrimitive];
|
|
128
|
+
if (prim !== undefined) {
|
|
129
|
+
var res = prim.call(input, hint || "default");
|
|
130
|
+
if (typeof res !== "object") return res;
|
|
131
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
132
|
+
}
|
|
133
|
+
return (hint === "string" ? String : Number)(input);
|
|
134
|
+
}
|
|
135
|
+
function _toPropertyKey(arg) {
|
|
136
|
+
var key = _toPrimitive(arg, "string");
|
|
137
|
+
return typeof key === "symbol" ? key : String(key);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
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"};
|
|
141
|
+
|
|
142
|
+
var _templateObject;
|
|
143
|
+
var _excluded = ["isOpen", "isRenderPortal", "isBodyScrollLock", "isShowCloseButton", "zIndex", "width", "height", "padding", "onClose", "className", "style", "children"];
|
|
144
|
+
var Modal = function Modal(_ref) {
|
|
145
|
+
var _ref$isOpen = _ref.isOpen,
|
|
146
|
+
isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
|
|
147
|
+
_ref$isRenderPortal = _ref.isRenderPortal,
|
|
148
|
+
isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
|
|
149
|
+
_ref$isBodyScrollLock = _ref.isBodyScrollLock,
|
|
150
|
+
isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? true : _ref$isBodyScrollLock,
|
|
151
|
+
_ref$isShowCloseButto = _ref.isShowCloseButton,
|
|
152
|
+
isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
|
|
153
|
+
_ref$zIndex = _ref.zIndex,
|
|
154
|
+
zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex,
|
|
155
|
+
_ref$width = _ref.width,
|
|
156
|
+
width = _ref$width === void 0 ? 'auto' : _ref$width,
|
|
157
|
+
_ref$height = _ref.height,
|
|
158
|
+
height = _ref$height === void 0 ? 'auto' : _ref$height,
|
|
159
|
+
_ref$padding = _ref.padding,
|
|
160
|
+
padding = _ref$padding === void 0 ? 36 : _ref$padding,
|
|
161
|
+
onClose = _ref.onClose,
|
|
162
|
+
className = _ref.className,
|
|
163
|
+
style = _ref.style,
|
|
164
|
+
children = _ref.children,
|
|
165
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
166
|
+
var _useBodyTTag = useBodyTTag.useBodyTTag(),
|
|
167
|
+
t = _useBodyTTag.t;
|
|
168
|
+
var onClickOutside = function onClickOutside(e) {
|
|
169
|
+
if (e.target === e.currentTarget) {
|
|
170
|
+
onClose(e);
|
|
171
|
+
}
|
|
172
|
+
};
|
|
173
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Backdrop.Backdrop, {
|
|
174
|
+
isOpen: isOpen,
|
|
175
|
+
zIndex: zIndex,
|
|
176
|
+
isRenderPortal: isRenderPortal,
|
|
177
|
+
isBodyScrollLock: isBodyScrollLock
|
|
178
|
+
}), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
179
|
+
"in": isOpen,
|
|
180
|
+
timeout: 240,
|
|
181
|
+
classNames: css,
|
|
182
|
+
unmountOnExit: true
|
|
183
|
+
}, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
|
|
184
|
+
isActive: isRenderPortal
|
|
185
|
+
}, /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
186
|
+
code: "Escape",
|
|
187
|
+
onKeyDown: onClose
|
|
188
|
+
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
189
|
+
className: css.root,
|
|
190
|
+
role: "dialog",
|
|
191
|
+
"aria-modal": true,
|
|
192
|
+
"aria-labelledby": undefined,
|
|
193
|
+
style: {
|
|
194
|
+
zIndex: zIndex
|
|
195
|
+
},
|
|
196
|
+
onClick: onClickOutside,
|
|
197
|
+
"data-qaid": 'modal' ,
|
|
198
|
+
"data-testid": 'modal'
|
|
199
|
+
}, /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
200
|
+
className: classNames__default.default(css.rootContent, className),
|
|
201
|
+
style: _objectSpread2({
|
|
202
|
+
width: width,
|
|
203
|
+
height: height,
|
|
204
|
+
padding: padding
|
|
205
|
+
}, style)
|
|
206
|
+
}, props, {
|
|
207
|
+
"data-qaid": "modal_content",
|
|
208
|
+
"data-testid": "modal_content"
|
|
209
|
+
}), children, isShowCloseButton && /*#__PURE__*/React__namespace.createElement("div", {
|
|
210
|
+
className: css.closeButton
|
|
211
|
+
}, /*#__PURE__*/React__namespace.createElement(Button.Button, {
|
|
212
|
+
"button-theme": "black-inherit",
|
|
213
|
+
"button-padding": "xxs",
|
|
214
|
+
type: "button",
|
|
215
|
+
onClick: onClose,
|
|
216
|
+
"aria-label": t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
|
|
217
|
+
"data-qaid": "modal_close_button",
|
|
218
|
+
"data-testid": "modal_close_button"
|
|
219
|
+
}, /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
|
|
220
|
+
"icon-as": Close.SvgClose,
|
|
221
|
+
style: {
|
|
222
|
+
width: 24,
|
|
223
|
+
height: 24
|
|
224
|
+
}
|
|
225
|
+
}))))))));
|
|
226
|
+
};
|
|
227
|
+
Modal.displayName = 'Modal';
|
|
228
|
+
|
|
229
|
+
exports.Modal = Modal;
|
|
230
|
+
|
|
231
|
+
require('./style.development.css');
|
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
7
|
+
var classNames = require('classnames');
|
|
8
|
+
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
9
|
+
var Button = require('@prom-ui/core/Button');
|
|
10
|
+
var Icon = require('@prom-ui/core/Icon');
|
|
11
|
+
var KeyPress = require('@prom-ui/core/KeyPress');
|
|
12
|
+
var Portal = require('@prom-ui/core/Portal');
|
|
13
|
+
var useBodyTTag = require('@prom-ui/core/useBodyTTag');
|
|
14
|
+
var Close = require('@prom-ui/icons/Close');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
17
|
+
|
|
18
|
+
function _interopNamespaceCompat(e) {
|
|
19
|
+
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
20
|
+
var n = Object.create(null);
|
|
21
|
+
if (e) {
|
|
22
|
+
Object.keys(e).forEach(function (k) {
|
|
23
|
+
if (k !== 'default') {
|
|
24
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
25
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return e[k]; }
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
n.default = e;
|
|
33
|
+
return Object.freeze(n);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
37
|
+
var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
|
|
38
|
+
|
|
39
|
+
function ownKeys(object, enumerableOnly) {
|
|
40
|
+
var keys = Object.keys(object);
|
|
41
|
+
if (Object.getOwnPropertySymbols) {
|
|
42
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
43
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
44
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
45
|
+
})), keys.push.apply(keys, symbols);
|
|
46
|
+
}
|
|
47
|
+
return keys;
|
|
48
|
+
}
|
|
49
|
+
function _objectSpread2(target) {
|
|
50
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
51
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
52
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
53
|
+
_defineProperty(target, key, source[key]);
|
|
54
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
55
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return target;
|
|
59
|
+
}
|
|
60
|
+
function _defineProperty(obj, key, value) {
|
|
61
|
+
key = _toPropertyKey(key);
|
|
62
|
+
if (key in obj) {
|
|
63
|
+
Object.defineProperty(obj, key, {
|
|
64
|
+
value: value,
|
|
65
|
+
enumerable: true,
|
|
66
|
+
configurable: true,
|
|
67
|
+
writable: true
|
|
68
|
+
});
|
|
69
|
+
} else {
|
|
70
|
+
obj[key] = value;
|
|
71
|
+
}
|
|
72
|
+
return obj;
|
|
73
|
+
}
|
|
74
|
+
function _extends() {
|
|
75
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
76
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
77
|
+
var source = arguments[i];
|
|
78
|
+
for (var key in source) {
|
|
79
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
80
|
+
target[key] = source[key];
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
return target;
|
|
85
|
+
};
|
|
86
|
+
return _extends.apply(this, arguments);
|
|
87
|
+
}
|
|
88
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
89
|
+
if (source == null) return {};
|
|
90
|
+
var target = {};
|
|
91
|
+
var sourceKeys = Object.keys(source);
|
|
92
|
+
var key, i;
|
|
93
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
94
|
+
key = sourceKeys[i];
|
|
95
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
96
|
+
target[key] = source[key];
|
|
97
|
+
}
|
|
98
|
+
return target;
|
|
99
|
+
}
|
|
100
|
+
function _objectWithoutProperties(source, excluded) {
|
|
101
|
+
if (source == null) return {};
|
|
102
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
103
|
+
var key, i;
|
|
104
|
+
if (Object.getOwnPropertySymbols) {
|
|
105
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
106
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
107
|
+
key = sourceSymbolKeys[i];
|
|
108
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
109
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
110
|
+
target[key] = source[key];
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
return target;
|
|
114
|
+
}
|
|
115
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
116
|
+
if (!raw) {
|
|
117
|
+
raw = strings.slice(0);
|
|
118
|
+
}
|
|
119
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
120
|
+
raw: {
|
|
121
|
+
value: Object.freeze(raw)
|
|
122
|
+
}
|
|
123
|
+
}));
|
|
124
|
+
}
|
|
125
|
+
function _toPrimitive(input, hint) {
|
|
126
|
+
if (typeof input !== "object" || input === null) return input;
|
|
127
|
+
var prim = input[Symbol.toPrimitive];
|
|
128
|
+
if (prim !== undefined) {
|
|
129
|
+
var res = prim.call(input, hint || "default");
|
|
130
|
+
if (typeof res !== "object") return res;
|
|
131
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
132
|
+
}
|
|
133
|
+
return (hint === "string" ? String : Number)(input);
|
|
134
|
+
}
|
|
135
|
+
function _toPropertyKey(arg) {
|
|
136
|
+
var key = _toPrimitive(arg, "string");
|
|
137
|
+
return typeof key === "symbol" ? key : String(key);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
var css = {"root":"Modal__root___9vQ1b","closeButton":"Modal__closeButton___5HA1l","rootContent":"Modal__rootContent___OXp7s","enter":"Modal__enter___JQ0Kx","exit":"Modal__exit___llwRD","enterActive":"Modal__enterActive___p-g77","exitActive":"Modal__exitActive___mioMB"};
|
|
141
|
+
|
|
142
|
+
var _templateObject;
|
|
143
|
+
var _excluded = ["isOpen", "isRenderPortal", "isBodyScrollLock", "isShowCloseButton", "zIndex", "width", "height", "padding", "onClose", "className", "style", "children"];
|
|
144
|
+
var Modal = function Modal(_ref) {
|
|
145
|
+
var _ref$isOpen = _ref.isOpen,
|
|
146
|
+
isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
|
|
147
|
+
_ref$isRenderPortal = _ref.isRenderPortal,
|
|
148
|
+
isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
|
|
149
|
+
_ref$isBodyScrollLock = _ref.isBodyScrollLock,
|
|
150
|
+
isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? true : _ref$isBodyScrollLock,
|
|
151
|
+
_ref$isShowCloseButto = _ref.isShowCloseButton,
|
|
152
|
+
isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
|
|
153
|
+
_ref$zIndex = _ref.zIndex,
|
|
154
|
+
zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex,
|
|
155
|
+
_ref$width = _ref.width,
|
|
156
|
+
width = _ref$width === void 0 ? 'auto' : _ref$width,
|
|
157
|
+
_ref$height = _ref.height,
|
|
158
|
+
height = _ref$height === void 0 ? 'auto' : _ref$height,
|
|
159
|
+
_ref$padding = _ref.padding,
|
|
160
|
+
padding = _ref$padding === void 0 ? 36 : _ref$padding,
|
|
161
|
+
onClose = _ref.onClose,
|
|
162
|
+
className = _ref.className,
|
|
163
|
+
style = _ref.style,
|
|
164
|
+
children = _ref.children,
|
|
165
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
166
|
+
var _useBodyTTag = useBodyTTag.useBodyTTag(),
|
|
167
|
+
t = _useBodyTTag.t;
|
|
168
|
+
var onClickOutside = function onClickOutside(e) {
|
|
169
|
+
if (e.target === e.currentTarget) {
|
|
170
|
+
onClose(e);
|
|
171
|
+
}
|
|
172
|
+
};
|
|
173
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Backdrop.Backdrop, {
|
|
174
|
+
isOpen: isOpen,
|
|
175
|
+
zIndex: zIndex,
|
|
176
|
+
isRenderPortal: isRenderPortal,
|
|
177
|
+
isBodyScrollLock: isBodyScrollLock
|
|
178
|
+
}), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
179
|
+
"in": isOpen,
|
|
180
|
+
timeout: 240,
|
|
181
|
+
classNames: css,
|
|
182
|
+
unmountOnExit: true
|
|
183
|
+
}, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
|
|
184
|
+
isActive: isRenderPortal
|
|
185
|
+
}, /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
186
|
+
code: "Escape",
|
|
187
|
+
onKeyDown: onClose
|
|
188
|
+
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
189
|
+
className: css.root,
|
|
190
|
+
role: "dialog",
|
|
191
|
+
"aria-modal": true,
|
|
192
|
+
"aria-labelledby": undefined,
|
|
193
|
+
style: {
|
|
194
|
+
zIndex: zIndex
|
|
195
|
+
},
|
|
196
|
+
onClick: onClickOutside,
|
|
197
|
+
"data-qaid": 'modal' ,
|
|
198
|
+
"data-testid": 'modal'
|
|
199
|
+
}, /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
200
|
+
className: classNames__default.default(css.rootContent, className),
|
|
201
|
+
style: _objectSpread2({
|
|
202
|
+
width: width,
|
|
203
|
+
height: height,
|
|
204
|
+
padding: padding
|
|
205
|
+
}, style)
|
|
206
|
+
}, props, {
|
|
207
|
+
"data-qaid": "modal_content",
|
|
208
|
+
"data-testid": "modal_content"
|
|
209
|
+
}), children, isShowCloseButton && /*#__PURE__*/React__namespace.createElement("div", {
|
|
210
|
+
className: css.closeButton
|
|
211
|
+
}, /*#__PURE__*/React__namespace.createElement(Button.Button, {
|
|
212
|
+
"button-theme": "black-inherit",
|
|
213
|
+
"button-padding": "xxs",
|
|
214
|
+
type: "button",
|
|
215
|
+
onClick: onClose,
|
|
216
|
+
"aria-label": t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
|
|
217
|
+
"data-qaid": "modal_close_button",
|
|
218
|
+
"data-testid": "modal_close_button"
|
|
219
|
+
}, /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
|
|
220
|
+
"icon-as": Close.SvgClose,
|
|
221
|
+
style: {
|
|
222
|
+
width: 24,
|
|
223
|
+
height: 24
|
|
224
|
+
}
|
|
225
|
+
}))))))));
|
|
226
|
+
};
|
|
227
|
+
Modal.displayName = 'Modal';
|
|
228
|
+
|
|
229
|
+
exports.Modal = Modal;
|
|
230
|
+
|
|
231
|
+
require('./style.development.v2.css');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/KeyPress"),c=require("@prom-ui/core/Portal"),l=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=s(r);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(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 o=r.call(e,t||"default");if("object"!=typeof o)return o;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 O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},O.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var g,j={root:"LXzJW",closeButton:"IfZSD",rootContent:"p62nO",enter:"CYsVE",exit:"-sfQK",enterActive:"Q3lip",exitActive:"_2XLH4"},h=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"],P=function(e){var r,s,d=e.isOpen,b=void 0!==d&&d,y=e.isRenderPortal,P=void 0===y||y,w=e.isBodyScrollLock,E=void 0===w||w,S=e.isShowCloseButton,q=void 0===S||S,x=e.zIndex,B=void 0===x?5e3:x,C=e.width,k=void 0===C?"auto":C,_=e.height,z=void 0===_?"auto":_,I=e.padding,N=void 0===I?36:I,D=e.onClose,T=e.className,L=e.style,K=e.children,A=v(e,h),M=l.useBodyTTag().t;return p.createElement(p.Fragment,null,p.createElement(o.Backdrop,{isOpen:b,zIndex:B,isRenderPortal:P,isBodyScrollLock:E}),p.createElement(t.CSSTransition,{in:b,timeout:240,classNames:j,unmountOnExit:!0},p.createElement(c.Portal,{isActive:P},p.createElement(a.KeyPress,{code:"Escape",onKeyDown:D}),p.createElement("div",{className:j.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&D(e)},"data-qaid":"modal","data-testid":"modal"},p.createElement("div",O({className:f.default(j.rootContent,T),style:m({width:k,height:z,padding:N},L)},A,{"data-qaid":"modal_content","data-testid":"modal_content"}),K,q&&p.createElement("div",{className:j.closeButton},p.createElement(n.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:D,"aria-label":M(g||(r=["Закрыть"],s||(s=r.slice(0)),g=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(s)}})))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},p.createElement(i.Icon,{"icon-as":u.SvgClose,style:{width:24,height:24}}))))))))};P.displayName="Modal",exports.Modal=P,require("./style.production.css");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/KeyPress"),c=require("@prom-ui/core/Portal"),l=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=s(r);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(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 o=r.call(e,t||"default");if("object"!=typeof o)return o;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 v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},v.apply(this,arguments)}function O(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var g,j={root:"_9vQ1b",closeButton:"_5HA1l",rootContent:"OXp7s",enter:"JQ0Kx",exit:"llwRD",enterActive:"p-g77",exitActive:"mioMB"},h=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"],P=function(e){var r,s,d=e.isOpen,b=void 0!==d&&d,y=e.isRenderPortal,P=void 0===y||y,w=e.isBodyScrollLock,E=void 0===w||w,S=e.isShowCloseButton,q=void 0===S||S,x=e.zIndex,B=void 0===x?5e3:x,k=e.width,C=void 0===k?"auto":k,_=e.height,N=void 0===_?"auto":_,z=e.padding,D=void 0===z?36:z,I=e.onClose,T=e.className,A=e.style,K=e.children,M=O(e,h),R=l.useBodyTTag().t;return p.createElement(p.Fragment,null,p.createElement(o.Backdrop,{isOpen:b,zIndex:B,isRenderPortal:P,isBodyScrollLock:E}),p.createElement(t.CSSTransition,{in:b,timeout:240,classNames:j,unmountOnExit:!0},p.createElement(c.Portal,{isActive:P},p.createElement(a.KeyPress,{code:"Escape",onKeyDown:I}),p.createElement("div",{className:j.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&I(e)},"data-qaid":"modal","data-testid":"modal"},p.createElement("div",v({className:f.default(j.rootContent,T),style:m({width:C,height:N,padding:D},A)},M,{"data-qaid":"modal_content","data-testid":"modal_content"}),K,q&&p.createElement("div",{className:j.closeButton},p.createElement(n.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:I,"aria-label":R(g||(r=["Закрыть"],s||(s=r.slice(0)),g=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(s)}})))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},p.createElement(i.Icon,{"icon-as":u.SvgClose,style:{width:24,height:24}}))))))))};P.displayName="Modal",exports.Modal=P,require("./style.production.v2.css");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Modal__root___LXzJW{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}.Modal__root___LXzJW:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}.Modal__closeButton___IfZSD{position:absolute;right:12px;top:12px}.Modal__rootContent___p62nO{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.Modal__rootContent___p62nO:before,.Modal__rootContent___p62nO:after{content:"";display:table}.Modal__rootContent___p62nO:after{clear:both}.Modal__enter___CYsVE .Modal__rootContent___p62nO,.Modal__exit___-sfQK .Modal__rootContent___p62nO{pointer-events:auto}.Modal__enterActive___Q3lip .Modal__rootContent___p62nO,.Modal__exitActive___2XLH4 .Modal__rootContent___p62nO{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Modal__enter___CYsVE .Modal__rootContent___p62nO{transform:translate(0,16px);opacity:0}.Modal__enterActive___Q3lip .Modal__rootContent___p62nO{transform:translate(0,0);opacity:1}.Modal__exit___-sfQK .Modal__rootContent___p62nO{transform:translate(0,0);opacity:1}.Modal__exitActive___2XLH4 .Modal__rootContent___p62nO{transform:translate(0,16px);opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Modal__root___9vQ1b{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}.Modal__root___9vQ1b:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}.Modal__closeButton___5HA1l{position:absolute;right:12px;top:12px}.Modal__rootContent___OXp7s{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.Modal__rootContent___OXp7s:before,.Modal__rootContent___OXp7s:after{content:"";display:table}.Modal__rootContent___OXp7s:after{clear:both}.Modal__enter___JQ0Kx .Modal__rootContent___OXp7s,.Modal__exit___llwRD .Modal__rootContent___OXp7s{pointer-events:auto}.Modal__enterActive___p-g77 .Modal__rootContent___OXp7s,.Modal__exitActive___mioMB .Modal__rootContent___OXp7s{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Modal__enter___JQ0Kx .Modal__rootContent___OXp7s{transform:translate(0,16px);opacity:0}.Modal__enterActive___p-g77 .Modal__rootContent___OXp7s{transform:translate(0,0);opacity:1}.Modal__exit___llwRD .Modal__rootContent___OXp7s{transform:translate(0,0);opacity:1}.Modal__exitActive___mioMB .Modal__rootContent___OXp7s{transform:translate(0,16px);opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.LXzJW{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}.LXzJW:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}.IfZSD{position:absolute;right:12px;top:12px}.p62nO{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.p62nO:before,.p62nO:after{content:"";display:table}.p62nO:after{clear:both}.CYsVE .p62nO,.-sfQK .p62nO{pointer-events:auto}.Q3lip .p62nO,._2XLH4 .p62nO{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.CYsVE .p62nO{transform:translate(0,16px);opacity:0}.Q3lip .p62nO{transform:translate(0,0);opacity:1}.-sfQK .p62nO{transform:translate(0,0);opacity:1}._2XLH4 .p62nO{transform:translate(0,16px);opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._9vQ1b{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}._9vQ1b:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}._5HA1l{position:absolute;right:12px;top:12px}.OXp7s{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.OXp7s:before,.OXp7s:after{content:"";display:table}.OXp7s:after{clear:both}.JQ0Kx .OXp7s,.llwRD .OXp7s{pointer-events:auto}.p-g77 .OXp7s,.mioMB .OXp7s{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.JQ0Kx .OXp7s{transform:translate(0,16px);opacity:0}.p-g77 .OXp7s{transform:translate(0,0);opacity:1}.llwRD .OXp7s{transform:translate(0,0);opacity:1}.mioMB .OXp7s{transform:translate(0,16px);opacity:0}
|