@lideralia/alife-uikit 1.1.378 → 1.1.381

package/dist/atoms/Switch/Switch.js

@@ -41,25 +41,21 @@ var Switch = function Switch(props) {
     type: "checkbox",
     sizeInput: sizeInput,
     placeholder: placeholderMessage,
-    id: id
+    id: id,
+    onClick: function onClick() {
+      setIsChecked(!isChecked);
+      if (action) action(!isChecked);
+    }
   }, props)), _react.default.createElement(_styles.SwitchLabelStyled, {
     htmlFor: id,
     as: "label",
     isChecked: isChecked,
     sizeInput: sizeInput,
     disabled: disabled,
-    themeColor: themeColor,
-    onClick: function onClick() {
-      setIsChecked(!isChecked);
-      if (action) action(!isChecked);
-    }
+    themeColor: themeColor
   }, _react.default.createElement(_styles.SwitchLabelBallStyled, {
     isChecked: isChecked,
-    sizeInput: sizeInput,
-    onClick: function onClick() {
-      setIsChecked(!isChecked);
-      if (action) action(!isChecked);
-    }
+    sizeInput: sizeInput
   })));
 };
 

package/dist/organisms/Cards/Flowers.js

@@ -13,6 +13,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _Icon = require("../../atoms/Icon");
+
 var _Card = require("../../atoms/Card");
 
 var _Layout = require("../../atoms/Layout");
@@ -23,23 +25,27 @@ var _Typography = require("../../atoms/Typography");
 
 var _Button = require("../../atoms/Button");
 
-var _excluded = ["titleLabel", "descriptionLabel", "customColor", "customTextColor", "actionLabel", "actionButton", "eventFlowerAction"];
-
-var CardFlower = function CardFlower(_ref) {
-  var titleLabel = _ref.titleLabel,
-      descriptionLabel = _ref.descriptionLabel,
-      customColor = _ref.customColor,
-      customTextColor = _ref.customTextColor,
-      actionLabel = _ref.actionLabel,
-      actionButton = _ref.actionButton,
-      eventFlowerAction = _ref.eventFlowerAction,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var _Icons = require("../../atoms/Icons");
+
+var _excluded = ["titleLabel", "descriptionLabel", "customColor", "customTextColor", "actionLabel", "actionButton", "eventFlowerAction", "hasNotFinished", "timeLeft"];
+
+var CardFlower = function CardFlower(props) {
+  var titleLabel = props.titleLabel,
+      descriptionLabel = props.descriptionLabel,
+      customColor = props.customColor,
+      customTextColor = props.customTextColor,
+      actionLabel = props.actionLabel,
+      actionButton = props.actionButton,
+      eventFlowerAction = props.eventFlowerAction,
+      hasNotFinished = props.hasNotFinished,
+      timeLeft = props.timeLeft,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return _react.default.createElement(_Card.Card, (0, _extends2.default)({
     maxWidth: "339px",
     minWidth: "290px",
     position: "relative",
     width: "100%"
-  }, props), _react.default.createElement(_Layout.Flex, {
+  }, rest), _react.default.createElement(_Layout.Flex, {
     padding: 3,
     width: "100%"
   }, _react.default.createElement(_Layout.Grid, {
@@ -87,11 +93,38 @@ var CardFlower = function CardFlower(_ref) {
     backgroundColor: customColor,
     colorType: customColor || 'orange',
     color: customTextColor
-  }, actionLabel)))));
+  }, actionLabel)))), hasNotFinished && timeLeft && _react.default.createElement(CardFlower.HasTimeBeforeClose, props));
 };
 
 exports.CardFlower = CardFlower;
+
+CardFlower.HasTimeBeforeClose = function (_ref) {
+  var timeLeft = _ref.timeLeft;
+  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, {
+    width: "100%",
+    padding: 3,
+    borderTopColor: "black12",
+    borderTopStyle: "solid",
+    borderTopWidth: "0px"
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "grey",
+    sizeIcon: "display20"
+  }, _react.default.createElement(_Icons.IconClock, null)), _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display17",
+    paddingLeft: 2
+  }, timeLeft))));
+};
+
 CardFlower.defaultProps = {
   customTextColor: '',
-  customColor: ''
+  customColor: '',
+  hasNotFinished: true
 };

package/package.json

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