@yandex/ui/Button/__examples__/all.example.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.All = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var desktop_1 = require("@yandex-lego/components/Icon/Icon.bundle/desktop");
var view = ['default', 'action', 'pseudo', 'link', 'clear', 'raised'];
var rPins = ['round-round', 'round-clear', 'clear-round', 'round-brick', 'brick-round'];
var cPins = ['circle-circle', 'circle-clear', 'clear-circle', 'circle-brick', 'brick-circle'];
var qPins = ['brick-brick', 'brick-clear', 'clear-brick'];
var styles = "\n    .Showcase-Item .Button2 {\n        margin-right: 10px;\n        margin-bottom: 20px;\n    }\n";
var All = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement("style", null, styles),
    view.map(function (view) { return (react_1.default.createElement("div", { key: view, className: "Showcase-Item" },
        react_1.default.createElement(bundle_1.Button, { view: view, size: "l", title: "Button view " + view + " size l" }, "Button"),
        react_1.default.createElement(bundle_1.Button, { view: view, size: "m", title: "Button view " + view + " size m" }, "Button"),
        react_1.default.createElement(bundle_1.Button, { view: view, size: "s", title: "Button view " + view + " size s" }, "Button"),
        react_1.default.createElement(bundle_1.Button, { view: view, size: "s", disabled: true, title: "Button view " + view + " disabled" }, "Button"),
        react_1.default.createElement(bundle_1.Button, { view: view, size: "s", checked: true, title: "Button view " + view + " checked" }, "Button"),
        react_1.default.createElement(bundle_1.Button, { view: view, size: "s", progress: true, title: "Button view " + view + " progress" }, "Button"),
        react_1.default.createElement(bundle_1.Button, { view: view, size: "s", iconLeft: function (className) { return (react_1.default.createElement(desktop_1.Icon, { size: "s", type: "arrow", direction: "left", className: className })); }, iconRight: function (className) { return (react_1.default.createElement(desktop_1.Icon, { size: "s", type: "arrow", direction: "left", className: className })); }, title: "Button with icon view " + view + " size s" }, "Button"),
        react_1.default.createElement(bundle_1.Button, { view: view, size: "s", icon: function (className) { return react_1.default.createElement(desktop_1.Icon, { size: "s", type: "arrow", direction: "left", className: className }); }, title: "Button with icon view " + view + " size s" }))); }),
    view.map(function (view) { return (react_1.default.createElement("div", { key: view, className: "Showcase-Item" },
        rPins.map(function (pin) { return (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement(bundle_1.Button, { title: "Button view " + view + " pin " + pin, key: pin, pin: pin, view: view, size: "m" }, "Button"),
            react_1.default.createElement(bundle_1.Button, { title: "Button view " + view + " pin " + pin, icon: function (className) { return (react_1.default.createElement(desktop_1.Icon, { size: "s", type: "arrow", direction: "left", className: className })); }, key: pin, pin: pin, view: view, size: "m" }))); }),
        react_1.default.createElement("br", null),
        cPins.map(function (pin) { return (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement(bundle_1.Button, { title: "Button view " + view + " pin " + pin, key: pin, pin: pin, view: view, size: "m" }, "Button"),
            react_1.default.createElement(bundle_1.Button, { title: "Button view " + view + " pin " + pin, icon: function (className) { return (react_1.default.createElement(desktop_1.Icon, { size: "s", type: "arrow", direction: "left", className: className })); }, key: pin, pin: pin, view: view, size: "m" }))); }),
        react_1.default.createElement("br", null),
        qPins.map(function (pin) { return (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement(bundle_1.Button, { title: "Button view " + view + " pin " + pin, key: pin, pin: pin, view: view, size: "m" }, "Button"),
            react_1.default.createElement(bundle_1.Button, { title: "Button view " + view + " pin " + pin, icon: function (className) { return (react_1.default.createElement(desktop_1.Icon, { size: "s", type: "arrow", direction: "left", className: className })); }, key: pin, pin: pin, view: view, size: "m" }))); }),
        react_1.default.createElement(bundle_1.Button, { title: "Button view " + view + " pin clear-clear", pin: "clear-clear", view: view, size: "m" }, "Button"))); }))); };
exports.All = All;