@lideralia/alife-uikit 1.2.51 → 1.2.52
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.
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.CardDescriptionTitle = exports.CardDescriptionText = exports.CardDescription = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _Card = require("../../atoms/Card");
|
|
17
|
+
|
|
18
|
+
var _Typography = require("../../atoms/Typography");
|
|
19
|
+
|
|
20
|
+
var _excluded = ["children"],
|
|
21
|
+
_excluded2 = ["children"],
|
|
22
|
+
_excluded3 = ["children"];
|
|
23
|
+
|
|
24
|
+
var CardDescription = function CardDescription(_ref) {
|
|
25
|
+
var children = _ref.children,
|
|
26
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
27
|
+
return _react.default.createElement(_Card.Card, (0, _extends2.default)({
|
|
28
|
+
as: "article",
|
|
29
|
+
width: "100%",
|
|
30
|
+
padding: 3,
|
|
31
|
+
position: "relative",
|
|
32
|
+
shadow: "bottom"
|
|
33
|
+
}, props), children);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
exports.CardDescription = CardDescription;
|
|
37
|
+
|
|
38
|
+
var CardDescriptionTitle = function CardDescriptionTitle(_ref2) {
|
|
39
|
+
var children = _ref2.children,
|
|
40
|
+
props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
|
|
41
|
+
return _react.default.createElement(_Typography.Text, (0, _extends2.default)({
|
|
42
|
+
as: "p",
|
|
43
|
+
color: "black60",
|
|
44
|
+
sizeText: "display13",
|
|
45
|
+
style: {
|
|
46
|
+
flex: 1
|
|
47
|
+
}
|
|
48
|
+
}, props), children);
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports.CardDescriptionTitle = CardDescriptionTitle;
|
|
52
|
+
|
|
53
|
+
var CardDescriptionText = function CardDescriptionText(_ref3) {
|
|
54
|
+
var children = _ref3.children,
|
|
55
|
+
props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
|
|
56
|
+
return _react.default.createElement(_Typography.Text, (0, _extends2.default)({
|
|
57
|
+
sizeText: "display16",
|
|
58
|
+
color: "black",
|
|
59
|
+
marginTop: 2
|
|
60
|
+
}, props), children);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
exports.CardDescriptionText = CardDescriptionText;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = exports.Description = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _Layout = require("../../atoms/Layout");
|
|
13
|
+
|
|
14
|
+
var _Description = require("./Description");
|
|
15
|
+
|
|
16
|
+
var _default = {
|
|
17
|
+
title: 'Organisms/Cards/Description',
|
|
18
|
+
component: _Description.CardDescription
|
|
19
|
+
};
|
|
20
|
+
exports.default = _default;
|
|
21
|
+
|
|
22
|
+
var Template = function Template(args) {
|
|
23
|
+
var _args$description;
|
|
24
|
+
|
|
25
|
+
return _react.default.createElement(_Layout.Container, null, _react.default.createElement(_Layout.Row, {
|
|
26
|
+
justifyContent: "center",
|
|
27
|
+
alignItems: "center"
|
|
28
|
+
}, _react.default.createElement(_Layout.Col, {
|
|
29
|
+
width: [1, 1, 1 / 2]
|
|
30
|
+
}, (_args$description = args.description) === null || _args$description === void 0 ? void 0 : _args$description.map(function (element) {
|
|
31
|
+
return _react.default.createElement(_Description.CardDescription, element, _react.default.createElement(_Description.CardDescriptionText, null, element.childrenTitle), _react.default.createElement(_Description.CardDescriptionText, null, element.childrenText));
|
|
32
|
+
}))));
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
var Description = Template.bind({});
|
|
36
|
+
exports.Description = Description;
|
|
37
|
+
Description.args = {
|
|
38
|
+
showCountry: true,
|
|
39
|
+
description: [{
|
|
40
|
+
childrenTitle: 'Creado por Josefa',
|
|
41
|
+
childrenText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.'
|
|
42
|
+
}]
|
|
43
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lideralia/alife-uikit",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.52",
|
|
4
4
|
"description": "Librería y documentación de componentes, basada en el Design System de Alife.",
|
|
5
5
|
"homepage": "https://github.com/lideralia/alife-frontend-components#readme",
|
|
6
6
|
"bugs": {
|