oolib 2.9.2 → 2.10.2
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/TextInputs/index.js +6 -1
- package/dist/components/Typo/index.d.ts +1 -0
- package/dist/components/Typo/index.js +3 -1
- package/dist/components/Typo/index.styled.d.ts +1 -0
- package/dist/components/Typo/index.styled.js +8 -7
- package/dist/icons/IndexIcon.js +3 -3
- package/dist/themes/typo.d.ts +2 -0
- package/dist/themes/typo.js +23 -5
- package/package.json +1 -1
|
@@ -220,6 +220,9 @@ exports.URLInput = URLInput;
|
|
|
220
220
|
var NumberInput = function (props) {
|
|
221
221
|
var min = props.min, max = props.max;
|
|
222
222
|
var handleValidation = function (value) {
|
|
223
|
+
if (isNaN(value)) {
|
|
224
|
+
return { type: 'error', msg: 'Enter a number' };
|
|
225
|
+
}
|
|
223
226
|
if (min && value < min) {
|
|
224
227
|
return { type: 'error', msg: "Enter value greater than ".concat(min) };
|
|
225
228
|
}
|
|
@@ -227,6 +230,8 @@ var NumberInput = function (props) {
|
|
|
227
230
|
return { type: 'error', msg: "Enter value less than ".concat(max) };
|
|
228
231
|
}
|
|
229
232
|
};
|
|
230
|
-
return (react_1.default.createElement(exports.TextInput, __assign({}, props, {
|
|
233
|
+
return (react_1.default.createElement(exports.TextInput, __assign({}, props, {
|
|
234
|
+
// type="number"
|
|
235
|
+
validateOnBlur: handleValidation, placeholder: "Enter Number..." })));
|
|
231
236
|
};
|
|
232
237
|
exports.NumberInput = NumberInput;
|
|
@@ -10,6 +10,7 @@ export function SERIF_3(props: any): JSX.Element;
|
|
|
10
10
|
export function SERIF_3_4(props: any): JSX.Element;
|
|
11
11
|
export function SERIF_4_5(props: any): JSX.Element;
|
|
12
12
|
export function SERIF_5_6(props: any): JSX.Element;
|
|
13
|
+
export function SERIF_6_7(props: any): JSX.Element;
|
|
13
14
|
export function SERIF_7_8(props: any): JSX.Element;
|
|
14
15
|
export function SERIF_9_10(props: any): JSX.Element;
|
|
15
16
|
export function BLOCKQUOTE(props: any): JSX.Element;
|
|
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.TypoClassesProvider = exports.BLOCKQUOTE = exports.SERIF_9_10 = exports.SERIF_7_8 = exports.SERIF_5_6 = exports.SERIF_4_5 = exports.SERIF_3_4 = exports.SERIF_3 = exports.SANS_7_8 = exports.SANS_5_6 = exports.SANS_4_5 = exports.SANS_4 = exports.SANS_3 = exports.SANS_2 = exports.SANS_0 = exports.LABEL = void 0;
|
|
17
|
+
exports.TypoClassesProvider = exports.BLOCKQUOTE = exports.SERIF_9_10 = exports.SERIF_7_8 = exports.SERIF_6_7 = exports.SERIF_5_6 = exports.SERIF_4_5 = exports.SERIF_3_4 = exports.SERIF_3 = exports.SANS_7_8 = exports.SANS_5_6 = exports.SANS_4_5 = exports.SANS_4 = exports.SANS_3 = exports.SANS_2 = exports.SANS_0 = exports.LABEL = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var index_styled_1 = require("./index.styled");
|
|
20
20
|
var utilsOolib_1 = require("../../utilsOolib");
|
|
@@ -79,6 +79,8 @@ var SERIF_4_5 = function (props) { return (react_1.default.createElement(GenComp
|
|
|
79
79
|
exports.SERIF_4_5 = SERIF_4_5;
|
|
80
80
|
var SERIF_5_6 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_5_6_STYLED })); };
|
|
81
81
|
exports.SERIF_5_6 = SERIF_5_6;
|
|
82
|
+
var SERIF_6_7 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_6_7_STYLED })); };
|
|
83
|
+
exports.SERIF_6_7 = SERIF_6_7;
|
|
82
84
|
var SERIF_7_8 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_7_8_STYLED })); };
|
|
83
85
|
exports.SERIF_7_8 = SERIF_7_8;
|
|
84
86
|
var SERIF_9_10 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_9_10_STYLED })); };
|
|
@@ -9,6 +9,7 @@ export const SERIF_3_STYLED: any;
|
|
|
9
9
|
export const SERIF_3_4_STYLED: any;
|
|
10
10
|
export const SERIF_4_5_STYLED: any;
|
|
11
11
|
export const SERIF_5_6_STYLED: any;
|
|
12
|
+
export const SERIF_6_7_STYLED: any;
|
|
12
13
|
export const SERIF_7_8_STYLED: any;
|
|
13
14
|
export const SERIF_9_10_STYLED: any;
|
|
14
15
|
export const LABEL_STYLED: any;
|
|
@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.TYPOCLASSES = exports.BLOCKQUOTE_STYLED = exports.LABEL_STYLED = exports.SERIF_9_10_STYLED = exports.SERIF_7_8_STYLED = exports.SERIF_5_6_STYLED = exports.SERIF_4_5_STYLED = exports.SERIF_3_4_STYLED = exports.SERIF_3_STYLED = exports.SANS_7_8_STYLED = exports.SANS_5_6_STYLED = exports.SANS_4_5_STYLED = exports.SANS_4_STYLED = exports.SANS_3_STYLED = exports.SANS_2_STYLED = exports.SANS_0_STYLED = void 0;
|
|
10
|
+
exports.TYPOCLASSES = exports.BLOCKQUOTE_STYLED = exports.LABEL_STYLED = exports.SERIF_9_10_STYLED = exports.SERIF_7_8_STYLED = exports.SERIF_6_7_STYLED = exports.SERIF_5_6_STYLED = exports.SERIF_4_5_STYLED = exports.SERIF_3_4_STYLED = exports.SERIF_3_STYLED = exports.SANS_7_8_STYLED = exports.SANS_5_6_STYLED = exports.SANS_4_5_STYLED = exports.SANS_4_STYLED = exports.SANS_3_STYLED = exports.SANS_2_STYLED = exports.SANS_0_STYLED = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var index_1 = require("../../themes/index");
|
|
13
13
|
exports.SANS_0_STYLED = styled_components_1.default.h6(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_0);
|
|
@@ -21,9 +21,10 @@ exports.SERIF_3_STYLED = styled_components_1.default.h2(templateObject_8 || (tem
|
|
|
21
21
|
exports.SERIF_3_4_STYLED = styled_components_1.default.p(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_3_4);
|
|
22
22
|
exports.SERIF_4_5_STYLED = styled_components_1.default.h2(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_4_5);
|
|
23
23
|
exports.SERIF_5_6_STYLED = styled_components_1.default.h3(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_5_6);
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
26
|
-
exports.
|
|
27
|
-
exports.
|
|
28
|
-
exports.
|
|
29
|
-
|
|
24
|
+
exports.SERIF_6_7_STYLED = styled_components_1.default.h2(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_6_7);
|
|
25
|
+
exports.SERIF_7_8_STYLED = styled_components_1.default.h2(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_7_8);
|
|
26
|
+
exports.SERIF_9_10_STYLED = styled_components_1.default.h1(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_9_10);
|
|
27
|
+
exports.LABEL_STYLED = styled_components_1.default.h6(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.LABEL);
|
|
28
|
+
exports.BLOCKQUOTE_STYLED = styled_components_1.default.h3(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.BLOCKQUOTE);
|
|
29
|
+
exports.TYPOCLASSES = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n .SANS_0 {\n ", "\n }\n\n .SANS_2 {\n ", "\n }\n\n .SANS_3 {\n ", "\n }\n\n .SANS_4 {\n ", "\n }\n\n .SERIF_3 {\n ", "\n }\n\n .SANS_4_5 {\n ", "\n }\n\n .SANS_5_6 {\n ", "\n }\n\n .SERIF_3_4 {\n ", "\n }\n\n .SERIF_4_5 {\n ", "\n }\n\n .SERIF_5_6 {\n ", "\n }\n\n .SERIF_6_7 {\n ", "\n }\n\n .SERIF_7_8 {\n ", "\n }\n\n .SERIF_9_10 {\n ", "\n }\n\n .LABEL {\n ", "\n }\n\n .SANS_7_8 {\n ", "\n }\n\n .BLOCKQUOTE {\n ", "\n }\n\n .OKE-markdown {\n a,\n p {\n ", "\n }\n }\n"], ["\n .SANS_0 {\n ", "\n }\n\n .SANS_2 {\n ", "\n }\n\n .SANS_3 {\n ", "\n }\n\n .SANS_4 {\n ", "\n }\n\n .SERIF_3 {\n ", "\n }\n\n .SANS_4_5 {\n ", "\n }\n\n .SANS_5_6 {\n ", "\n }\n\n .SERIF_3_4 {\n ", "\n }\n\n .SERIF_4_5 {\n ", "\n }\n\n .SERIF_5_6 {\n ", "\n }\n\n .SERIF_6_7 {\n ", "\n }\n\n .SERIF_7_8 {\n ", "\n }\n\n .SERIF_9_10 {\n ", "\n }\n\n .LABEL {\n ", "\n }\n\n .SANS_7_8 {\n ", "\n }\n\n .BLOCKQUOTE {\n ", "\n }\n\n .OKE-markdown {\n a,\n p {\n ", "\n }\n }\n"])), index_1.typo.SANS_0, index_1.typo.SANS_2, index_1.typo.SANS_3, index_1.typo.SANS_4, index_1.typo.SERIF_3, index_1.typo.SANS_4_5, index_1.typo.SANS_5_6, index_1.typo.SERIF_3_4, index_1.typo.SERIF_4_5, index_1.typo.SERIF_5_6, index_1.typo.SERIF_6_7, index_1.typo.SERIF_7_8, index_1.typo.SERIF_9_10, index_1.typo.LABEL, index_1.typo.SANS_7_8, index_1.typo.BLOCKQUOTE, index_1.typo.SANS_3);
|
|
30
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
|
package/dist/icons/IndexIcon.js
CHANGED
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
function index() {
|
|
8
8
|
return (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
9
|
-
react_1.default.createElement("path", { d: "M6 7H18", stroke: "black",
|
|
10
|
-
react_1.default.createElement("path", { d: "M6 12H18", stroke: "black",
|
|
11
|
-
react_1.default.createElement("path", { d: "M6 17L12 17", stroke: "black", "stroke-width": "2",
|
|
9
|
+
react_1.default.createElement("path", { d: "M6 7H18", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
10
|
+
react_1.default.createElement("path", { d: "M6 12H18", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
11
|
+
react_1.default.createElement("path", { d: "M6 17L12 17", stroke: "black", "stroke-width": "2", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
12
12
|
}
|
|
13
13
|
exports.default = index;
|
package/dist/themes/typo.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export namespace typo {
|
|
|
11
11
|
export { SERIF_5_6 };
|
|
12
12
|
export { SERIF_9_10 };
|
|
13
13
|
export { SERIF_4_5 };
|
|
14
|
+
export { SERIF_6_7 };
|
|
14
15
|
export { SERIF_7_8 };
|
|
15
16
|
export { SANS_4_5 };
|
|
16
17
|
export { SANS_7_8 };
|
|
@@ -29,6 +30,7 @@ declare const SERIF_3: any;
|
|
|
29
30
|
declare const SERIF_5_6: any;
|
|
30
31
|
declare const SERIF_9_10: any;
|
|
31
32
|
declare const SERIF_4_5: any;
|
|
33
|
+
declare const SERIF_6_7: any;
|
|
32
34
|
declare const SERIF_7_8: any;
|
|
33
35
|
declare const SANS_4_5: any;
|
|
34
36
|
declare const SANS_7_8: any;
|
package/dist/themes/typo.js
CHANGED
|
@@ -185,7 +185,24 @@ var SERIF_5_6 = (0, styled_components_1.css)(templateObject_14 || (templateObjec
|
|
|
185
185
|
return "".concat(msW(6), "px");
|
|
186
186
|
}
|
|
187
187
|
});
|
|
188
|
-
var
|
|
188
|
+
var SERIF_6_7 = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
189
|
+
var theme = _a.theme;
|
|
190
|
+
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
191
|
+
case 'hi':
|
|
192
|
+
return "".concat(msW(7), "px");
|
|
193
|
+
default:
|
|
194
|
+
return "".concat(msW(6), "px");
|
|
195
|
+
}
|
|
196
|
+
}, fontCss, serif, (0, mixins_1.mediaQuery)('md'), function (_a) {
|
|
197
|
+
var theme = _a.theme;
|
|
198
|
+
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
199
|
+
case 'hi':
|
|
200
|
+
return "".concat(msW(8), "px");
|
|
201
|
+
default:
|
|
202
|
+
return "".concat(msW(7), "px");
|
|
203
|
+
}
|
|
204
|
+
});
|
|
205
|
+
var SERIF_7_8 = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
189
206
|
var theme = _a.theme;
|
|
190
207
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
191
208
|
case 'hi':
|
|
@@ -202,7 +219,7 @@ var SERIF_7_8 = (0, styled_components_1.css)(templateObject_15 || (templateObjec
|
|
|
202
219
|
return "".concat(msW(8), "px");
|
|
203
220
|
}
|
|
204
221
|
});
|
|
205
|
-
var SERIF_9_10 = (0, styled_components_1.css)(
|
|
222
|
+
var SERIF_9_10 = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.5em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
206
223
|
var theme = _a.theme;
|
|
207
224
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
208
225
|
case 'hi':
|
|
@@ -219,7 +236,7 @@ var SERIF_9_10 = (0, styled_components_1.css)(templateObject_16 || (templateObje
|
|
|
219
236
|
return "".concat(msW(10), "px");
|
|
220
237
|
}
|
|
221
238
|
});
|
|
222
|
-
var LABEL = (0, styled_components_1.css)(
|
|
239
|
+
var LABEL = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n letter-spacing: ", "em;\n font-size: ", ";\n color: ", ";\n line-height: 1.6em;\n font-weight: 600;\n text-transform: uppercase;\n ", "\n"], ["\n letter-spacing: ", "em;\n font-size: ", ";\n color: ", ";\n line-height: 1.6em;\n font-weight: 600;\n text-transform: uppercase;\n ", "\n"])), function (_a) {
|
|
223
240
|
var theme = _a.theme;
|
|
224
241
|
return ((theme === null || theme === void 0 ? void 0 : theme.lang) === 'hi' ? 0 : 0.1);
|
|
225
242
|
}, function (_a) {
|
|
@@ -234,7 +251,7 @@ var LABEL = (0, styled_components_1.css)(templateObject_17 || (templateObject_17
|
|
|
234
251
|
var color = _a.color, invert = _a.invert;
|
|
235
252
|
return (invert ? white : color);
|
|
236
253
|
}, sansSerif);
|
|
237
|
-
var BLOCKQUOTE = (0, styled_components_1.css)(
|
|
254
|
+
var BLOCKQUOTE = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n padding: 2rem;\n border-left: 4px solid\n ", ";\n ", ";\n font-style: italic;\n color: ", ";\n margin-inline-start: 25px;\n margin-inline-end: 25px;\n"], ["\n padding: 2rem;\n border-left: 4px solid\n ", ";\n ", ";\n font-style: italic;\n color: ", ";\n margin-inline-start: 25px;\n margin-inline-end: 25px;\n"])), function (_a) {
|
|
238
255
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
239
256
|
return invert ? greyColor40 : colors === null || colors === void 0 ? void 0 : colors.primaryColor100;
|
|
240
257
|
}, SERIF_4_5, greyColor80);
|
|
@@ -251,10 +268,11 @@ exports.typo = {
|
|
|
251
268
|
SERIF_5_6: SERIF_5_6,
|
|
252
269
|
SERIF_9_10: SERIF_9_10,
|
|
253
270
|
SERIF_4_5: SERIF_4_5,
|
|
271
|
+
SERIF_6_7: SERIF_6_7,
|
|
254
272
|
SERIF_7_8: SERIF_7_8,
|
|
255
273
|
SANS_4_5: SANS_4_5,
|
|
256
274
|
SANS_7_8: SANS_7_8,
|
|
257
275
|
SANS_5_6: SANS_5_6,
|
|
258
276
|
BLOCKQUOTE: BLOCKQUOTE,
|
|
259
277
|
};
|
|
260
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
|
|
278
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
|