oolib 2.7.1 → 2.7.4
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/components/Buttons/index.styled.js +34 -31
- package/dist/components/Container/index.styled.js +2 -2
- package/dist/components/TextInputs/index.js +1 -1
- package/dist/components/Wrappers/index.styled.js +2 -2
- package/dist/icons/LetterH.js +4 -4
- package/dist/icons/index.d.ts +2 -0
- package/dist/icons/index.js +1 -0
- package/package.json +1 -1
|
@@ -12,17 +12,17 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
12
12
|
var styled_components_2 = require("styled-components");
|
|
13
13
|
var mixins_1 = require("../../themes/mixins");
|
|
14
14
|
var colors_1 = require("../../themes/colors");
|
|
15
|
-
var greyColor100 = colors_1.colors.greyColor100, greyColor80 = colors_1.colors.greyColor80, greyColor70 = colors_1.colors.greyColor70, greyColor15 = colors_1.colors.greyColor15, greyColor40 = colors_1.colors.greyColor40, white = colors_1.colors.white;
|
|
15
|
+
var greyColor100 = colors_1.colors.greyColor100, greyColor80 = colors_1.colors.greyColor80, greyColor70 = colors_1.colors.greyColor70, greyColor15 = colors_1.colors.greyColor15, greyColor40 = colors_1.colors.greyColor40, white = colors_1.colors.white, primaryColor10 = colors_1.colors.primaryColor10, primaryColor40 = colors_1.colors.primaryColor40, primaryColor100 = colors_1.colors.primaryColor100, primaryColorText = colors_1.colors.primaryColorText;
|
|
16
16
|
//sizes
|
|
17
17
|
var SIZES = {
|
|
18
18
|
S: "3rem",
|
|
19
19
|
M: "4rem",
|
|
20
20
|
};
|
|
21
|
-
var ButtonPrimary = (0, styled_components_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: none; // $none;\n background-color: ", "
|
|
21
|
+
var ButtonPrimary = (0, styled_components_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: none; // $none;\n background-color: ", ";\n color: ", "; // greyColor100: white\n ", "\n ", "\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n"], ["\n border: none; // $none;\n background-color: ", ";\n color: ", "; // greyColor100: white\n ", "\n ", "\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n"])), function (_a) {
|
|
22
22
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
23
23
|
return invert
|
|
24
|
-
? colors.primaryColor40
|
|
25
|
-
: colors.primaryColor100;
|
|
24
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40
|
|
25
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100;
|
|
26
26
|
}, function (_a) {
|
|
27
27
|
var invert = _a.invert;
|
|
28
28
|
return invert ? greyColor100 : white;
|
|
@@ -38,27 +38,27 @@ var ButtonPrimary = (0, styled_components_2.css)(templateObject_3 || (templateOb
|
|
|
38
38
|
}, function (_a) {
|
|
39
39
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
40
40
|
return invert
|
|
41
|
-
? colors.primaryColor10
|
|
42
|
-
: colors.primaryColor40;
|
|
41
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor10) || primaryColor10
|
|
42
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40;
|
|
43
43
|
}, function (_a) {
|
|
44
44
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
45
45
|
return invert
|
|
46
46
|
? greyColor100
|
|
47
|
-
: colors.primaryColorText;
|
|
47
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText;
|
|
48
48
|
});
|
|
49
|
-
var ButtonSecondary = (0, styled_components_2.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: 2px solid\n ", "
|
|
49
|
+
var ButtonSecondary = (0, styled_components_2.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: 2px solid\n ", ";\n background-color: ", ";\n\n color: ", "; \n ", "\n ", "\n ", "\n &:hover {\n background-color: ", ";\n color: ", "; \n }\n"], ["\n border: 2px solid\n ", ";\n background-color: ", ";\n\n color: ", "; \n ", "\n ", "\n ", "\n &:hover {\n background-color: ", ";\n color: ", "; \n }\n"])), function (_a) {
|
|
50
50
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
51
51
|
return invert
|
|
52
|
-
? colors.primaryColor40
|
|
53
|
-
: colors.primaryColor100;
|
|
52
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40
|
|
53
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100;
|
|
54
54
|
}, function (_a) {
|
|
55
55
|
var invert = _a.invert;
|
|
56
56
|
return invert ? greyColor100 : white;
|
|
57
57
|
}, function (_a) {
|
|
58
58
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
59
59
|
return invert
|
|
60
|
-
? colors.primaryColor40
|
|
61
|
-
: colors.primaryColorText;
|
|
60
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40
|
|
61
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText;
|
|
62
62
|
}, function (_a) {
|
|
63
63
|
var color = _a.color;
|
|
64
64
|
return color && (0, styled_components_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), color);
|
|
@@ -66,14 +66,17 @@ var ButtonSecondary = (0, styled_components_2.css)(templateObject_7 || (template
|
|
|
66
66
|
var active = _a.active;
|
|
67
67
|
return active && (0, styled_components_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n "], ["\n background-color: ", ";\n color: ", ";\n "])), function (_a) {
|
|
68
68
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
69
|
-
return invert ?
|
|
69
|
+
return invert ?
|
|
70
|
+
((colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40)
|
|
71
|
+
:
|
|
72
|
+
((colors === null || colors === void 0 ? void 0 : colors.primaryColor10) || primaryColor10);
|
|
70
73
|
}, function (_a) {
|
|
71
74
|
var colors = _a.theme.colors;
|
|
72
|
-
return colors.primaryColorText;
|
|
75
|
+
return (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText;
|
|
73
76
|
});
|
|
74
77
|
}, function (_a) {
|
|
75
78
|
var disabled = _a.disabled;
|
|
76
|
-
return disabled && (0, styled_components_2.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", "
|
|
79
|
+
return disabled && (0, styled_components_2.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: 2px solid ", ";\n color: ", "; \n pointer-events: none;\n "], ["\n background-color: ", ";\n border: 2px solid ", ";\n color: ", "; \n pointer-events: none;\n "])), function (_a) {
|
|
77
80
|
var invert = _a.invert;
|
|
78
81
|
return invert ? greyColor80 : white;
|
|
79
82
|
}, greyColor15, greyColor40);
|
|
@@ -82,30 +85,30 @@ var ButtonSecondary = (0, styled_components_2.css)(templateObject_7 || (template
|
|
|
82
85
|
return active
|
|
83
86
|
? ""
|
|
84
87
|
: invert
|
|
85
|
-
? colors.primaryColor10
|
|
86
|
-
: colors.primaryColor40;
|
|
88
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor10) || primaryColor10
|
|
89
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40;
|
|
87
90
|
}, function (_a) {
|
|
88
91
|
var colors = _a.theme.colors;
|
|
89
|
-
return colors.primaryColorText;
|
|
92
|
+
return (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText;
|
|
90
93
|
});
|
|
91
|
-
var ButtonCustom = (0, styled_components_2.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border: 2px solid\n ", "
|
|
94
|
+
var ButtonCustom = (0, styled_components_2.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border: 2px solid\n ", ";\n box-shadow: -4px 4px 1px\n ", ";\n background-color: ", ";\n color: ", ";\n ", "\n ", "\n &:hover {\n background-color: ", ";\n }\n"], ["\n border: 2px solid\n ", ";\n box-shadow: -4px 4px 1px\n ", ";\n background-color: ", ";\n color: ", ";\n ", "\n ", "\n &:hover {\n background-color: ", ";\n }\n"])), function (_a) {
|
|
92
95
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
93
96
|
return invert
|
|
94
|
-
? colors.primaryColor40
|
|
95
|
-
: colors.primaryColor100;
|
|
97
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40
|
|
98
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100;
|
|
96
99
|
}, function (_a) {
|
|
97
100
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
98
101
|
return invert
|
|
99
|
-
? colors.primaryColor40
|
|
100
|
-
: colors.primaryColor100;
|
|
102
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40
|
|
103
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100;
|
|
101
104
|
}, function (_a) {
|
|
102
105
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
103
106
|
return invert ? greyColor100 : white;
|
|
104
107
|
}, function (_a) {
|
|
105
108
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
106
109
|
return invert
|
|
107
|
-
? colors.primaryColor40
|
|
108
|
-
: colors.primaryColorText;
|
|
110
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40
|
|
111
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText;
|
|
109
112
|
}, function (_a) {
|
|
110
113
|
var color = _a.color;
|
|
111
114
|
return color && (0, styled_components_2.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), color);
|
|
@@ -122,18 +125,18 @@ var ButtonCustom = (0, styled_components_2.css)(templateObject_10 || (templateOb
|
|
|
122
125
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
123
126
|
return invert
|
|
124
127
|
? greyColor80
|
|
125
|
-
: colors.primaryColor40;
|
|
128
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40;
|
|
126
129
|
});
|
|
127
|
-
var ButtonGhost = (0, styled_components_2.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", "; //$white;\n color: ", "
|
|
130
|
+
var ButtonGhost = (0, styled_components_2.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", "; //$white;\n color: ", ";\n ", "\n ", "\n\n ", "\n &:hover {\n background-color: ", ";\n }\n"], ["\n background-color: ", "; //$white;\n color: ", ";\n ", "\n ", "\n\n ", "\n &:hover {\n background-color: ", ";\n }\n"])), function (_a) {
|
|
128
131
|
var active = _a.active, colors = _a.theme.colors;
|
|
129
|
-
return active ? colors.primaryColor40 : "inherit";
|
|
132
|
+
return active ? ((colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40) : "inherit";
|
|
130
133
|
}, function (_a) {
|
|
131
134
|
var invert = _a.invert, composition = _a.composition, colors = _a.theme.colors;
|
|
132
135
|
return invert
|
|
133
|
-
? colors.primaryColor40
|
|
136
|
+
? ((colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40)
|
|
134
137
|
: composition === "iconOnly"
|
|
135
138
|
? greyColor100
|
|
136
|
-
: colors.primaryColorText;
|
|
139
|
+
: ((colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColor40);
|
|
137
140
|
}, function (_a) {
|
|
138
141
|
var color = _a.color;
|
|
139
142
|
return color && (0, styled_components_2.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), color);
|
|
@@ -152,7 +155,7 @@ var ButtonGhost = (0, styled_components_2.css)(templateObject_14 || (templateObj
|
|
|
152
155
|
? ""
|
|
153
156
|
: invert
|
|
154
157
|
? greyColor70
|
|
155
|
-
: colors.primaryColor10;
|
|
158
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor10) || primaryColor10;
|
|
156
159
|
});
|
|
157
160
|
var GoogleButton = (0, styled_components_2.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n color: #4285f4;\n border: 2px solid #4285f4;\n background-color: ", ";\n ", "\n"], ["\n color: #4285f4;\n border: 2px solid #4285f4;\n background-color: ", ";\n ", "\n"])), white, function (_a) {
|
|
158
161
|
var disabled = _a.disabled;
|
|
@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.StyledContainer = void 0;
|
|
11
|
-
var
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var mixins_1 = require("../../themes/mixins");
|
|
13
|
-
exports.StyledContainer =
|
|
13
|
+
exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0 2rem;\n ", "{\n padding: 0 6rem;\n }\n"], ["\n padding: 0 2rem;\n ", "{\n padding: 0 6rem;\n }\n"])), (0, mixins_1.mediaQuery)('sm'));
|
|
14
14
|
var templateObject_1;
|
|
@@ -123,7 +123,7 @@ var TextInput = function (props) {
|
|
|
123
123
|
react_1.default.createElement(index_styled_1.InputStyled, { className: 'SANS_3', id: id, type: type, name: type, placeholder: placeholder, value: value, onChange: handleOnChange, maxLength: maxNumLimiter, onBlur: handleValidateOnBlur, size: size, autoComplete: 'off' }),
|
|
124
124
|
inputStatus === 'loading' && (react_1.default.createElement("div", { style: { padding: '1rem 0' } },
|
|
125
125
|
react_1.default.createElement(Loader_1.Loader, { invert: invert, inline: true }))),
|
|
126
|
-
actionBtn && (react_1.default.createElement(Buttons_1.ButtonPrimary, { value: actionBtn.text, invert: actionBtn.invert, onClick: actionBtnEnabaled && actionBtn.onClick, disabled: !actionBtnEnabaled,
|
|
126
|
+
actionBtn && (react_1.default.createElement(Buttons_1.ButtonPrimary, { value: actionBtn.text, invert: actionBtn.invert, onClick: actionBtnEnabaled && actionBtn.onClick, disabled: !actionBtnEnabaled, style: { marginRight: '-2rem' } }))),
|
|
127
127
|
(inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.msg) && (react_1.default.createElement(index_styled_1.MsgContainer, { invert: invert, status: inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.type },
|
|
128
128
|
react_1.default.createElement(Typo_1.SANS_3, null, inputStatus.msg))))))));
|
|
129
129
|
};
|
|
@@ -8,8 +8,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.StyledWrapper = void 0;
|
|
11
|
-
var
|
|
12
|
-
exports.StyledWrapper =
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.StyledWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: ", ";\n margin: ", ";\n"], ["\n max-width: ", ";\n margin: ", ";\n"])), function (_a) {
|
|
13
13
|
var maxWidth = _a.maxWidth;
|
|
14
14
|
return maxWidth + 'px';
|
|
15
15
|
}, function (_a) {
|
package/dist/icons/LetterH.js
CHANGED
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
var LetterH = function (_a) {
|
|
8
8
|
var role = _a.role, size = _a.size;
|
|
9
|
-
return (react_1.default.createElement("svg", { role: role, xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-letter-h", width: size, height: size, viewBox: "0 0 256 256", strokeWidth: "24", stroke: "currentColor", fill: "none", strokeLinejoin: "round" },
|
|
9
|
+
return (react_1.default.createElement("svg", { role: role, xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-letter-h", width: size + 2, height: size + 2, viewBox: "0 0 256 256", strokeWidth: "24", stroke: "currentColor", fill: "none", strokeLinejoin: "round" },
|
|
10
10
|
react_1.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z" }),
|
|
11
|
-
react_1.default.createElement("line", { x1: "
|
|
12
|
-
react_1.default.createElement("line", { x1: "
|
|
13
|
-
react_1.default.createElement("line", { x1: "
|
|
11
|
+
react_1.default.createElement("line", { x1: "70", y1: "50", x2: "70", y2: "190", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
12
|
+
react_1.default.createElement("line", { x1: "170", y1: "116", x2: "70", y2: "116", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
13
|
+
react_1.default.createElement("line", { x1: "180", y1: "50", x2: "180", y2: "190", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
14
14
|
};
|
|
15
15
|
exports.default = LetterH;
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -48,6 +48,7 @@ export namespace phosphorIcons {
|
|
|
48
48
|
export { ImageSquare };
|
|
49
49
|
export { ListDashes };
|
|
50
50
|
export { ListNumbers };
|
|
51
|
+
export { ListPlus };
|
|
51
52
|
export { FileArrowUp };
|
|
52
53
|
export { VideoCamera };
|
|
53
54
|
export { Quotes };
|
|
@@ -121,6 +122,7 @@ import { CheckCircle } from "phosphor-react";
|
|
|
121
122
|
import { ImageSquare } from "phosphor-react";
|
|
122
123
|
import { ListDashes } from "phosphor-react";
|
|
123
124
|
import { ListNumbers } from "phosphor-react";
|
|
125
|
+
import { ListPlus } from "phosphor-react";
|
|
124
126
|
import { FileArrowUp } from "phosphor-react";
|
|
125
127
|
import { VideoCamera } from "phosphor-react";
|
|
126
128
|
import { Quotes } from "phosphor-react";
|
package/dist/icons/index.js
CHANGED
|
@@ -60,6 +60,7 @@ exports.phosphorIcons = {
|
|
|
60
60
|
ImageSquare: phosphor_react_1.ImageSquare,
|
|
61
61
|
ListDashes: phosphor_react_1.ListDashes,
|
|
62
62
|
ListNumbers: phosphor_react_1.ListNumbers,
|
|
63
|
+
ListPlus: phosphor_react_1.ListPlus,
|
|
63
64
|
FileArrowUp: phosphor_react_1.FileArrowUp,
|
|
64
65
|
VideoCamera: phosphor_react_1.VideoCamera,
|
|
65
66
|
Quotes: phosphor_react_1.Quotes,
|