@typeolymp/ui-components 1.17.2 → 1.17.4

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/build/index.es.js CHANGED
@@ -15034,16 +15034,16 @@ var Keyboard = function (props) {
15034
15034
  keys[76].character === props.activeKey }), jsx$1(Key, { characters: ["Shift"], color: keys[31].color, active: shiftKeys.left.includes(props.activeKey) })] }), jsxs(SpacebarRow, { children: [jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, { color: keys[1].color, active: keys[1].character === props.activeKey }), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {})] })] }));
15035
15035
  };
15036
15036
 
15037
- var Mask = styled.div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$1(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"], ["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"])));
15038
- var CardWrapper = styled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n"], ["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n"])), function (_a) {
15037
+ var Mask = styled.div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$1(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n overflow: scroll;\n"], ["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n overflow: scroll;\n"])));
15038
+ var CardWrapper = styled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n max-height: calc(100vh - 40px);\n"], ["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n max-height: calc(100vh - 40px);\n"])), function (_a) {
15039
15039
  var width = _a.width;
15040
+ if (!width)
15041
+ return "720px";
15040
15042
  if (typeof width === "number")
15041
15043
  return "".concat(width, "px");
15042
15044
  return width;
15043
15045
  }, function (_a) {
15044
15046
  var width = _a.width;
15045
- if (!width)
15046
- return "720px";
15047
15047
  if (typeof width === "number")
15048
15048
  return "".concat(width, "px");
15049
15049
  return width;