@lideralia/alife-uikit 1.3.3 → 1.3.4

package/dist/atoms/imgs/FeedCardBg.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function SvgFeedCardBg(props) {
+  return React.createElement("svg", {
+    width: "61",
+    height: "78",
+    viewBox: "0 0 61 78",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M52.615 12.61C49.04 8.7425 44.0675 6.5 38.9 6.5C28.5 6.5 22 16.25 22 16.25C22 16.25 15.5 6.5 5.165 6.5C-0.00249958 6.5 -4.78 8.515 -8.55 12.61C-16.675 21.32 -14.3025 33.735 -8.1275 42.25C7.3425 63.765 15.565 71.5 22.0325 71.5C28.5 71.5 36.7225 63.765 52.1925 42.25C58.1725 33.735 60.74 21.125 52.615 12.61Z",
+    fill: "url(#paint0_linear_17129_83070)"
+  }), React.createElement("defs", null, React.createElement("linearGradient", {
+    id: "paint0_linear_17129_83070",
+    x1: "-20.9998",
+    y1: "49.5",
+    x2: "77.5002",
+    y2: "22.5",
+    gradientUnits: "userSpaceOnUse"
+  }, React.createElement("stop", {
+    offset: "0.12",
+    "stop-color": "#F87818",
+    "stop-opacity": "0"
+  }), React.createElement("stop", {
+    offset: "1",
+    "stop-color": "#F87818",
+    "stop-opacity": "0.24"
+  }))));
+}
+
+var _default = SvgFeedCardBg;
+exports.default = _default;

package/dist/atoms/imgs/index.js

@@ -41,6 +41,12 @@ Object.defineProperty(exports, "FamilyZoneHome", {
     return _FamilyZoneHome.default;
   }
 });
+Object.defineProperty(exports, "FeedCardBg", {
+  enumerable: true,
+  get: function () {
+    return _FeedCardBg.default;
+  }
+});
 Object.defineProperty(exports, "FlowerHome", {
   enumerable: true,
   get: function () {
@@ -128,6 +134,8 @@ var _FamilyBwSun = _interopRequireDefault(require("./FamilyBwSun"));
 
 var _FamilyZoneHome = _interopRequireDefault(require("./FamilyZoneHome"));
 
+var _FeedCardBg = _interopRequireDefault(require("./FeedCardBg"));
+
 var _FlowerHome = _interopRequireDefault(require("./FlowerHome"));
 
 var _GriefSupport = _interopRequireDefault(require("./GriefSupport"));

package/dist/organisms/Cards/Badges.js

@@ -15,12 +15,16 @@ var _Card = require("../../atoms/Card");
 
 var _Icon = require("../../atoms/Icon");
 
+var _Icons = require("../../atoms/Icons");
+
 var _IconClose = _interopRequireDefault(require("../../atoms/Icons/IconClose"));
 
 var _IconLike = _interopRequireDefault(require("../../atoms/Icons/IconLike"));
 
 var _Image = require("../../atoms/Image");
 
+var _imgs = require("../../atoms/imgs");
+
 var _Layout = require("../../atoms/Layout");
 
 var _Pill = require("../../atoms/Pill");
@@ -53,13 +57,37 @@ CardBadges.Header = props => {
     authorName,
     isAdmin,
     id,
-    actionRemoveContent
+    actionRemoveContent,
+    type
   } = props;
-  return _react.default.createElement(_Layout.Flex, {
+  return _react.default.createElement(_react.default.Fragment, null, ['order', 'udianas'].includes(type || '') && _react.default.createElement("div", {
+    style: {
+      top: '0px',
+      left: '0px',
+      position: 'absolute',
+      width: '78px',
+      height: '78px'
+    }
+  }, _react.default.createElement(_imgs.FeedCardBg, {
+    style: {
+      top: '0px',
+      left: '0px',
+      position: 'absolute',
+      width: '78px',
+      height: '78px'
+    }
+  })), _react.default.createElement(_Layout.Flex, {
     as: "header",
     alignItems: "center",
     marginBottom: 3
-  }, _react.default.createElement(_Pill.Pill, {
+  }, ['order', 'udianas'].includes(type || '') && _react.default.createElement(_Icon.Icon, {
+    style: {
+      fontSize: '3em',
+      lineHeight: 0,
+      marginRight: '10px'
+    },
+    color: "transparent"
+  }, contentIcon) || _react.default.createElement(_Pill.Pill, {
     padding: 2,
     borderRadius: 5,
     marginRight: 1,
@@ -76,7 +104,7 @@ CardBadges.Header = props => {
     }
   }, authorName || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })), isAdmin && _react.default.createElement(_Pill.Pill, {
+  })), isAdmin && !['order', 'udianas'].includes(type || '') && _react.default.createElement(_Pill.Pill, {
     padding: 1,
     borderRadius: 7,
     marginRight: 1,
@@ -85,12 +113,14 @@ CardBadges.Header = props => {
   }, _react.default.createElement(_Icon.Icon, {
     sizeIcon: "display24",
     color: "black60"
-  }, _react.default.createElement(_IconClose.default, null))));
+  }, _react.default.createElement(_IconClose.default, null)))));
 };
 
 CardBadges.Body = props => {
   const {
+    type,
     text,
+    subText,
     picture,
     countryCode,
     showCountry,
@@ -102,7 +132,8 @@ CardBadges.Body = props => {
     id
   } = props;
   return _react.default.createElement(_react.default.Fragment, null, text && !picture && _react.default.createElement(CardText, {
-    text: text
+    text: text,
+    subText: subText
   }), picture && _react.default.createElement(CardPicture, {
     picture: picture
   }), audio ? _react.default.createElement(_Audio.CardAudio, {
@@ -114,7 +145,7 @@ CardBadges.Body = props => {
     showCountry: showCountry,
     countryCode: countryCode,
     id: id
-  }) : null, !audio ? _react.default.createElement(_Layout.Flex, {
+  }) : null, !audio && !['order', 'udianas'].includes(type || '') ? _react.default.createElement(_Layout.Flex, {
     style: {
       justifyContent: 'space-between',
       marginTop: '20px'
@@ -143,14 +174,32 @@ CardBadges.Body = props => {
 
 const CardText = _ref2 => {
   let {
-    text
+    text,
+    subText
   } = _ref2;
-  return _react.default.createElement(_Layout.Flex, null, _react.default.createElement(_Typography.Text, {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Flex, null, _react.default.createElement(_Typography.Text, {
     sizeText: "display16",
     color: "black"
   }, text || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })));
+  }))), subText && _react.default.createElement(_Layout.Flex, {
+    style: {
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      marginTop: '18px',
+      marginBottom: '18px',
+      gap: '9px'
+    }
+  }, _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display16",
+    color: "gray"
+  }, _react.default.createElement(_Icons.IconEditText, null)), _react.default.createElement(_Typography.Text, {
+    sizeText: "display14",
+    color: "gray",
+    style: {
+      fontStyle: 'italic'
+    }
+  }, subText)));
 };
 
 const CardPicture = _ref3 => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "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": {