@lideralia/alife-uikit 1.2.76 → 1.2.78

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.
@@ -13,29 +13,46 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
 
14
14
  var _styledSystem = require("styled-system");
15
15
 
16
+ var _polished = require("polished");
17
+
16
18
  var _styles = require("../../common/styles");
17
19
 
20
+ var _theme = require("../../theme");
21
+
18
22
  var _Layout = require("../Layout");
19
23
 
24
+ const getValidColor = color => {
25
+ const {
26
+ colors
27
+ } = _theme.theme;
28
+ return colors[color.toLowerCase()] || color;
29
+ };
30
+
20
31
  const ButtonStyled = (0, _styledComponents.default)('button').withConfig({
21
32
  displayName: "styles__ButtonStyled",
22
33
  componentId: "sc-ovhj8r-0"
23
- })((0, _css.default)({
24
- position: 'relative',
25
- border: 'none',
26
- cursor: 'pointer',
27
- display: 'flex',
28
- alignItems: 'center',
29
- whiteSpace: 'break-spaces',
30
- borderRadius: 3,
31
- boxShadow: 'bottomSoft',
32
- ':disabled': {
33
- pointerEvents: 'none',
34
- boxShadow: 'none',
35
- cursor: 'not-allowed',
36
- opacity: 0.48
37
- }
38
- }), (0, _styledSystem.variant)({
34
+ })(_ref => {
35
+ let {
36
+ backgroundColor,
37
+ disabled
38
+ } = _ref;
39
+ return (0, _css.default)({
40
+ position: 'relative',
41
+ border: 'none',
42
+ cursor: 'pointer',
43
+ display: 'flex',
44
+ alignItems: 'center',
45
+ whiteSpace: 'break-spaces',
46
+ borderRadius: 3,
47
+ boxShadow: 'bottomSoft',
48
+ backgroundColor: backgroundColor ? disabled ? "".concat((0, _polished.lighten)(0.4, getValidColor(backgroundColor)), " !important") : "".concat(getValidColor(backgroundColor), " !important") : 'initial',
49
+ ':disabled': {
50
+ pointerEvents: 'none',
51
+ boxShadow: 'none',
52
+ cursor: 'not-allowed'
53
+ }
54
+ });
55
+ }, (0, _styledSystem.variant)({
39
56
  prop: 'sizeButton',
40
57
  variants: _styles.FormElementSizes
41
58
  }), (0, _styledSystem.variant)({
@@ -17,8 +17,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
17
17
 
18
18
  function SvgIconClockBig(props) {
19
19
  return React.createElement("svg", (0, _extends2.default)({
20
- width: "1em",
21
- height: "1em",
20
+ width: "8.5em",
21
+ height: "8.5em",
22
22
  viewBox: "0 0 120 120",
23
23
  fill: "none",
24
24
  xmlns: "http://www.w3.org/2000/svg",
@@ -36,7 +36,7 @@ exports.SearchSendFlowers = SearchSendFlowers;
36
36
  SearchSendFlowers.args = {
37
37
  title: '¿A quién quieres enviar las flores?',
38
38
  description: 'Para elegir las flores, escribe el nombre o apellido del difunto y selecciónalo para ver los arreglos florales de tu preferencia.',
39
- customColor: '',
39
+ customColor: '#ff0000',
40
40
  customTextColor: '',
41
41
  handleSubmit: () => void 0,
42
42
  titleSearch: 'Buscar',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lideralia/alife-uikit",
3
- "version": "1.2.76",
3
+ "version": "1.2.78",
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": {
@@ -87,6 +87,7 @@
87
87
  "hls.js": "^1.0.2",
88
88
  "input-otp": "^1.2.4",
89
89
  "jest-image-snapshot": "^4.3.0",
90
+ "polished": "^4.3.1",
90
91
  "prop-types": "^15.7.2",
91
92
  "react": "^17.0.1",
92
93
  "react-apexcharts": "^1.4.0",