oolib 2.132.7 → 2.133.0

package/dist/stories/{ResourceInput.stories.js → Oolib/components/ResourceInput.stories.js}

@@ -34,10 +34,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResourceInput = void 0;
 var react_1 = __importStar(require("react"));
-var ResourceInput_1 = require("../components/ResourceInput");
-var Wrappers_1 = require("../components/Wrappers");
-var Container_1 = require("../components/Container");
-var themes_1 = require("../themes");
+var ResourceInput_1 = require("../../../components/ResourceInput");
+var Wrappers_1 = require("../../../components/Wrappers");
+var Container_1 = require("../../../components/Container");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/ResourceInput",
     args: {

package/dist/stories/{SimpleTable.stories.js → Oolib/components/SimpleTable.stories.js}

@@ -39,11 +39,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimpleTable = void 0;
 var react_1 = __importStar(require("react"));
-var SimpleTable_1 = require("../components/SimpleTable");
+var SimpleTable_1 = require("../../../components/SimpleTable");
 var SimpleTable_mdx_1 = __importDefault(require("./SimpleTable.mdx"));
-var Wrappers_1 = require("../components/Wrappers");
-var Paddings_1 = require("../components/Paddings");
-var themes_1 = require("../themes");
+var Wrappers_1 = require("../../../components/Wrappers");
+var Paddings_1 = require("../../../components/Paddings");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/SimpleTable",
     argTypes: {

package/dist/stories/{SkeletonLoader.stories.js → Oolib/components/SkeletonLoader.stories.js}

@@ -14,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonLoader = void 0;
 var react_1 = __importDefault(require("react"));
-var SkeletonLoader_1 = require("../components/LoadersAndProgress/SkeletonLoader");
-var themes_1 = require("../themes");
-var Divider_1 = require("../components/Divider");
-var TextLoader_1 = require("../components/LoadersAndProgress/TextLoader");
-var Typo_1 = require("../components/Typo");
-var Paddings_1 = require("../components/Paddings");
+var SkeletonLoader_1 = require("../../../components/LoadersAndProgress/SkeletonLoader");
+var themes_1 = require("../../../themes");
+var Divider_1 = require("../../../components/Divider");
+var TextLoader_1 = require("../../../components/LoadersAndProgress/TextLoader");
+var Typo_1 = require("../../../components/Typo");
+var Paddings_1 = require("../../../components/Paddings");
 var availableColors = __spreadArray([undefined], Object.keys(themes_1.colors).sort(), true);
 exports.default = {
     title: "Components/SkeletonLoader",

package/dist/stories/{Switches.stories.js → Oolib/components/Switches.stories.js}

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwitchSingle = exports.SwitchDouble = void 0;
 var react_1 = __importStar(require("react"));
 var react_json_view_1 = __importDefault(require("react-json-view"));
-var Switches_1 = require("../components/Switches");
-var themes_1 = require("../themes");
+var Switches_1 = require("../../../components/Switches");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: 'Components/Switches',
     argTypes: {

package/dist/stories/{TabBar.stories.js → Oolib/components/TabBar.stories.js}

@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabBar_ = void 0;
 var react_1 = __importStar(require("react"));
-var TabBars = __importStar(require("../components/TabBar"));
+var TabBars = __importStar(require("../../../components/TabBar"));
 exports.default = {
     title: "Components/TabBar",
     argTypes: {

package/dist/stories/{TagClear.stories.js → Oolib/components/TagClear.stories.js}

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag_Clear_Ghost = exports.Tag_Clear_Secondary = exports.Tag_Clear_Primary = void 0;
-var Tags_1 = require("../components/Tags");
+var Tags_1 = require("../../../components/Tags");
 exports.default = {
     title: 'Components/Tag Clear',
     argTypes: {

package/dist/stories/{TagDisplay.stories.js → Oolib/components/TagDisplay.stories.js}

@@ -21,8 +21,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag_Display_Secondary = exports.Tag_Display_Primary = void 0;
-var Tags_1 = require("../components/Tags");
-var themes_1 = require("../themes");
+var Tags_1 = require("../../../components/Tags");
+var themes_1 = require("../../../themes");
 var availableColors = __spreadArray([undefined], Object.keys(themes_1.colors).sort(), true);
 exports.default = {
     title: "Components/Tag Display",

package/dist/stories/{TagLink.stories.js → Oolib/components/TagLink.stories.js}

@@ -13,7 +13,7 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag_Link_Secondary = exports.Tag_Link_Primary = void 0;
 var react_router_dom_1 = require("react-router-dom");
-var Tags_1 = require("../components/Tags");
+var Tags_1 = require("../../../components/Tags");
 exports.default = {
     title: 'Components/Tag Link',
     argTypes: {

package/dist/stories/{TagSelect.stories.js → Oolib/components/TagSelect.stories.js}

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag_Select = void 0;
-var Tags_1 = require("../components/Tags");
-var themes_1 = require("../themes");
+var Tags_1 = require("../../../components/Tags");
+var themes_1 = require("../../../themes");
 var greyColor100 = themes_1.colors.greyColor100;
 exports.default = {
     title: 'Components/Tag Select',

package/dist/stories/{TagsInput.stories.js → Oolib/components/TagsInput.stories.js}

@@ -48,12 +48,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagsInput = void 0;
 var react_1 = __importStar(require("react"));
-var Container_1 = require("../components/Container");
-var DropdownMulti_1 = require("../components/Dropdowns/DropdownMulti");
-var Paddings_1 = require("../components/Paddings");
-var themes_1 = require("../themes");
+var Container_1 = require("../../../components/Container");
+var DropdownMulti_1 = require("../../../components/Dropdowns/DropdownMulti");
+var Paddings_1 = require("../../../components/Paddings");
+var themes_1 = require("../../../themes");
 var TagsInput_mdx_1 = __importDefault(require("./TagsInput.mdx"));
-var icons_1 = require("../icons");
+var icons_1 = require("../../../icons");
 var availableIcons = __spreadArray([undefined], Object.keys(icons_1.icons).sort(), true);
 exports.default = {
     title: 'Components/TagsInput',

package/dist/stories/{TextInputs.stories.js → Oolib/components/TextInputs.stories.js}

@@ -36,9 +36,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Number_ = exports.URL_ = exports.Phone_ = exports.Password_ = exports.Email_ = exports.Text = void 0;
 var react_1 = __importStar(require("react"));
-var TextInputs_1 = require("../components/TextInputs");
-var icons_1 = require("../icons");
-var themes_1 = require("../themes");
+var TextInputs_1 = require("../../../components/TextInputs");
+var icons_1 = require("../../../icons");
+var themes_1 = require("../../../themes");
 var availableIcons = Object.keys(icons_1.icons).sort();
 exports.default = {
     title: 'Components/TextInputs',

package/dist/stories/{Tooltip.stories.js → Oolib/components/Tooltip.stories.js}

@@ -36,11 +36,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var react_1 = __importStar(require("react"));
-var Tooltip_1 = require("../components/Tooltip");
+var Tooltip_1 = require("../../../components/Tooltip");
 // import { ButtonPrimary } from '../components/Buttons';
 var phosphor_react_1 = require("phosphor-react");
 var lodash_1 = require("lodash");
-var themes_1 = require("../themes");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: 'Components/Tooltip',
     args: {

package/dist/stories/{Typo.stories.js → Oolib/components/Typo.stories.js}

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BLOCKQUOTE_ = exports.LABEL_ = exports.SERIF9_10 = exports.SERIF8_9 = exports.SERIF7_8 = exports.SERIF6_7 = exports.SERIF5_6 = exports.SERIF4_5 = exports.SERIF3_4 = exports.SERIF3 = exports.SANS7_8 = exports.SANS5_6 = exports.SANS4_5 = exports.SANS4 = exports.SANS3_4 = exports.SANS3 = exports.SANS2 = exports.SANS0 = exports.Playground = exports.List = void 0;
 var react_1 = __importDefault(require("react"));
-var Typo_1 = require("../components/Typo");
+var Typo_1 = require("../../../components/Typo");
 var Typo_mdx_1 = __importDefault(require("./Typo.mdx"));
-var themes_1 = require("../themes");
+var themes_1 = require("../../../themes");
 var greyColor100 = themes_1.colors.greyColor100;
 exports.default = {
     title: 'Components/Typography',

package/dist/stories/{UserRoleBadge.stories.js → Oolib/components/UserRoleBadge.stories.js}

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserRoleBadge = void 0;
-var UserRoleBadge_1 = require("../components/UserRoleBadge");
+var UserRoleBadge_1 = require("../../../components/UserRoleBadge");
 exports.default = {
     title: "Components/UserRoleBadge",
     argTypes: {

package/dist/stories/{Utilities.stories.js → Oolib/components/Utilities.stories.js}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Utilities = void 0;
-var Typo_1 = require("../components/Typo");
-var getVal_1 = require("../utils/getterSetterDeleter/getVal");
-var sortData_1 = require("../utils/sortData");
-var deleteVal_1 = require("../utils/getterSetterDeleter/deleteVal");
+var Typo_1 = require("../../../components/Typo");
+var getVal_1 = require("../../../utils/getterSetterDeleter/getVal");
+var sortData_1 = require("../../../utils/sortData");
+var deleteVal_1 = require("../../../utils/getterSetterDeleter/deleteVal");
 exports.default = {
     title: "Components/Utilities",
     // argTypes: {

package/dist/stories/{VideoInput.stories.js → Oolib/components/VideoInput.stories.js}

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoInput_ = void 0;
 var react_1 = require("react");
-var VideoInput_1 = __importDefault(require("../components/VideoInput"));
-var Wrappers_1 = require("../components/Wrappers");
-var themes_1 = require("../themes");
+var VideoInput_1 = __importDefault(require("../../../components/VideoInput"));
+var Wrappers_1 = require("../../../components/Wrappers");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/Video Input",
 };

package/dist/stories/{cards → Oolib/components/cards}/CardContent.stories.js

@@ -16,14 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Playground = exports.CardContent = void 0;
 var react_1 = __importDefault(require("react"));
-var Container_1 = require("../../components/Container");
-var Paddings_1 = require("../../components/Paddings");
-var WrapperCardGrid_1 = require("../../components/Wrappers/WrapperCardGrid");
-var Wrappers_1 = require("../../components/Wrappers");
-var CardContent_1 = require("../../components/cards/CardContent");
+var Container_1 = require("../../../../components/Container");
+var Paddings_1 = require("../../../../components/Paddings");
+var WrapperCardGrid_1 = require("../../../../components/Wrappers/WrapperCardGrid");
+var Wrappers_1 = require("../../../../components/Wrappers");
+var CardContent_1 = require("../../../../components/cards/CardContent");
 var cardArgTypes_1 = require("./utils/cardArgTypes");
 var parseCardArgs_1 = require("./utils/parseCardArgs");
-var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
+var makeArrayFromLength_1 = require("../../../../utils/makeArrayFromLength");
 exports.default = {
     title: "Components/CardContent",
     argTypes: __assign(__assign({}, cardArgTypes_1.commonCardArgTypes), cardArgTypes_1.cardContentArgTypes),

package/dist/stories/{cards → Oolib/components/cards}/CardEmbed.stories.js

@@ -16,13 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Playground = exports.CardEmbed = void 0;
 var react_1 = __importDefault(require("react"));
-var Container_1 = require("../../components/Container");
-var Paddings_1 = require("../../components/Paddings");
-var CardEmbed_1 = require("../../components/cards/CardEmbed");
+var Container_1 = require("../../../../components/Container");
+var Paddings_1 = require("../../../../components/Paddings");
+var CardEmbed_1 = require("../../../../components/cards/CardEmbed");
 var cardArgTypes_1 = require("./utils/cardArgTypes");
 var parseCardArgs_1 = require("./utils/parseCardArgs");
-var Wrappers_1 = require("../../components/Wrappers");
-var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
+var Wrappers_1 = require("../../../../components/Wrappers");
+var makeArrayFromLength_1 = require("../../../../utils/makeArrayFromLength");
 exports.default = {
     title: "Components/CardEmbed",
     argTypes: __assign(__assign({}, cardArgTypes_1.commonCardArgTypes), cardArgTypes_1.cardEmbedArgTypes),

package/dist/stories/{cards → Oolib/components/cards}/CardProfile.stories.js

@@ -16,15 +16,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Playground = exports.CardProfile = void 0;
 var react_1 = __importDefault(require("react"));
-var Container_1 = require("../../components/Container");
-var Paddings_1 = require("../../components/Paddings");
-var WrapperCardGrid_1 = require("../../components/Wrappers/WrapperCardGrid");
-var Wrappers_1 = require("../../components/Wrappers");
-var CardProfile_1 = require("../../components/cards/CardProfile");
+var Container_1 = require("../../../../components/Container");
+var Paddings_1 = require("../../../../components/Paddings");
+var WrapperCardGrid_1 = require("../../../../components/Wrappers/WrapperCardGrid");
+var Wrappers_1 = require("../../../../components/Wrappers");
+var CardProfile_1 = require("../../../../components/cards/CardProfile");
 var cardArgTypes_1 = require("./utils/cardArgTypes");
 var parseCardArgs_1 = require("./utils/parseCardArgs");
-var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
-var excludeKeys_1 = require("../../utilsOolib/excludeKeys");
+var makeArrayFromLength_1 = require("../../../../utils/makeArrayFromLength");
+var excludeKeys_1 = require("../../../../utilsOolib/excludeKeys");
 exports.default = {
     title: "Components/CardProfile",
     argTypes: __assign(__assign({}, (0, excludeKeys_1.excludeKeys)(cardArgTypes_1.commonCardArgTypes, ['mediaType', 'image', 'video'])), cardArgTypes_1.cardProfileArgTypes),

package/dist/stories/{cards → Oolib/components/cards}/ListContent.stories.js

@@ -16,14 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Playground = exports.ListContent = void 0;
 var react_1 = __importDefault(require("react"));
-var Container_1 = require("../../components/Container");
-var Paddings_1 = require("../../components/Paddings");
-var ListContent_1 = require("../../components/cards/ListContent");
+var Container_1 = require("../../../../components/Container");
+var Paddings_1 = require("../../../../components/Paddings");
+var ListContent_1 = require("../../../../components/cards/ListContent");
 var ListContent_mdx_1 = __importDefault(require("./ListContent.mdx"));
 var cardArgTypes_1 = require("./utils/cardArgTypes");
 var parseCardArgs_1 = require("./utils/parseCardArgs");
-var Wrappers_1 = require("../../components/Wrappers");
-var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
+var Wrappers_1 = require("../../../../components/Wrappers");
+var makeArrayFromLength_1 = require("../../../../utils/makeArrayFromLength");
 exports.default = {
     title: "Components/ListContent",
     argTypes: __assign(__assign({}, cardArgTypes_1.commonCardArgTypes), cardArgTypes_1.listContentArgTypes),

package/dist/stories/{cards → Oolib/components/cards}/ListProfile.stories.js

@@ -16,15 +16,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Playground = exports.ListProfile = void 0;
 var react_1 = __importDefault(require("react"));
-var Container_1 = require("../../components/Container");
-var Paddings_1 = require("../../components/Paddings");
-var WrapperCardGrid_1 = require("../../components/Wrappers/WrapperCardGrid");
-var Wrappers_1 = require("../../components/Wrappers");
-var ListProfile_1 = require("../../components/cards/ListProfile");
+var Container_1 = require("../../../../components/Container");
+var Paddings_1 = require("../../../../components/Paddings");
+var WrapperCardGrid_1 = require("../../../../components/Wrappers/WrapperCardGrid");
+var Wrappers_1 = require("../../../../components/Wrappers");
+var ListProfile_1 = require("../../../../components/cards/ListProfile");
 var cardArgTypes_1 = require("./utils/cardArgTypes");
 var parseCardArgs_1 = require("./utils/parseCardArgs");
-var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
-var excludeKeys_1 = require("../../utilsOolib/excludeKeys");
+var makeArrayFromLength_1 = require("../../../../utils/makeArrayFromLength");
+var excludeKeys_1 = require("../../../../utilsOolib/excludeKeys");
 exports.default = {
     title: "Components/ListProfile",
     argTypes: __assign(__assign({}, (0, excludeKeys_1.excludeKeys)(cardArgTypes_1.commonCardArgTypes, ['mediaType', 'image', 'video'])), cardArgTypes_1.listProfileArgTypes),

package/dist/stories/v2/themes/Typo.stories.d.ts

@@ -0,0 +1,46 @@
+declare namespace _default {
+    let title: string;
+    let argTypes: {
+        language: {
+            name: string;
+            options: string[];
+            mapping: {
+                English: string;
+                Hindi: string;
+            };
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        children: {
+            name: string;
+        };
+        'text-transform': {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        'text-decoration': {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+    let args: {
+        language: string;
+        children: string;
+        'text-transform': string;
+        'text-decoration': string;
+    };
+}
+export default _default;
+export function UIFont(args: any): React.JSX.Element;
+export function ContentFont(args: any): React.JSX.Element;
+import React from "react";

package/dist/stories/v2/themes/Typo.stories.js

@@ -0,0 +1,107 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentFont = exports.UIFont = void 0;
+var react_1 = __importDefault(require("react"));
+var Typo2_1 = require("../../../v2/components/Typo2");
+var themes_1 = require("../../../themes");
+var greyColor100 = themes_1.colors.greyColor100;
+exports.default = {
+    title: 'Oolib V 2.0/themes/Typography',
+    argTypes: {
+        language: {
+            name: "Language",
+            options: ['English', 'Hindi'],
+            mapping: {
+                English: '',
+                Hindi: 'hi',
+            },
+            control: { type: 'select' },
+            defaultValue: 'English',
+        },
+        children: {
+            name: "Text"
+        },
+        'text-transform': {
+            name: "Font Transform",
+            options: ['none', 'uppercase', 'capitalize', 'lowercase'],
+            control: { type: 'select' },
+            defaultValue: 'none',
+        },
+        'text-decoration': {
+            name: "Font decoration",
+            options: ['none', 'underline'],
+            control: { type: 'select' },
+            defaultValue: 'none',
+        },
+    },
+    args: {
+        language: "English",
+        children: '',
+        'text-transform': "none",
+        'text-decoration': "none",
+    },
+};
+var languageContent = {
+    hi: 'ऋषियों को सताने वाले दुष्ट राक्षसों के राजा रावण का सर्वनाश करने वाले विष्णुवतार भगवान श्रीराम, अयोध्या के महाराज दशरथ के बड़े सपुत्र थे।',
+};
+var GenComp = function (_a) {
+    var args = _a.args, Comp = _a.Comp, compName = _a.compName;
+    args[args['text-decoration']] = true;
+    args[args['text-transform']] = true;
+    if (!args.children)
+        args['children'] = languageContent[args.language] || 'Jinxed wizards pluck ivy from a big quilt';
+    console.log({ args: args });
+    return (react_1.default.createElement("div", { style: {
+            backgroundColor: args.invert ? greyColor100 : '',
+            minWidth: '90svw',
+            maxWidth: 'max-content',
+            fontFamily: args.Fonts
+        } },
+        react_1.default.createElement("div", { style: { display: 'flex', padding: '10px', alignItems: 'center', width: '100%', justifyContent: 'space-between', borderBottom: "1px solid ".concat(themes_1.colors.greyColor10) } },
+            react_1.default.createElement(Comp, __assign({}, args, { style: { maxWidth: "80%" } })),
+            react_1.default.createElement(Typo2_1.UI_TAG, null, compName))));
+};
+var UIFont = function (args) { return (react_1.default.createElement("div", { style: { width: '95vw', backgroundColor: args.invert ? greyColor100 : '' } },
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_DISPLAY, compName: "UI_DISPLAY" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_HEADLINE, compName: "UI_HEADLINE" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_HEADLINE_SM, compName: "UI_HEADLINE_SM" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TITLE, compName: "UI_TITLE" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TITLE_SM, compName: "UI_TITLE_SM" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CARDTITLE, compName: "UI_CARDTITLE" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CARDTITLE_BOLD, compName: "UI_CARDTITLE_BOLD" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY, compName: "UI_BODY" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_BOLD, compName: "UI_BODY_BOLD" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_PARAGRAPH, compName: "UI_PARAGRAPH" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_PARAGRAPH_BOLD, compName: "UI_PARAGRAPH_BOLD" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CAPTION, compName: "UI_CAPTION" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TAG, compName: "UI_TAG" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_HELPTEXT, compName: "UI_HELPTEXT" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_STAT_LG, compName: "UI_STAT_LG" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_STAT_SM, compName: "UI_STAT_SM" }))); };
+exports.UIFont = UIFont;
+var ContentFont = function (args) { return (react_1.default.createElement("div", { style: { width: '95vw', backgroundColor: args.invert ? greyColor100 : '' } },
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_H1, compName: "CONTENT_H1" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_H2, compName: "CONTENT_H2" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_H3, compName: "CONTENT_H3" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_BODY, compName: "CONTENT_BODY" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_BODY_BOLD, compName: "CONTENT_BODY_BOLD" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_BODY_ITALIC, compName: "CONTENT_BODY_ITALIC" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_BODY_BOLD_ITALIC, compName: "CONTENT_BODY_BOLD_ITALIC" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_QUOTE, compName: "CONTENT_QUOTE" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_TITLE_POSTIT, compName: "CONTENT_TITLE_POSTIT" }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.CONTENT_BODY_POSTIT, compName: "CONTENT_BODY_POSTIT" }))); };
+exports.ContentFont = ContentFont;

package/dist/v2/components/Typo2/index.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+export interface FontSetting {
+    type: 'textDecoration' | 'textTransform';
+    value: string;
+}
+export interface FontSettings {
+    overline: FontSetting;
+    linethrough: FontSetting;
+    underline: FontSetting;
+    capitalize: FontSetting;
+    uppercase: FontSetting;
+    lowercase: FontSetting;
+}
+export interface TypoProps {
+    value?: string;
+    suffix?: string;
+    color?: string;
+    children?: React.ReactNode;
+    theme?: any;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+export interface TypoCompProps {
+    [key: string]: any;
+}
+export declare const UI_DISPLAY: React.FunctionComponent<TypoCompProps>;
+export declare const UI_HEADLINE: React.FunctionComponent<TypoCompProps>;
+export declare const UI_HEADLINE_SM: React.FunctionComponent<TypoCompProps>;
+export declare const UI_TITLE: React.FunctionComponent<TypoCompProps>;
+export declare const UI_TITLE_SM: React.FunctionComponent<TypoCompProps>;
+export declare const UI_CARDTITLE: React.FunctionComponent<TypoCompProps>;
+export declare const UI_CARDTITLE_BOLD: React.FunctionComponent<TypoCompProps>;
+export declare const UI_BODY: React.FunctionComponent<TypoCompProps>;
+export declare const UI_BODY_BOLD: React.FunctionComponent<TypoCompProps>;
+export declare const UI_PARAGRAPH: React.FunctionComponent<TypoCompProps>;
+export declare const UI_PARAGRAPH_BOLD: React.FunctionComponent<TypoCompProps>;
+export declare const UI_CAPTION: React.FunctionComponent<TypoCompProps>;
+export declare const UI_TAG: React.FunctionComponent<TypoCompProps>;
+export declare const UI_HELPTEXT: React.FunctionComponent<TypoCompProps>;
+export declare const UI_STAT_LG: React.FunctionComponent<TypoCompProps>;
+export declare const UI_STAT_SM: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_H1: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_H2: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_H3: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_BODY: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_BODY_BOLD: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_BODY_ITALIC: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_BODY_BOLD_ITALIC: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_QUOTE: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_TITLE_POSTIT: React.FunctionComponent<TypoCompProps>;
+export declare const CONTENT_BODY_POSTIT: React.FunctionComponent<TypoCompProps>;
+export interface Typo2ClassesProviderProps {
+    [key: string]: any;
+}
+export declare const TypoV2ClassesProvider: React.FunctionComponent<Typo2ClassesProviderProps>;