@lideralia/alife-uikit 1.3.1 → 1.3.2

package/dist/atoms/Layout/Layout.js

@@ -60,18 +60,33 @@ const Box = (0, _styledComponents.default)('div').withConfig({
 })(_styledSystem.space, _styledSystem.color, _styledSystem.layout, _styledSystem.flexbox, _styledSystem.position, _styledSystem.border, _styledSystem.background, _styledSystem.opacity, _styledSystem.shadow, _styledSystem.typography, _styledSystem.variant);
 exports.Box = Box;
 Box.propTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _propTypes.default.space), _propTypes.default.color), _propTypes.default.layout), _propTypes.default.flexbox), _propTypes.default.position), _propTypes.default.border), _propTypes.default.opacity), _propTypes.default.shadow), _propTypes.default.variant);
+
+const getGapValue = gap => {
+  if (gap === undefined) return undefined;
+  if (typeof gap === 'number') return "".concat(gap * 8, "px");
+  return gap;
+};
+
 const Flex = (0, _styledComponents.default)(Box).withConfig({
+  shouldForwardProp: (prop, defaultValidatorFn) => defaultValidatorFn(prop) || prop === 'gap'
+}).attrs(props => ({
+  gap: props.gap
+})).withConfig({
   displayName: "Layout__Flex",
   componentId: "sc-1ozuvye-2"
-})({
-  display: 'flex'
+})(["display:flex;gap:", ";"], _ref => {
+  let {
+    gap
+  } = _ref;
+  return getGapValue(gap);
 });
 exports.Flex = Flex;
 Flex.propTypes = {
   flexWrap: _propTypes2.default.string,
   flexDirection: _propTypes2.default.string,
   alignCols: _propTypes2.default.string,
-  justifyContent: _propTypes2.default.string
+  justifyContent: _propTypes2.default.string,
+  gap: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string])
 };
 
 const Row = props => {

package/dist/organisms/Cards/Ceremony.js

@@ -33,7 +33,7 @@ var _Typography = require("../../atoms/Typography");
 
 var _CarouselScroll = require("../../molecules/CarouselScroll");
 
-const _excluded = ["isAdmin", "numAttendees", "confirmed", "isAnswered", "pictures", "pictureMap", "urlMap", "userCanAttend", "hasStreaming"];
+const _excluded = ["isAdmin", "numAttendees", "confirmed", "isAnswered", "pictures", "pictureMap", "urlMap", "userCanAttend", "hasStreaming", "warningMessage"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -50,7 +50,8 @@ const CardCeremony = props => {
     pictureMap,
     urlMap,
     userCanAttend,
-    hasStreaming
+    hasStreaming,
+    warningMessage
   } = props,
         rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return _react.default.createElement(_Card.Card, (0, _extends2.default)({
@@ -72,7 +73,9 @@ const CardCeremony = props => {
     borderTopStyle: "solid",
     borderTopWidth: "1px",
     borderTopColor: "black12"
-  })), !isAnswered && userCanAttend && _react.default.createElement(CardCeremony.Assistants, props), isAdmin && numAttendees && _react.default.createElement(CardCeremony.Attendees, props), hasStreaming && _react.default.createElement(CardCeremony.HasStreaming, props));
+  })), !isAnswered && userCanAttend && _react.default.createElement(CardCeremony.Assistants, props), isAdmin && numAttendees && _react.default.createElement(CardCeremony.Attendees, props), warningMessage && _react.default.createElement(CardCeremony.Warning, {
+    warningMessage: warningMessage
+  }), hasStreaming && _react.default.createElement(CardCeremony.HasStreaming, props));
 };
 
 exports.CardCeremony = CardCeremony;
@@ -410,7 +413,6 @@ CardCeremony.HasStreaming = _ref7 => {
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Flex, {
     flexDirection: "column",
     style: {
-      borderRadius: '0px 0px 18px 18px',
       backgroundColor: 'rgba(242, 180, 64, 0.12)'
     }
   }, _react.default.createElement(_Layout.Flex, {
@@ -462,4 +464,32 @@ CardCeremony.HasStreaming = _ref7 => {
     sizeButton: "small",
     action: () => onLogin()
   }, textButtonStreaming)), _react.default.createElement(_Icons.IconInfoCircle, null))));
+};
+
+CardCeremony.Warning = _ref8 => {
+  let {
+    warningMessage
+  } = _ref8;
+  return _react.default.createElement(_Layout.Flex, {
+    flexDirection: "row",
+    style: {
+      backgroundColor: 'rgba(242, 180, 64, 0.12)'
+    },
+    padding: 3,
+    borderTopColor: "black12",
+    borderTopStyle: "solid",
+    borderTopWidth: "1px",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%",
+    gap: 1
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    sizeIcon: "display16"
+  }, _react.default.createElement(_Icons.IconAlertCircle, null)), _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display13",
+    textAlign: "center"
+  }, warningMessage));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.3.01",
+  "version": "1.3.2",
   "description": "Librería y documentación de componentes, basada en el Design System de Alife.",
   "homepage": "https://github.com/lideralia/alife-frontend-components#readme",
   "bugs": {