oolib 1.3.0 → 1.5.2

package/dist/themes/colors.d.ts

@@ -0,0 +1,73 @@
+export namespace colors {
+    export { none };
+    export { white };
+    export { white_opacity50 };
+    export { white_opacity80 };
+    export { red };
+    export { lightRed };
+    export { invertRed };
+    export { yellow };
+    export { lightYellow };
+    export { green };
+    export { lightGreen };
+    export { invertGreen };
+    export { blue };
+    export { lightBlue };
+    export { black };
+    export { black_opacity05 };
+    export { black_opacity30 };
+    export { black_opacity50 };
+    export { black_opacity80 };
+    export { greyColor100 };
+    export { greyColor80 };
+    export { greyColor70 };
+    export { greyColor40 };
+    export { greyColor15 };
+    export { greyColor10 };
+    export { greyColor5 };
+    export { greyColor3 };
+    export { greyColor100_opacity70 };
+    export { lightShadowColor };
+    export { darkShadowColor };
+    export { disabledShadowColor };
+    export { primaryColor10 };
+    export { primaryColor100 };
+    export { primaryColor40 };
+    export { primaryColorText };
+}
+declare const none: "rgba(0,0,0,0)";
+declare const white: "#fff";
+declare const white_opacity50: "rgba(255, 255, 255, 0.5)";
+declare const white_opacity80: "rgba(255, 255, 255, 0.8)";
+declare const red: "#e60000";
+declare const lightRed: "#FCE6E6";
+declare const invertRed: "#FF9999";
+declare const yellow: "#FFCC00";
+declare const lightYellow: "#FFFAE6";
+declare const green: "#08A84B";
+declare const lightGreen: "#E6F6ED";
+declare const invertGreen: "#8AE5B0";
+declare const blue: "#33A4FF";
+declare const lightBlue: "#EBF6FF";
+declare const black: "#000";
+declare const black_opacity05: "rgba(0, 0, 0, 0.05)";
+declare const black_opacity30: "rgba(0, 0, 0, 0.3)";
+declare const black_opacity50: "rgba(0, 0, 0, 0.5)";
+declare const black_opacity80: "rgba(0, 0, 0, 0.8)";
+declare const greyColor100: "#383838";
+declare const greyColor80: "#606060";
+declare const greyColor70: "#747474";
+declare const greyColor40: "#afafaf";
+declare const greyColor15: "#e1e1e1";
+declare const greyColor10: "#EBEBEB";
+declare const greyColor5: "#f5f5f5";
+declare const greyColor3: "#f9f9f9";
+declare const greyColor100_opacity70: " rgba(56, 56, 56, 0.7)";
+declare const lightShadowColor: "#33A4FF";
+declare const darkShadowColor: "#fff";
+declare const disabledShadowColor: "#747474";
+declare const primaryColor10: "#ebf6ff";
+declare const primaryColor100: "#33A4FF";
+declare const primaryColor40: "#addbff";
+declare const primaryColorText: "#0071CC";
+export {};

package/dist/themes/colors.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = void 0;
+var none = 'rgba(0,0,0,0)';
+var primaryColor100 = '#33A4FF';
+var primaryColor40 = '#addbff';
+var primaryColor10 = '#ebf6ff';
+var primaryColorText = '#0071CC';
+var white = '#fff';
+var white_opacity50 = 'rgba(255, 255, 255, 0.5)';
+var white_opacity80 = 'rgba(255, 255, 255, 0.8)';
+var red = '#e60000';
+var lightRed = '#FCE6E6';
+var invertRed = '#FF9999';
+var yellow = '#FFCC00';
+var lightYellow = '#FFFAE6';
+var green = '#08A84B';
+var lightGreen = '#E6F6ED';
+var invertGreen = '#8AE5B0';
+var blue = '#33A4FF';
+var lightBlue = '#EBF6FF';
+var black = '#000';
+var black_opacity80 = 'rgba(0, 0, 0, 0.8)';
+var black_opacity30 = 'rgba(0, 0, 0, 0.3)';
+var black_opacity05 = 'rgba(0, 0, 0, 0.05)';
+var black_opacity50 = 'rgba(0, 0, 0, 0.5)';
+var greyColor100 = '#383838';
+var greyColor80 = '#606060';
+var greyColor70 = '#747474';
+var greyColor40 = '#afafaf';
+var greyColor15 = '#e1e1e1';
+var greyColor10 = '#EBEBEB';
+var greyColor5 = '#f5f5f5';
+var greyColor3 = '#f9f9f9';
+var greyColor100_opacity70 = ' rgba(56, 56, 56, 0.7)';
+var lightShadowColor = '#33A4FF';
+var darkShadowColor = white;
+var disabledShadowColor = greyColor70;
+exports.colors = {
+    none: none,
+    white: white,
+    white_opacity50: white_opacity50,
+    white_opacity80: white_opacity80,
+    red: red,
+    lightRed: lightRed,
+    invertRed: invertRed,
+    yellow: yellow,
+    lightYellow: lightYellow,
+    green: green,
+    lightGreen: lightGreen,
+    invertGreen: invertGreen,
+    blue: blue,
+    lightBlue: lightBlue,
+    black: black,
+    black_opacity05: black_opacity05,
+    black_opacity30: black_opacity30,
+    black_opacity50: black_opacity50,
+    black_opacity80: black_opacity80,
+    greyColor100: greyColor100,
+    greyColor80: greyColor80,
+    greyColor70: greyColor70,
+    greyColor40: greyColor40,
+    greyColor15: greyColor15,
+    greyColor10: greyColor10,
+    greyColor5: greyColor5,
+    greyColor3: greyColor3,
+    greyColor100_opacity70: greyColor100_opacity70,
+    lightShadowColor: lightShadowColor,
+    darkShadowColor: darkShadowColor,
+    disabledShadowColor: disabledShadowColor,
+    primaryColor10: primaryColor10,
+    primaryColor100: primaryColor100,
+    primaryColor40: primaryColor40,
+    primaryColorText: primaryColorText,
+};

package/dist/themes/index.d.ts

@@ -0,0 +1,2 @@
+export { colors } from "./colors";
+export { typo } from "./typo";

package/dist/themes/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typo = exports.colors = void 0;
+var colors_1 = require("./colors");
+Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return colors_1.colors; } });
+var typo_1 = require("./typo");
+Object.defineProperty(exports, "typo", { enumerable: true, get: function () { return typo_1.typo; } });

package/dist/themes/mixins/index.d.ts

@@ -0,0 +1,3 @@
+export function mediaQuery(point: any): any;
+import { kpTransition } from "./kp-transitions";
+export { kpTransition };

package/dist/themes/mixins/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kpTransition = exports.mediaQuery = void 0;
+var styled_components_1 = require("styled-components");
+var kp_transitions_1 = require("./kp-transitions");
+Object.defineProperty(exports, "kpTransition", { enumerable: true, get: function () { return kp_transitions_1.kpTransition; } });
+var mediaQuery = function (point) {
+    var breakpoints = {
+        xs: '0px',
+        sm: '600px',
+        md: '800px',
+        lg: '1000px',
+        xl: '1300px',
+        xxl: '1600px',
+    };
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["@media only screen and (min-width: ", ")"], ["@media only screen and (min-width: ", ")"])), breakpoints[point]);
+};
+exports.mediaQuery = mediaQuery;
+var templateObject_1;

package/dist/themes/mixins/kp-transitions.d.ts

@@ -0,0 +1 @@
+export function kpTransition(property: any): any;

package/dist/themes/mixins/kp-transitions.js

@@ -0,0 +1,11 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kpTransition = void 0;
+var styled_components_1 = require("styled-components");
+var kpTransition = function (property) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    transition: ", " 0.3s ease-out;\n  "], ["\n    transition: ", " 0.3s ease-out;\n  "])), property); };
+exports.kpTransition = kpTransition;
+var templateObject_1;

package/dist/themes/typo.d.ts

@@ -0,0 +1,33 @@
+export namespace typo {
+    export { SANS_0 };
+    export { SANS_2 };
+    export { SANS_3 };
+    export { LABEL };
+    export { SANS_4 };
+    export { SERIF_3_4 };
+    export { SERIF_3 };
+    export { SERIF_5_6 };
+    export { SERIF_9_10 };
+    export { SERIF_4_5 };
+    export { SERIF_7_8 };
+    export { SANS_4_5 };
+    export { SANS_7_8 };
+    export { SANS_5_6 };
+    export { BLOCKQUOTE };
+}
+declare const SANS_0: any;
+declare const SANS_2: any;
+declare const SANS_3: any;
+declare const LABEL: any;
+declare const SANS_4: any;
+declare const SERIF_3_4: any;
+declare const SERIF_3: any;
+declare const SERIF_5_6: any;
+declare const SERIF_9_10: any;
+declare const SERIF_4_5: any;
+declare const SERIF_7_8: any;
+declare const SANS_4_5: any;
+declare const SANS_7_8: any;
+declare const SANS_5_6: any;
+declare const BLOCKQUOTE: any;
+export {};

package/dist/themes/typo.js

@@ -0,0 +1,258 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typo = void 0;
+var styled_components_1 = require("styled-components");
+var modularscale_js_1 = __importDefault(require("modularscale-js"));
+var mixins_1 = require("./mixins");
+var colors_1 = require("./colors");
+var white = colors_1.colors.white, greyColor40 = colors_1.colors.greyColor40, greyColor80 = colors_1.colors.greyColor80;
+var msW = function (n) {
+    var modularscale = {
+        base: [10.24, 14],
+        ratio: 1.25,
+    };
+    return (0, modularscale_js_1.default)(n, modularscale);
+};
+var serif = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: 'noto_serif', 'noto_sans_devanagari', 'noto_sans_gu',\n    'noto_sans_te', 'noto_sans_kn', 'noto_sans_or', sans-serif;\n"], ["\n  font-family: 'noto_serif', 'noto_sans_devanagari', 'noto_sans_gu',\n    'noto_sans_te', 'noto_sans_kn', 'noto_sans_or', sans-serif;\n"])));
+var sansSerif = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-family: 'noto_sans', 'noto_sans_devanagari', 'noto_sans_gu',\n    'noto_sans_te', 'noto_sans_kn', 'noto_sans_or', sans-serif;\n"], ["\n  font-family: 'noto_sans', 'noto_sans_devanagari', 'noto_sans_gu',\n    'noto_sans_te', 'noto_sans_kn', 'noto_sans_or', sans-serif;\n"])));
+var fontCss = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-weight: ", ";\n  font-style: ", ";\n  text-transform: ", ";\n  text-decoration: ", ";\n  color: ", ";\n"], ["\n  font-weight: ", ";\n  font-style: ", ";\n  text-transform: ", ";\n  text-decoration: ", ";\n  color: ", ";\n"])), function (_a) {
+    var fontWeight = _a.fontWeight;
+    return fontWeight || '';
+}, function (_a) {
+    var fontStyle = _a.fontStyle;
+    return fontStyle || '';
+}, function (_a) {
+    var textTransform = _a.textTransform;
+    return textTransform || '';
+}, function (_a) {
+    var textDecoration = _a.textDecoration;
+    return textDecoration || '';
+}, function (_a) {
+    var color = _a.color, invert = _a.invert;
+    return (invert ? white : color);
+});
+var SANS_0 = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: ", ";\n  line-height: 1.6em;\n  ", "\n  ", "\n"], ["\n  font-size: ", ";\n  line-height: 1.6em;\n  ", "\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(2), "px");
+        default:
+            return "".concat(msW(0), "px");
+    }
+}, sansSerif, fontCss);
+var SANS_2 = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: ", ";\n  line-height: 1.7em;\n  ", "\n  ", "\n"], ["\n  font-size: ", ";\n  line-height: 1.7em;\n  ", "\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(3), "px");
+        default:
+            return "".concat(msW(2), "px");
+    }
+}, fontCss, sansSerif);
+var SANS_3 = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: ", ";\n  line-height: 1.5em;\n  ", "\n  ", "\n"], ["\n  font-size: ", ";\n  line-height: 1.5em;\n  ", "\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(4), "px");
+        default:
+            return "".concat(msW(3), "px");
+    }
+}, fontCss, sansSerif);
+var SANS_4 = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: ", ";\n  line-height: 1.6em;\n  ", "\n  ", "\n"], ["\n  font-size: ", ";\n  line-height: 1.6em;\n  ", "\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(5), "px");
+        default:
+            return "".concat(msW(4), "px");
+    }
+}, fontCss, sansSerif);
+var SANS_4_5 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __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) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(5), "px");
+        default:
+            return "".concat(msW(4), "px");
+    }
+}, fontCss, sansSerif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(6), "px");
+        default:
+            return "".concat(msW(5), "px");
+    }
+});
+var SANS_5_6 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __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) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(6), "px");
+        default:
+            return "".concat(msW(5), "px");
+    }
+}, fontCss, sansSerif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(7), "px");
+        default:
+            return "".concat(msW(6), "px");
+    }
+});
+var SANS_7_8 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __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) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(8), "px");
+        default:
+            return "".concat(msW(7), "px");
+    }
+}, fontCss, sansSerif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(9), "px");
+        default:
+            return "".concat(msW(8), "px");
+    }
+});
+var SERIF_3 = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: ", ";\n  line-height: 1.7em;\n  ", "\n  ", "\n"], ["\n  font-size: ", ";\n  line-height: 1.7em;\n  ", "\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(4), "px");
+        default:
+            return "".concat(msW(3), "px");
+    }
+}, fontCss, serif);
+var SERIF_3_4 = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: ", ";\n  line-height: 1.7em;\n  ", "\n  ", "\n  ", " {\n    font-size: ", ";\n  }\n"], ["\n  font-size: ", ";\n  line-height: 1.7em;\n  ", "\n  ", "\n  ", " {\n    font-size: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(4), "px");
+        default:
+            return "".concat(msW(3), "px");
+    }
+}, fontCss, serif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(5), "px");
+        default:
+            return "".concat(msW(4), "px");
+    }
+});
+var SERIF_4_5 = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __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) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(5), "px");
+        default:
+            return "".concat(msW(4), "px");
+    }
+}, fontCss, serif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(6), "px");
+        default:
+            return "".concat(msW(5), "px");
+    }
+});
+var SERIF_5_6 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __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) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(6), "px");
+        default:
+            return "".concat(msW(5), "px");
+    }
+}, fontCss, serif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(7), "px");
+        default:
+            return "".concat(msW(6), "px");
+    }
+});
+var SERIF_7_8 = (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) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(8), "px");
+        default:
+            return "".concat(msW(7), "px");
+    }
+}, fontCss, serif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(9), "px");
+        default:
+            return "".concat(msW(8), "px");
+    }
+});
+var SERIF_9_10 = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __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) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(10), "px");
+        default:
+            return "".concat(msW(9), "px");
+    }
+}, fontCss, serif, (0, mixins_1.mediaQuery)('md'), function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(11), "px");
+        default:
+            return "".concat(msW(10), "px");
+    }
+});
+var LABEL = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __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) {
+    var theme = _a.theme;
+    return ((theme === null || theme === void 0 ? void 0 : theme.lang) === 'hi' ? 0 : 0.1);
+}, function (_a) {
+    var theme = _a.theme;
+    switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
+        case 'hi':
+            return "".concat(msW(2), "px");
+        default:
+            return "".concat(msW(0), "px");
+    }
+}, function (_a) {
+    var color = _a.color, invert = _a.invert;
+    return (invert ? white : color);
+}, sansSerif);
+var BLOCKQUOTE = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  padding: 2rem;\n  border-left: 4px solid\n    ", ";\n  ", "\n  color: ", ";\n"], ["\n  padding: 2rem;\n  border-left: 4px solid\n    ", ";\n  ", "\n  color: ", ";\n"])), function (_a) {
+    var invert = _a.invert, colors = _a.theme.colors;
+    return invert ? greyColor40 : colors === null || colors === void 0 ? void 0 : colors.primaryColor100;
+}, SERIF_4_5, greyColor80);
+exports.typo = {
+    SANS_0: SANS_0,
+    SANS_2: SANS_2,
+    SANS_3: SANS_3,
+    LABEL: LABEL,
+    SANS_4: SANS_4,
+    SERIF_3_4: SERIF_3_4,
+    SERIF_3: SERIF_3,
+    SERIF_5_6: SERIF_5_6,
+    SERIF_9_10: SERIF_9_10,
+    SERIF_4_5: SERIF_4_5,
+    SERIF_7_8: SERIF_7_8,
+    SANS_4_5: SANS_4_5,
+    SANS_7_8: SANS_7_8,
+    SANS_5_6: SANS_5_6,
+    BLOCKQUOTE: BLOCKQUOTE,
+};
+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;

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "oolib",
-  "version": "1.3.0",
+  "version": "1.5.2",
   "description": " OKE Component Library",
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "copy-files": "copyfiles --up 1 src/assets/fonts/* dist",
     "start": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "build": "webpack",
-    "semantic-release": "semantic-release --branches main"
+    "build": "npx tsc",
+    "prebuild": "rm -rf dist",
+    "postbuild": "npm run copy-files",
+    "semantic-release": "semantic-release --branches main",
+    "chromatic": "npx chromatic --project-token=0db95ae1f8d9"
   },
   "repository": {
     "type": "git",
@@ -31,25 +36,21 @@
     "@storybook/builder-webpack5": "^6.4.0-beta.7",
     "@storybook/manager-webpack5": "^6.4.0-beta.7",
     "@storybook/react": "^6.4.0-beta.7",
-    "astroturf": "^1.0.0-beta.22",
     "babel-loader": "^8.2.2",
     "babel-plugin-styled-components": "^1.13.2",
-    "css-loader": "^6.3.0",
+    "chromatic": "^6.1.0",
+    "copyfiles": "^2.4.1",
     "cz-conventional-changelog": "^3.3.0",
-    "file-loader": "^6.2.0",
     "mdx-embed": "0.0.22",
-    "modularscale-js": "^3.0.1",
-    "phosphor-react": "^1.3.1",
     "postcss-flexbugs-fixes": "^5.0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-json-view": "^1.21.3",
     "semantic-release": "^18.0.0",
     "styled-components": "^5.3.1",
-    "url-loader": "^4.1.1",
     "webpack": "^5.58.1",
     "webpack-cli": "^4.8.0"
   },
-  "dependencies": {},
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
@@ -61,5 +62,14 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "modularscale-js": "^3.0.1",
+    "phosphor-react": "^1.3.1",
+    "babel-polyfill": "^6.26.0",
+    "draft-js": "^0.11.7",
+    "draftjs-conductor": "^2.2.0",
+    "immutable": "^3.7.6",
+    "react-router-dom": "^6.1.1"
   }
 }