oolib 2.161.0 → 2.163.0
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/index.d.ts +1 -0
- package/dist/index.js +3 -1
- package/dist/stories/v2/components/Button.stories.d.ts +20 -2
- package/dist/stories/v2/components/Button.stories.js +37 -15
- package/dist/stories/v2/components/Date.stories.d.ts +43 -0
- package/dist/stories/v2/components/Date.stories.js +61 -0
- package/dist/stories/v2/components/TextInputs.stories.js +1 -1
- package/dist/stories/v2/themes/Typo.stories.js +2 -0
- package/dist/themes/mixins/index.d.ts +1 -0
- package/dist/themes/mixins/index.js +10 -1
- package/dist/v2/components/Buttons/derivedComps/ButtonPrimaryCompact.d.ts +8 -0
- package/dist/v2/components/Buttons/derivedComps/ButtonPrimaryCompact.js +46 -0
- package/dist/v2/components/Buttons/derivedComps/ButtonSecondaryCompact.d.ts +2 -0
- package/dist/v2/components/Buttons/derivedComps/ButtonSecondaryCompact.js +26 -0
- package/dist/v2/components/Buttons/derivedComps/ButtonTertiaryCompact.d.ts +2 -0
- package/dist/v2/components/Buttons/derivedComps/ButtonTertiaryCompact.js +26 -0
- package/dist/v2/components/Buttons/index.d.ts +6 -2
- package/dist/v2/components/Buttons/index.js +21 -10
- package/dist/v2/components/Buttons/styled.d.ts +3 -19
- package/dist/v2/components/Buttons/styled.js +79 -61
- package/dist/v2/components/DateRangePicker/index.d.ts +19 -0
- package/dist/v2/components/DateRangePicker/index.js +124 -0
- package/dist/v2/components/DateRangePicker/styled.d.ts +7 -0
- package/dist/v2/components/DateRangePicker/styled.js +24 -0
- package/dist/v2/components/TabBar/index.js +1 -1
- package/dist/v2/components/TabBar/index.styled.js +2 -2
- package/dist/v2/components/TextInputs/index.js +3 -4
- package/dist/v2/components/Typo2/index.d.ts +2 -0
- package/dist/v2/components/Typo2/index.js +5 -1
- package/dist/v2/components/Typo2/index.styled.d.ts +2 -0
- package/dist/v2/components/Typo2/index.styled.js +19 -17
- package/dist/v2/components/cards/ListContent/index.js +1 -1
- package/dist/v2/components/cards/ListContent/styled.js +6 -3
- package/dist/v2/themes/typo.d.ts +2 -0
- package/dist/v2/themes/typo.js +21 -17
- package/package.json +2 -1
- package/dist/v2/components/Buttons/derivedComps/ActionButton.d.ts +0 -7
- package/dist/v2/components/Buttons/derivedComps/ActionButton.js +0 -43
- package/dist/v2/components/Buttons/derivedComps/ClearButton.d.ts +0 -6
- package/dist/v2/components/Buttons/derivedComps/ClearButton.js +0 -36
package/dist/v2/themes/typo.js
CHANGED
|
@@ -47,25 +47,27 @@ var UI_CAPTION_DESKTOP = (0, styled_components_1.css)(templateObject_27 || (temp
|
|
|
47
47
|
var UI_CAPTION_MOBILE = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 18px;\n"], ["\n font-size: 14px;\n line-height: 18px;\n"])));
|
|
48
48
|
var UI_CAPTION = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n"], ["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n"])), uiFont, fontCss, UI_CAPTION_DESKTOP);
|
|
49
49
|
var UI_CAPTION_BOLD = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n\n"])), uiFont, fontCss, UI_CAPTION_DESKTOP);
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
var
|
|
62
|
-
var
|
|
63
|
-
var
|
|
50
|
+
var UI_CAPTION_SEMIBOLD = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n font-weight: 500;\n ", ";\n ", ";\n\n ", ";\n"], ["\n font-weight: 500;\n ", ";\n ", ";\n\n ", ";\n"])), uiFont, fontCss, UI_CAPTION_DESKTOP);
|
|
51
|
+
var UI_CAPTION_DF = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"], ["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_CAPTION_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_CAPTION_DESKTOP);
|
|
52
|
+
var UI_CAPTION_SEMIBOLD_DF = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n font-weight: 500;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"], ["\n font-weight: 500;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_CAPTION_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_CAPTION_DESKTOP);
|
|
53
|
+
var UI_CAPTION_BOLD_DF = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_CAPTION_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_CAPTION_DESKTOP);
|
|
54
|
+
var UI_TAG = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n font-size: 10px;\n line-height: 13px;\n font-weight: 700; \n text-transform: uppercase;\n letter-spacing: 1px;\n ", ";\n ", ";\n"], ["\n font-size: 10px;\n line-height: 13px;\n font-weight: 700; \n text-transform: uppercase;\n letter-spacing: 1px;\n ", ";\n ", ";\n"])), uiFont, fontCss);
|
|
55
|
+
var UI_HELPTEXT = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400; \n ", ";\n ", ";\n"], ["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400; \n ", ";\n ", ";\n"])), uiFont, fontCss);
|
|
56
|
+
var UI_STAT_LG = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n font-size: 24px;\n line-height: 24px;\n font-weight: 500;\n ", ";\n ", ";\n"], ["\n font-size: 24px;\n line-height: 24px;\n font-weight: 500;\n ", ";\n ", ";\n"])), uiFont, fontCss);
|
|
57
|
+
var UI_STAT_SM = (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 18px;\n font-weight: 700;\n ", ";\n ", ";\n"], ["\n font-size: 14px;\n line-height: 18px;\n font-weight: 700;\n ", ";\n ", ";\n"])), uiFont, fontCss);
|
|
58
|
+
var CONTENT_H1 = (0, styled_components_1.css)(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n font-size: 36px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 36px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
|
|
59
|
+
var CONTENT_H2 = (0, styled_components_1.css)(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n font-size: 25px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 25px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
|
|
60
|
+
var CONTENT_H3 = (0, styled_components_1.css)(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n font-size: 18px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 18px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
|
|
61
|
+
var CONTENT_BODY = (0, styled_components_1.css)(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n font-size: 15px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"], ["\n font-size: 15px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"])), contentFont, fontCss);
|
|
62
|
+
var CONTENT_BODY_BOLD = (0, styled_components_1.css)(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n ", ";\n ", ";\n"])), contentFont, fontCss);
|
|
63
|
+
var CONTENT_BODY_ITALIC = (0, styled_components_1.css)(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n font-style: italic;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n font-style: italic;\n ", ";\n ", ";\n"])), contentFont, fontCss);
|
|
64
|
+
var CONTENT_BODY_BOLD_ITALIC = (0, styled_components_1.css)(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n font-style: italic;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n font-style: italic;\n ", ";\n ", ";\n"])), contentFont, fontCss);
|
|
65
|
+
var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n padding: 0 16px;\n font-size: 24px;\n line-height: 35.04px;\n font-weight: 400;\n font-style: italic;\n position: relative;\n ::before {\n /* Quote line (left) */\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n height: inherit; \n width: 6px; \n background-color: ", "; // temp colors need to replace with material colors */\n }\n ", ";\n ", ";\n"], ["\n padding: 0 16px;\n font-size: 24px;\n line-height: 35.04px;\n font-weight: 400;\n font-style: italic;\n position: relative;\n ::before {\n /* Quote line (left) */\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n height: inherit; \n width: 6px; \n background-color: ", "; // temp colors need to replace with material colors */\n }\n ", ";\n ", ";\n"])), function (_a) {
|
|
64
66
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
65
67
|
return invert ? colors.greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
|
|
66
68
|
}, contentFont, fontCss);
|
|
67
|
-
var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(
|
|
68
|
-
var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(
|
|
69
|
+
var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ", ";\n ", ";\n"], ["\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ", ";\n ", ";\n"])), contentFont, fontCss);
|
|
70
|
+
var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n ", ";\n ", ";\n"], ["\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n ", ";\n ", ";\n"])), contentFont, fontCss);
|
|
69
71
|
exports.typo = {
|
|
70
72
|
UI_DISPLAY: UI_DISPLAY,
|
|
71
73
|
UI_HEADLINE: UI_HEADLINE,
|
|
@@ -92,6 +94,8 @@ exports.typo = {
|
|
|
92
94
|
UI_PARAGRAPH_BOLD: UI_PARAGRAPH_BOLD,
|
|
93
95
|
UI_CAPTION: UI_CAPTION,
|
|
94
96
|
UI_CAPTION_BOLD: UI_CAPTION_BOLD,
|
|
97
|
+
UI_CAPTION_SEMIBOLD: UI_CAPTION_SEMIBOLD,
|
|
98
|
+
UI_CAPTION_SEMIBOLD_DF: UI_CAPTION_SEMIBOLD_DF,
|
|
95
99
|
UI_TAG: UI_TAG,
|
|
96
100
|
UI_HELPTEXT: UI_HELPTEXT,
|
|
97
101
|
UI_STAT_LG: UI_STAT_LG,
|
|
@@ -107,4 +111,4 @@ exports.typo = {
|
|
|
107
111
|
CONTENT_TITLE_POSTIT: CONTENT_TITLE_POSTIT,
|
|
108
112
|
CONTENT_BODY_POSTIT: CONTENT_BODY_POSTIT
|
|
109
113
|
};
|
|
110
|
-
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, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46;
|
|
114
|
+
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, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "oolib",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.163.0",
|
|
4
4
|
"description": " OKE Component Library",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -104,6 +104,7 @@
|
|
|
104
104
|
"modularscale-js": "^3.0.1",
|
|
105
105
|
"moment": "^2.24.0",
|
|
106
106
|
"phosphor-react": "^1.4.1",
|
|
107
|
+
"react-datepicker": "^7.6.0",
|
|
107
108
|
"react-player": "^2.12.0",
|
|
108
109
|
"react-virtualized": "^9.22.5",
|
|
109
110
|
"recharts": "^2.12.7"
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ButtonStyledProps } from "../styled";
|
|
3
|
-
export declare const StyledOriginalButton: import("styled-components").StyledComponent<"button", any, ButtonStyledProps, never>;
|
|
4
|
-
export interface ActionButtonInterface extends ButtonStyledProps {
|
|
5
|
-
value: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const ActionButton: React.FunctionComponent<ActionButtonInterface>;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.ActionButton = exports.StyledOriginalButton = void 0;
|
|
33
|
-
var react_1 = __importDefault(require("react"));
|
|
34
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
-
var styled_1 = require("../styled");
|
|
36
|
-
var Typo2_1 = require("../../Typo2");
|
|
37
|
-
exports.StyledOriginalButton = (0, styled_components_1.default)(styled_1.ButtonStyled)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n cursor: pointer;\n border: 0;\n padding: 4px 10px;\n"], ["\n border-radius: 14px;\n cursor: pointer;\n border: 0;\n padding: 4px 10px;\n"])));
|
|
38
|
-
var ActionButton = function (_a) {
|
|
39
|
-
var value = _a.value, props = __rest(_a, ["value"]);
|
|
40
|
-
return (react_1.default.createElement(exports.StyledOriginalButton, __assign({}, props, { variant: "primary" }), value && react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD, { semibold: true }, value)));
|
|
41
|
-
};
|
|
42
|
-
exports.ActionButton = ActionButton;
|
|
43
|
-
var templateObject_1;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.ClearButton = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var Typo2_1 = require("../../Typo2");
|
|
31
|
-
var ActionButton_1 = require("./ActionButton");
|
|
32
|
-
var ClearButton = function (_a) {
|
|
33
|
-
var value = _a.value, props = __rest(_a, ["value"]);
|
|
34
|
-
return (react_1.default.createElement(ActionButton_1.StyledOriginalButton, __assign({}, props, { variant: "secondary" }), value && react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD, { semibold: true }, value)));
|
|
35
|
-
};
|
|
36
|
-
exports.ClearButton = ClearButton;
|