oolib 2.240.0 → 3.1.0

package/dist/stories/Oolib/components/Button.stories.js

@@ -1,161 +0,0 @@
-"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Google_Login = exports.Button_Custom = exports.Button_Ghost = exports.Button_Secondary = exports.Button_Primary = void 0;
-var react_1 = __importDefault(require("react"));
-var Buttons_1 = require("../../../components/Buttons");
-var Buttons_mdx_1 = __importDefault(require("./Buttons.mdx"));
-var icons_1 = require("../../../icons");
-var themes_1 = require("../../../themes");
-var availableIcons = __spreadArray([undefined], Object.keys(icons_1.icons).sort(), true);
-var availableColors = __spreadArray([undefined], Object.keys(themes_1.colors).sort(), true);
-exports.default = {
-    title: "Components/Buttons",
-    argTypes: {
-        size: {
-            name: "Button Size",
-            options: ["Small", "Medium"],
-            mapping: {
-                Small: "S",
-                Medium: "M",
-            },
-            control: { type: "inline-radio" },
-        },
-        icon: {
-            name: "Icon Before",
-            options: availableIcons,
-            control: { type: "select" },
-            defaultValue: "PencilSimple",
-        },
-        iconAfter: {
-            name: "Icon After",
-            options: availableIcons,
-            control: { type: "select" },
-        },
-        iconSize: {
-            name: "Icon Size",
-            options: ["Small", "Medium"],
-            mapping: {
-                Small: "S",
-                Medium: "M",
-            },
-            control: { type: "inline-radio" },
-        },
-        iconColor: {
-            name: "Icon Color",
-            options: availableColors,
-            control: { type: "select" },
-        },
-        composition: {
-            name: "Button Compostion",
-            options: ["Default", "Text-only", "Icon-only"],
-            control: { type: "select" },
-            defaultValue: "Default",
-        },
-        variant: {
-            name: "Button Type",
-            control: { type: "select" },
-            options: ["secondary", "primary", "ghost", "custom"],
-            defaultValue: "secondary",
-        },
-        children: {
-            name: "Text",
-        },
-        invert: {
-            name: "Invert",
-        },
-        disabled: {
-            name: "Disabled",
-        },
-    },
-    args: {
-        size: "Small",
-        variant: "secondary",
-        composition: "Default",
-        children: "Text",
-        icon: "PencilSimple",
-        iconAfter: undefined,
-        iconSize: "Small",
-        iconColor: undefined,
-        disabled: false,
-        invert: false,
-    },
-    parameters: {
-        docs: {
-            page: Buttons_mdx_1.default,
-        },
-    },
-};
-var GenButtonStory = function (_a) {
-    var args = _a.args, Comp = _a.Comp;
-    console.log(args.composition);
-    args[args["size"]] = true;
-    args[args["state"]] = true;
-    args.iconColor = themes_1.colors[args.iconColor];
-    args["onClick"] = function () { return console.log("clicked"); };
-    if (args.composition === "Text-only") {
-        delete args.icon;
-        delete args.iconAfter;
-    }
-    if (args.composition === "Icon-only") {
-        delete args["children"];
-    }
-    args["theme"] = {
-        colors: {
-            primaryColor40: "#addbff",
-            primaryColor100: "#33a4ff",
-            primaryColor10: "#EBF6FF",
-            primaryColorText: "#0071CC",
-        },
-    };
-    return (react_1.default.createElement("div", { style: {
-            backgroundColor: args.invert ? "#383838" : "",
-            padding: "20px",
-        } },
-        react_1.default.createElement(Comp, __assign({}, args))));
-};
-var Button_Primary = function (args) { return (react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonPrimary })); };
-exports.Button_Primary = Button_Primary;
-exports.Button_Primary.parameters = { controls: { exclude: ["variant", "color"] } };
-var Button_Secondary = function (args) { return (react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonSecondary })); };
-exports.Button_Secondary = Button_Secondary;
-exports.Button_Secondary.parameters = { controls: { exclude: ["variant", "color"] } };
-exports.Button_Secondary.args = {
-    active: false,
-};
-var Button_Ghost = function (args) { return (react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonGhost })); };
-exports.Button_Ghost = Button_Ghost;
-exports.Button_Ghost.args = {
-    active: false,
-};
-exports.Button_Ghost.parameters = { controls: { exclude: ["variant"] } };
-var Button_Custom = function (args) { return (react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonCustom })); };
-exports.Button_Custom = Button_Custom;
-exports.Button_Custom.parameters = { controls: { exclude: ["variant", "color"] } };
-var Google_Login = function (args) { return (react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.GoogleLogin })); };
-exports.Google_Login = Google_Login;
-exports.Google_Login.parameters = {
-    controls: { exclude: ["variant", "color", "iconOnly", "icon + text"] },
-};