@lideralia/alife-uikit 1.2.39 → 1.2.41
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/dist/atoms/Icons/IconClockBig.js +2 -2
- package/dist/atoms/Icons/IconHeadphones.js +2 -2
- package/dist/atoms/Icons/IconMicrophone.js +3 -3
- package/dist/atoms/Icons/index.js +8 -0
- package/dist/atoms/imgs/index.js +8 -0
- package/dist/organisms/Cards/PayInfo.js +12 -6
- package/dist/organisms/Cards/Udiana.js +2 -1
- package/dist/organisms/Cards/Udiana.stories.js +1 -1
- package/dist/organisms/Cards/index.js +17 -1
- package/dist/organisms/FamilyZone/FamilyHomeSection.js +3 -3
- package/package.json +3 -1
|
@@ -19,8 +19,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
19
19
|
|
|
20
20
|
function SvgIconClockBig(props) {
|
|
21
21
|
return React.createElement("svg", (0, _extends2.default)({
|
|
22
|
-
width: "
|
|
23
|
-
height: "
|
|
22
|
+
width: "8.5em",
|
|
23
|
+
height: "8.5em",
|
|
24
24
|
viewBox: "0 0 120 120",
|
|
25
25
|
fill: "none",
|
|
26
26
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -28,13 +28,13 @@ function SvgIconHeadphones(props) {
|
|
|
28
28
|
stroke: props.stroke
|
|
29
29
|
}, props), React.createElement("path", {
|
|
30
30
|
d: "M3 12.75v0a.75.75 0 01-.75-.75V9A6.75 6.75 0 019 2.25v0A6.75 6.75 0 0115.75 9v3a.75.75 0 01-.75.75v0",
|
|
31
|
-
stroke: "
|
|
31
|
+
stroke: "#4C4C5B",
|
|
32
32
|
strokeWidth: 1.5,
|
|
33
33
|
strokeLinecap: "round",
|
|
34
34
|
strokeLinejoin: "round"
|
|
35
35
|
}), React.createElement("path", {
|
|
36
36
|
d: "M3 12.25a2.5 2.5 0 012.5-2.5v0c.69 0 1.25.56 1.25 1.25v3.5c0 .69-.56 1.25-1.25 1.25v0a2.5 2.5 0 01-2.5-2.5v-1zM11.25 11c0-.69.56-1.25 1.25-1.25v0a2.5 2.5 0 012.5 2.5v1a2.5 2.5 0 01-2.5 2.5v0c-.69 0-1.25-.56-1.25-1.25V11z",
|
|
37
|
-
stroke: "
|
|
37
|
+
stroke: "#4C4C5B",
|
|
38
38
|
strokeWidth: 1.5,
|
|
39
39
|
strokeLinecap: "round",
|
|
40
40
|
strokeLinejoin: "round"
|
|
@@ -28,7 +28,7 @@ function SvgIconMicrophone(props) {
|
|
|
28
28
|
stroke: props.stroke
|
|
29
29
|
}, props), React.createElement("path", {
|
|
30
30
|
d: "M9 21h6M12 21v-3",
|
|
31
|
-
stroke: "
|
|
31
|
+
stroke: "#fff",
|
|
32
32
|
strokeWidth: 2,
|
|
33
33
|
strokeLinecap: "round",
|
|
34
34
|
strokeLinejoin: "round"
|
|
@@ -38,12 +38,12 @@ function SvgIconMicrophone(props) {
|
|
|
38
38
|
width: 6,
|
|
39
39
|
height: 12,
|
|
40
40
|
rx: 3,
|
|
41
|
-
stroke: "
|
|
41
|
+
stroke: "#fff",
|
|
42
42
|
strokeWidth: 2,
|
|
43
43
|
strokeLinejoin: "round"
|
|
44
44
|
}), React.createElement("path", {
|
|
45
45
|
d: "M5 11l.151 1.06A6.918 6.918 0 0012 18v0a6.918 6.918 0 006.849-5.94L19 11",
|
|
46
|
-
stroke: "
|
|
46
|
+
stroke: "#fff",
|
|
47
47
|
strokeWidth: 2,
|
|
48
48
|
strokeLinecap: "round",
|
|
49
49
|
strokeLinejoin: "round"
|
|
@@ -725,6 +725,12 @@ Object.defineProperty(exports, "IconTrashEmpty", {
|
|
|
725
725
|
return _IconTrashEmpty.default;
|
|
726
726
|
}
|
|
727
727
|
});
|
|
728
|
+
Object.defineProperty(exports, "IconTree", {
|
|
729
|
+
enumerable: true,
|
|
730
|
+
get: function get() {
|
|
731
|
+
return _IconTree.default;
|
|
732
|
+
}
|
|
733
|
+
});
|
|
728
734
|
Object.defineProperty(exports, "IconTwitter", {
|
|
729
735
|
enumerable: true,
|
|
730
736
|
get: function get() {
|
|
@@ -1110,6 +1116,8 @@ var _IconTrashEmpty = _interopRequireDefault(require("./IconTrashEmpty"));
|
|
|
1110
1116
|
|
|
1111
1117
|
var _IconTrash = _interopRequireDefault(require("./IconTrash"));
|
|
1112
1118
|
|
|
1119
|
+
var _IconTree = _interopRequireDefault(require("./IconTree"));
|
|
1120
|
+
|
|
1113
1121
|
var _IconTwitter = _interopRequireDefault(require("./IconTwitter"));
|
|
1114
1122
|
|
|
1115
1123
|
var _IconUndo = _interopRequireDefault(require("./IconUndo"));
|
package/dist/atoms/imgs/index.js
CHANGED
|
@@ -89,6 +89,12 @@ Object.defineProperty(exports, "TranslateHome", {
|
|
|
89
89
|
return _TranslateHome.default;
|
|
90
90
|
}
|
|
91
91
|
});
|
|
92
|
+
Object.defineProperty(exports, "Tree", {
|
|
93
|
+
enumerable: true,
|
|
94
|
+
get: function get() {
|
|
95
|
+
return _Tree.default;
|
|
96
|
+
}
|
|
97
|
+
});
|
|
92
98
|
Object.defineProperty(exports, "UserYoungGirl", {
|
|
93
99
|
enumerable: true,
|
|
94
100
|
get: function get() {
|
|
@@ -124,4 +130,6 @@ var _ThumbnailQuote = _interopRequireDefault(require("./ThumbnailQuote"));
|
|
|
124
130
|
|
|
125
131
|
var _TranslateHome = _interopRequireDefault(require("./TranslateHome"));
|
|
126
132
|
|
|
133
|
+
var _Tree = _interopRequireDefault(require("./Tree"));
|
|
134
|
+
|
|
127
135
|
var _UserYoungGirl = _interopRequireDefault(require("./UserYoungGirl"));
|
|
@@ -43,7 +43,7 @@ var _Select = require("../../atoms/Select");
|
|
|
43
43
|
|
|
44
44
|
var _Typography = require("../../atoms/Typography");
|
|
45
45
|
|
|
46
|
-
var _excluded = ["needInvoice", "country"];
|
|
46
|
+
var _excluded = ["needInvoice", "country", "customColor", "customTextColor"];
|
|
47
47
|
|
|
48
48
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
49
49
|
|
|
@@ -56,6 +56,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
56
56
|
var CardPayInfo = function CardPayInfo(_ref) {
|
|
57
57
|
var needInvoice = _ref.needInvoice,
|
|
58
58
|
country = _ref.country,
|
|
59
|
+
customColor = _ref.customColor,
|
|
60
|
+
customTextColor = _ref.customTextColor,
|
|
59
61
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
60
62
|
|
|
61
63
|
var _useState = (0, _react.useState)(false),
|
|
@@ -164,7 +166,9 @@ var CardPayInfo = function CardPayInfo(_ref) {
|
|
|
164
166
|
emailValid: emailValid
|
|
165
167
|
}, props)), _react.default.createElement(CardPayInfo.Footer, (0, _extends2.default)({
|
|
166
168
|
infoState: infoState,
|
|
167
|
-
formValid: formValid
|
|
169
|
+
formValid: formValid,
|
|
170
|
+
customColor: customColor,
|
|
171
|
+
customTextColor: customTextColor
|
|
168
172
|
}, props)));
|
|
169
173
|
};
|
|
170
174
|
|
|
@@ -401,7 +405,9 @@ CardPayInfo.Footer = function (_ref2) {
|
|
|
401
405
|
buttonDisabled = _ref2.buttonDisabled,
|
|
402
406
|
handleSubmit = _ref2.handleSubmit,
|
|
403
407
|
infoState = _ref2.infoState,
|
|
404
|
-
formValid = _ref2.formValid
|
|
408
|
+
formValid = _ref2.formValid,
|
|
409
|
+
customColor = _ref2.customColor,
|
|
410
|
+
customTextColor = _ref2.customTextColor;
|
|
405
411
|
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Box, {
|
|
406
412
|
padding: 3,
|
|
407
413
|
borderTopColor: "black12",
|
|
@@ -410,9 +416,9 @@ CardPayInfo.Footer = function (_ref2) {
|
|
|
410
416
|
}, _react.default.createElement(_Button.Button, {
|
|
411
417
|
width: "100%",
|
|
412
418
|
marginX: "auto",
|
|
413
|
-
backgroundColor:
|
|
414
|
-
color:
|
|
415
|
-
colorType:
|
|
419
|
+
backgroundColor: customColor,
|
|
420
|
+
color: customTextColor,
|
|
421
|
+
colorType: customColor,
|
|
416
422
|
onClick: function onClick() {
|
|
417
423
|
return handleSubmit(infoState);
|
|
418
424
|
},
|
|
@@ -64,7 +64,8 @@ var CardUdiana = function CardUdiana(props) {
|
|
|
64
64
|
sizeText: "display12",
|
|
65
65
|
color: "black36"
|
|
66
66
|
}, titleLabel.toUpperCase())), _react.default.createElement(_Layout.GridItem, {
|
|
67
|
-
gridArea: "name"
|
|
67
|
+
gridArea: "name",
|
|
68
|
+
width: "128px"
|
|
68
69
|
}, _react.default.createElement(_Typography.Text, {
|
|
69
70
|
sizeText: "display16",
|
|
70
71
|
color: "black",
|
|
@@ -32,7 +32,7 @@ var Udiana = Template.bind({});
|
|
|
32
32
|
exports.Udiana = Udiana;
|
|
33
33
|
Udiana.args = {
|
|
34
34
|
titleLabel: 'BOSQUE DE',
|
|
35
|
-
descriptionLabel: 'Esperanza',
|
|
35
|
+
descriptionLabel: 'Esperanza Esperanza Esperanza Esperanza Esperanza Esperanza',
|
|
36
36
|
actionLabel: 'Ver todo',
|
|
37
37
|
actionButton: function actionButton() {
|
|
38
38
|
return alert('vamos a udianas');
|
|
@@ -93,6 +93,18 @@ Object.defineProperty(exports, "CardPersonalData", {
|
|
|
93
93
|
return _PersonalData.CardPersonalData;
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
|
+
Object.defineProperty(exports, "CardUdiana", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _Udiana.CardUdiana;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "CheckShowInput", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _CheckShowInput.CheckShowInput;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
96
108
|
Object.defineProperty(exports, "NoMessagesSection", {
|
|
97
109
|
enumerable: true,
|
|
98
110
|
get: function get() {
|
|
@@ -106,6 +118,8 @@ var _Badges = require("./Badges");
|
|
|
106
118
|
|
|
107
119
|
var _Ceremony = require("./Ceremony");
|
|
108
120
|
|
|
121
|
+
var _CheckShowInput = require("./CheckShowInput");
|
|
122
|
+
|
|
109
123
|
var _Content = require("./Content");
|
|
110
124
|
|
|
111
125
|
var _Flowers = require("./Flowers");
|
|
@@ -130,4 +144,6 @@ var _PayInfo = require("./PayInfo");
|
|
|
130
144
|
|
|
131
145
|
var _PaymentMethod = require("./PaymentMethod");
|
|
132
146
|
|
|
133
|
-
var _PersonalData = require("./PersonalData");
|
|
147
|
+
var _PersonalData = require("./PersonalData");
|
|
148
|
+
|
|
149
|
+
var _Udiana = require("./Udiana");
|
|
@@ -234,7 +234,7 @@ var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4)
|
|
|
234
234
|
},
|
|
235
235
|
marginTop: 3,
|
|
236
236
|
marginBottom: showActionVideo && showActionQuote ? 1 : 18,
|
|
237
|
-
justifyContent: "
|
|
237
|
+
justifyContent: "center",
|
|
238
238
|
fullWidth: true
|
|
239
239
|
}, _react.default.createElement(_Icon.Icon, {
|
|
240
240
|
marginRight: 3,
|
|
@@ -250,7 +250,7 @@ var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4)
|
|
|
250
250
|
return actionVideo();
|
|
251
251
|
},
|
|
252
252
|
marginBottom: 1,
|
|
253
|
-
justifyContent: "
|
|
253
|
+
justifyContent: "center",
|
|
254
254
|
fullWidth: true
|
|
255
255
|
}, _react.default.createElement(_Icon.Icon, {
|
|
256
256
|
marginRight: 3,
|
|
@@ -267,7 +267,7 @@ var FamilyHomeWithContentSection = function FamilyHomeWithContentSection(_ref4)
|
|
|
267
267
|
},
|
|
268
268
|
marginBottom: userGroup > 2 ? 3 : 7,
|
|
269
269
|
fullWidth: true,
|
|
270
|
-
justifyContent: "
|
|
270
|
+
justifyContent: "center"
|
|
271
271
|
}, _react.default.createElement(_Icon.Icon, {
|
|
272
272
|
marginRight: 3,
|
|
273
273
|
sizeIcon: "display24"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lideralia/alife-uikit",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.41",
|
|
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": {
|
|
@@ -81,12 +81,14 @@
|
|
|
81
81
|
"@styled-system/css": "^5.1.4",
|
|
82
82
|
"@styled-system/prop-types": "^5.1.4",
|
|
83
83
|
"@testing-library/jest-dom": "^5.11.9",
|
|
84
|
+
"apexcharts": "^3.41.0",
|
|
84
85
|
"canvas2svg": "^1.0.16",
|
|
85
86
|
"eslint-plugin-prettier": "^3.3.1",
|
|
86
87
|
"hls.js": "^1.0.2",
|
|
87
88
|
"jest-image-snapshot": "^4.3.0",
|
|
88
89
|
"prop-types": "^15.7.2",
|
|
89
90
|
"react": "^17.0.1",
|
|
91
|
+
"react-apexcharts": "^1.4.0",
|
|
90
92
|
"react-canvas-draw": "^1.1.1",
|
|
91
93
|
"react-color": "^2.19.3",
|
|
92
94
|
"react-dom": "^17.0.1",
|