oolib 2.110.1 → 2.111.0

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

@@ -0,0 +1,304 @@
+/// <reference types="mdx" />
+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;
+        };
+        'font-style': {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        'font-weight': {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        'text-transform': {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        'text-decoration': {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        invert: {
+            name: string;
+        };
+    };
+    let args: {
+        language: string;
+        children: string;
+        'font-style': string;
+        'font-weight': string;
+        'text-transform': string;
+        'text-decoration': string;
+        invert: boolean;
+    };
+    namespace parameters {
+        namespace docs {
+            export { TypoDocs as page };
+        }
+    }
+}
+export default _default;
+export function List(args: any): React.JSX.Element;
+export function Playground(args: any): React.JSX.Element;
+export namespace Playground {
+    export { PlaygroundArgTypes as argTypes };
+    export { PlaygroundArgs as args };
+}
+export function SANS0(args: any): React.JSX.Element;
+export function SANS2(args: any): React.JSX.Element;
+export function SANS3(args: any): React.JSX.Element;
+export function SANS3_4(args: any): React.JSX.Element;
+export function SANS4(args: any): React.JSX.Element;
+export function SANS4_5(args: any): React.JSX.Element;
+export function SANS5_6(args: any): React.JSX.Element;
+export function SANS7_8(args: any): React.JSX.Element;
+export function SERIF3(args: any): React.JSX.Element;
+export function SERIF3_4(args: any): React.JSX.Element;
+export function SERIF4_5(args: any): React.JSX.Element;
+export function SERIF5_6(args: any): React.JSX.Element;
+export function SERIF6_7(args: any): React.JSX.Element;
+export function SERIF7_8(args: any): React.JSX.Element;
+export function SERIF8_9(args: any): React.JSX.Element;
+export function SERIF9_10(args: any): React.JSX.Element;
+export function LABEL_(args: any): React.JSX.Element;
+export namespace LABEL_ {
+    export namespace parameters_1 {
+        namespace controls {
+            let include: string[];
+        }
+    }
+    export { parameters_1 as parameters };
+}
+export function BLOCKQUOTE_(args: any): React.JSX.Element;
+export namespace BLOCKQUOTE_ {
+    export namespace parameters_2 {
+        export namespace controls_1 {
+            let exclude: string[];
+        }
+        export { controls_1 as controls };
+    }
+    export { parameters_2 as parameters };
+}
+import TypoDocs from './Typo.mdx';
+import React from 'react';
+declare namespace PlaygroundArgTypes {
+    namespace paragraph1 {
+        let name: string;
+        namespace control {
+            let type: string;
+        }
+        let defaultValue: string;
+    }
+    namespace paragraph2 {
+        let name_1: string;
+        export { name_1 as name };
+        export namespace control_1 {
+            let type_1: string;
+            export { type_1 as type };
+        }
+        export { control_1 as control };
+        let defaultValue_1: string;
+        export { defaultValue_1 as defaultValue };
+    }
+    namespace Fonts {
+        let name_2: string;
+        export { name_2 as name };
+        export namespace control_2 {
+            let type_2: string;
+            export { type_2 as type };
+        }
+        export { control_2 as control };
+        export { options };
+        let defaultValue_2: string;
+        export { defaultValue_2 as defaultValue };
+    }
+    namespace Fonts2 {
+        let name_3: string;
+        export { name_3 as name };
+        export namespace control_3 {
+            let type_3: string;
+            export { type_3 as type };
+        }
+        export { control_3 as control };
+        export { options };
+        let defaultValue_3: string;
+        export { defaultValue_3 as defaultValue };
+    }
+    namespace fontStyle1 {
+        let name_4: string;
+        export { name_4 as name };
+        let options_1: string[];
+        export { options_1 as options };
+        export namespace control_4 {
+            let type_4: string;
+            export { type_4 as type };
+        }
+        export { control_4 as control };
+        let defaultValue_4: string;
+        export { defaultValue_4 as defaultValue };
+    }
+    namespace fontStyle2 {
+        let name_5: string;
+        export { name_5 as name };
+        let options_2: string[];
+        export { options_2 as options };
+        export namespace control_5 {
+            let type_5: string;
+            export { type_5 as type };
+        }
+        export { control_5 as control };
+        let defaultValue_5: string;
+        export { defaultValue_5 as defaultValue };
+    }
+    namespace fontWeight1 {
+        let name_6: string;
+        export { name_6 as name };
+        let options_3: string[];
+        export { options_3 as options };
+        export namespace control_6 {
+            let type_6: string;
+            export { type_6 as type };
+        }
+        export { control_6 as control };
+        let defaultValue_6: string;
+        export { defaultValue_6 as defaultValue };
+    }
+    namespace fontWeight2 {
+        let name_7: string;
+        export { name_7 as name };
+        let options_4: string[];
+        export { options_4 as options };
+        export namespace control_7 {
+            let type_7: string;
+            export { type_7 as type };
+        }
+        export { control_7 as control };
+        let defaultValue_7: string;
+        export { defaultValue_7 as defaultValue };
+    }
+    namespace textTransform1 {
+        let name_8: string;
+        export { name_8 as name };
+        let options_5: string[];
+        export { options_5 as options };
+        export namespace control_8 {
+            let type_8: string;
+            export { type_8 as type };
+        }
+        export { control_8 as control };
+        let defaultValue_8: string;
+        export { defaultValue_8 as defaultValue };
+    }
+    namespace textTransform2 {
+        let name_9: string;
+        export { name_9 as name };
+        let options_6: string[];
+        export { options_6 as options };
+        export namespace control_9 {
+            let type_9: string;
+            export { type_9 as type };
+        }
+        export { control_9 as control };
+        let defaultValue_9: string;
+        export { defaultValue_9 as defaultValue };
+    }
+    namespace textDecoration1 {
+        let name_10: string;
+        export { name_10 as name };
+        let options_7: string[];
+        export { options_7 as options };
+        export namespace control_10 {
+            let type_10: string;
+            export { type_10 as type };
+        }
+        export { control_10 as control };
+        let defaultValue_10: string;
+        export { defaultValue_10 as defaultValue };
+    }
+    namespace textDecoration2 {
+        let name_11: string;
+        export { name_11 as name };
+        let options_8: string[];
+        export { options_8 as options };
+        export namespace control_11 {
+            let type_11: string;
+            export { type_11 as type };
+        }
+        export { control_11 as control };
+        let defaultValue_11: string;
+        export { defaultValue_11 as defaultValue };
+    }
+    namespace direction {
+        let name_12: string;
+        export { name_12 as name };
+        let options_9: string[];
+        export { options_9 as options };
+        export namespace control_12 {
+            let type_12: string;
+            export { type_12 as type };
+        }
+        export { control_12 as control };
+        let defaultValue_12: string;
+        export { defaultValue_12 as defaultValue };
+    }
+}
+declare namespace PlaygroundArgs {
+    let paragraph1_1: string;
+    export { paragraph1_1 as paragraph1 };
+    let paragraph2_1: string;
+    export { paragraph2_1 as paragraph2 };
+    let Fonts_1: string;
+    export { Fonts_1 as Fonts };
+    let Fonts2_1: string;
+    export { Fonts2_1 as Fonts2 };
+    let fontStyle1_1: string;
+    export { fontStyle1_1 as fontStyle1 };
+    let fontStyle2_1: string;
+    export { fontStyle2_1 as fontStyle2 };
+    let fontWeight1_1: string;
+    export { fontWeight1_1 as fontWeight1 };
+    let fontWeight2_1: string;
+    export { fontWeight2_1 as fontWeight2 };
+    let textTransform1_1: string;
+    export { textTransform1_1 as textTransform1 };
+    let textTransform2_1: string;
+    export { textTransform2_1 as textTransform2 };
+    let textDecoration1_1: string;
+    export { textDecoration1_1 as textDecoration1 };
+    let textDecoration2_1: string;
+    export { textDecoration2_1 as textDecoration2 };
+    let direction_1: string;
+    export { direction_1 as direction };
+}
+declare const options: string[];

package/dist/stories/Typo.stories.js

@@ -0,0 +1,357 @@
+"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.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_mdx_1 = __importDefault(require("./Typo.mdx"));
+var themes_1 = require("../themes");
+var greyColor100 = themes_1.colors.greyColor100;
+exports.default = {
+    title: 'Components/Typography',
+    argTypes: {
+        language: {
+            name: "Language",
+            options: ['English', 'Hindi'],
+            mapping: {
+                English: '',
+                Hindi: 'hi',
+            },
+            control: { type: 'select' },
+            defaultValue: 'English',
+        },
+        children: {
+            name: "Text"
+        },
+        'font-style': {
+            name: "Font Style",
+            options: ['normal', 'italic'],
+            control: { type: 'select' },
+            defaultValue: 'normal',
+        },
+        'font-weight': {
+            name: "Font weight",
+            options: ['normal', 'semibold', 'bold'],
+            control: { type: 'select' },
+            defaultValue: 'normal',
+        },
+        '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',
+        },
+        invert: {
+            name: "Invert"
+        }
+    },
+    args: {
+        language: "English",
+        children: '',
+        'font-style': "normal",
+        'font-weight': "normal",
+        'text-transform': "none",
+        'text-decoration': "none",
+        invert: false,
+    },
+    parameters: {
+        docs: {
+            page: Typo_mdx_1.default,
+        },
+    },
+};
+var languageContent = {
+    hi: 'यह कुछ हिंदी पाठ है',
+};
+var theme = {
+    language: 'hi',
+    colors: {
+        primaryColor100: greyColor100,
+    },
+};
+var GenComp = function (_a) {
+    var args = _a.args, Comp = _a.Comp;
+    args[args['font-style']] = true;
+    args[args['font-weight']] = true;
+    args[args['text-decoration']] = true;
+    args[args['text-transform']] = true;
+    if (!args.children)
+        args['children'] = languageContent[args.language] || 'This is default Text';
+    args['theme'] = { colors: { primaryColor100: greyColor100 } };
+    return (react_1.default.createElement("div", { style: {
+            backgroundColor: args.invert ? greyColor100 : '',
+            padding: '10px',
+            width: 'fit-content',
+            fontFamily: args.Fonts
+        } },
+        react_1.default.createElement(Comp, __assign({}, args))));
+};
+var List = function (args) { return (react_1.default.createElement("div", { style: { width: '95vw', backgroundColor: args.invert ? greyColor100 : '' } },
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_0 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_2 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_3 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_3_4 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_4 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_4_5 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_5_6 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_7_8 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_3 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_3_4 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_4_5 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_5_6 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_6_7 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_7_8 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_8_9 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_9_10 }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.LABEL }),
+    react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.BLOCKQUOTE }))); };
+exports.List = List;
+var languageContentPlayground = {
+    hi: 'आप बदलाव की परियोजनाओं, अपने संकुल के स्कूलों में की गई पहल अथवा एक सरकारी कार्यक्रम के कार्यान्वयन के बारे में लिख सकते/सकती हैं जहाँ आपने कुछ सीखा हो या आपको लगता है कि कोई गतिविधि सीखने लायक हो सकती है। जिन स्कूलों में आप काम करते हैं, वहां परिस्थितियों को सुधारने के लिए आप शायद नई पहलों का प्रयोग कर रहे/रहीं हों। यह एक बहुत ही महत्वपूर्ण बात है जो सहकर्मियों और अन्य लोगों को बताया जा सकता है कि इस पहल के प्रयोग में लाने का कारण क्या था। यह विचार कैसे आया? आपने अब तक जो कदम उठाए हैं वो दूसरों के लिए बहुत दिलचस्प और आकर्षक हो सकते हैं।',
+    En: 'Once upon a time, in a magical kingdom far, far away, there lived a beautiful princess named Aurora. She had long golden hair that flowed like a river and eyes as blue as the sky. She was loved by all who knew her, but she was cursed by an evil witch on the day of her birth. The curse stated that on her sixteenth birthday, she would prick her finger on the spindle of a spinning wheel and die. The king and queen, her loving parents, did everything in their power to keep her safe, but they were not able to prevent her from fulfilling the curse.'
+};
+var options = [
+    "SANS_0",
+    "SANS_2",
+    "SANS_3",
+    "SANS_3_4",
+    "SANS_4",
+    "SANS_4_5",
+    "SANS_5_6",
+    "SANS_7_8",
+    "SERIF_3",
+    "SERIF_3_4",
+    "SERIF_4_5",
+    "SERIF_5_6",
+    "SERIF_6_7",
+    "SERIF_7_8",
+    "SERIF_8_9",
+    "SERIF_9_10",
+    "LABEL",
+    "BLOCKQUOTE"
+];
+var PlaygroundArgTypes = {
+    paragraph1: {
+        name: 'Paragraph 1',
+        control: { type: 'text' },
+        defaultValue: ""
+    },
+    paragraph2: {
+        name: 'Paragraph 2',
+        control: { type: 'text' },
+        defaultValue: ""
+    },
+    Fonts: {
+        name: "Font 1",
+        control: { type: 'select' },
+        options: options,
+        defaultValue: 'SANS_2'
+    },
+    Fonts2: {
+        name: "Font 2",
+        control: { type: 'select' },
+        options: options,
+        defaultValue: 'SANS_2'
+    },
+    fontStyle1: {
+        name: 'Font Style 1',
+        options: ['normal', 'italic'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'normal',
+    },
+    fontStyle2: {
+        name: 'Font Style 2',
+        options: ['normal', 'italic'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'normal',
+    },
+    fontWeight1: {
+        name: 'Font Weight 1',
+        options: ['normal', 'semibold', 'bold'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'normal',
+    },
+    fontWeight2: {
+        name: 'Font Weight 2',
+        options: ['normal', 'semibold', 'bold'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'normal',
+    },
+    textTransform1: {
+        name: 'Text Transform 1',
+        options: ['none', 'uppercase', 'capitalize', 'lowercase'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'none',
+    },
+    textTransform2: {
+        name: 'Text Transform 2',
+        options: ['none', 'uppercase', 'capitalize', 'lowercase'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'none',
+    },
+    textDecoration1: {
+        name: 'Text Decoration 1',
+        options: ['none', 'underline'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'none',
+    },
+    textDecoration2: {
+        name: 'Text Decoration 2',
+        options: ['none', 'underline'],
+        control: { type: 'inline-radio' },
+        defaultValue: 'none',
+    },
+    direction: {
+        name: 'Layout',
+        options: ['Veritcal', 'Horizontal'],
+        control: { type: 'inline-radio' },
+        defaultValue: "Veritcal"
+    },
+};
+var PlaygroundArgs = {
+    paragraph1: "",
+    paragraph2: "",
+    Fonts: "SANS_2",
+    Fonts2: "SANS_2",
+    fontStyle1: "normal",
+    fontStyle2: "normal",
+    fontWeight1: "normal",
+    fontWeight2: "normal",
+    textTransform1: "none",
+    textTransform2: "none",
+    textDecoration1: "none",
+    textDecoration2: "none",
+    direction: "Veritcal",
+};
+var PlaygroundComp1 = function (_a) {
+    var args = _a.args, Comp = _a.Comp;
+    args[args['fontStyle1']] = true;
+    args[args['fontWeight1']] = true;
+    args[args['textDecoration1']] = true;
+    args[args['textTransform1']] = true;
+    if (!args.paragraph1)
+        args['paragraph1'] = languageContentPlayground[args.language] || languageContentPlayground.En;
+    args['theme'] = { colors: { primaryColor100: '#383838' } };
+    console.log(args);
+    return (react_1.default.createElement("div", { style: {
+            backgroundColor: args.invert ? greyColor100 : '',
+            padding: '10px',
+            width: 'fit-content',
+        } },
+        react_1.default.createElement(Comp, __assign({}, args), args.paragraph1)));
+};
+var PlaygroundComp2 = function (_a) {
+    var args = _a.args, Comp = _a.Comp;
+    args[args['fontStyle2']] = true;
+    args[args['fontWeight2']] = true;
+    args[args['textDecoration2']] = true;
+    args[args['textTransform2']] = true;
+    if (!args.paragraph2)
+        args['paragraph2'] = languageContentPlayground[args.language] || languageContentPlayground.En;
+    args['theme'] = { colors: { primaryColor100: '#383838' } };
+    return (react_1.default.createElement("div", { style: {
+            backgroundColor: args.invert ? greyColor100 : '',
+            padding: '10px',
+            width: 'fit-content',
+        } },
+        react_1.default.createElement(Comp, __assign({}, args), args.paragraph2)));
+};
+var styleMap = {
+    "SANS_0": Typo_1.SANS_0,
+    "SANS_2": Typo_1.SANS_2,
+    "SANS_3": Typo_1.SANS_3,
+    "SANS_3_4": Typo_1.SANS_3_4,
+    "SANS_4": Typo_1.SANS_4,
+    "SANS_4_5": Typo_1.SANS_4_5,
+    "SANS_5_6": Typo_1.SANS_5_6,
+    "SANS_7_8": Typo_1.SANS_7_8,
+    "SERIF_3": Typo_1.SERIF_3,
+    "SERIF_3_4": Typo_1.SERIF_3_4,
+    "SERIF_4_5": Typo_1.SERIF_4_5,
+    "SERIF_5_6": Typo_1.SERIF_5_6,
+    "SERIF_6_7": Typo_1.SERIF_6_7,
+    "SERIF_7_8": Typo_1.SERIF_7_8,
+    "SERIF_8_9": Typo_1.SERIF_8_9,
+    "SERIF_9_10": Typo_1.SERIF_9_10,
+    "LABEL": Typo_1.LABEL,
+    "BLOCKQUOTE": Typo_1.BLOCKQUOTE
+};
+var createPropsMap = function (args, properties, invert, language, children) {
+    return __assign(__assign({}, Object.entries(args).filter(function (_a) {
+        var key = _a[0];
+        return properties.includes(key);
+    }).reduce(function (obj, _a) {
+        var _b;
+        var key = _a[0], value = _a[1];
+        return (__assign(__assign({}, obj), (_b = {}, _b[key] = value, _b)));
+    }, {})), { invert: invert, language: language, children: children });
+};
+var Playground = function (args) {
+    var playgroundComp1Props = createPropsMap(args, ["fontStyle1", "fontWeight1", "textTransform1", "textDecoration1", "paragraph1"], args.invert, args.language);
+    var playgroundComp2Props = createPropsMap(args, ["fontStyle2", "fontWeight2", "textTransform2", "textDecoration2", "paragraph2"], args.invert, args.language);
+    return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: args.direction === "Horizontal" ? "row" : 'column', gap: '.5rem', padding: '1rem', height: '100vh', backgroundColor: args.invert ? greyColor100 : '' } },
+        react_1.default.createElement(PlaygroundComp1, { args: playgroundComp1Props, Comp: styleMap[args.Fonts] }),
+        react_1.default.createElement(PlaygroundComp2, { args: playgroundComp2Props, Comp: styleMap[args.Fonts2] })));
+};
+exports.Playground = Playground;
+exports.Playground.argTypes = PlaygroundArgTypes;
+exports.Playground.args = PlaygroundArgs;
+var SANS0 = function (args) {
+    return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_0 });
+};
+exports.SANS0 = SANS0;
+var SANS2 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_2 }); };
+exports.SANS2 = SANS2;
+var SANS3 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_3 }); };
+exports.SANS3 = SANS3;
+var SANS3_4 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_3_4 }); };
+exports.SANS3_4 = SANS3_4;
+var SANS4 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_4 }); };
+exports.SANS4 = SANS4;
+var SANS4_5 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_4_5 }); };
+exports.SANS4_5 = SANS4_5;
+var SANS5_6 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_5_6 }); };
+exports.SANS5_6 = SANS5_6;
+var SANS7_8 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SANS_7_8 }); };
+exports.SANS7_8 = SANS7_8;
+var SERIF3 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_3 }); };
+exports.SERIF3 = SERIF3;
+var SERIF3_4 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_3_4 }); };
+exports.SERIF3_4 = SERIF3_4;
+var SERIF4_5 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_4_5 }); };
+exports.SERIF4_5 = SERIF4_5;
+var SERIF5_6 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_5_6 }); };
+exports.SERIF5_6 = SERIF5_6;
+var SERIF6_7 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_6_7 }); };
+exports.SERIF6_7 = SERIF6_7;
+var SERIF7_8 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_7_8 }); };
+exports.SERIF7_8 = SERIF7_8;
+var SERIF8_9 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_8_9 }); };
+exports.SERIF8_9 = SERIF8_9;
+var SERIF9_10 = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.SERIF_9_10 }); };
+exports.SERIF9_10 = SERIF9_10;
+var LABEL_ = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.LABEL }); };
+exports.LABEL_ = LABEL_;
+exports.LABEL_.parameters = { controls: { include: ['children', 'invert', 'language'] } };
+var BLOCKQUOTE_ = function (args) { return react_1.default.createElement(GenComp, { args: args, Comp: Typo_1.BLOCKQUOTE }); };
+exports.BLOCKQUOTE_ = BLOCKQUOTE_;
+exports.BLOCKQUOTE_.parameters = { controls: { exclude: ['font-style', 'color'] } };

package/dist/stories/UserRoleBadge.stories.d.ts

@@ -0,0 +1,19 @@
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        namespace role {
+            let name: string;
+            let options: string[];
+            namespace control {
+                let type: string;
+            }
+            let defaultValue: string;
+        }
+    }
+    namespace args {
+        let role_1: string;
+        export { role_1 as role };
+    }
+}
+export default _default;
+export function UserRoleBadge(args_: any): import("react").JSX.Element;