"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var azure_themes_1 = require("@uifabric/azure-themes");
var commandBarButton_stories_1 = require("../components/commandBarButton.stories");
var splitButton_stories_1 = require("../components/splitButton.stories");
var iconButton_stories_1 = require("../components/iconButton.stories");
var iconTooltip_stories_1 = require("../components/iconTooltip.stories");
var contextualMenu_stories_1 = require("../components/contextualMenu.stories");
var actionButton_stories_1 = require("../components/actionButton.stories");
var buttonToggle_stories_1 = require("../components/buttonToggle.stories");
var callout_stories_1 = require("../components/callout.stories");
var activityitem_stories_1 = require("../components/activityitem.stories");
var choicegroup_stories_1 = require("../components/choicegroup.stories");
var toggle_stories_1 = require("../components/toggle.stories");
var colorpicker_stories_1 = require("../components/colorpicker.stories");
var comboBox_stories_1 = require("../components/comboBox.stories");
var ContextMenu_stories_1 = require("../components/ContextMenu.stories");
var dropdown_stories_1 = require("../components/dropdown.stories");
var commandBar_stories_1 = require("../components/commandBar.stories");
var tags_stories_1 = require("../components/tags.stories");
var detailsList_stories_1 = require("../components/detailsList.stories");
var dateBoundary_stories_1 = require("../components/dateBoundary.stories");
var Pivots_stories_1 = require("../components/Pivots.stories");
var TeachingBubble_stories_1 = require("../components/TeachingBubble.stories");
var messageBar_stories_1 = require("../components/messageBar.stories");
var Example = function () { return (React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { maxWidth: 1000 } },
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center" },
        React.createElement(office_ui_fabric_react_1.Text, null, "13px body text"),
        React.createElement(office_ui_fabric_react_1.Label, null, "MessageBar / InfoBox"),
        React.createElement(messageBar_stories_1.MessageBarBasicExample, null),
        React.createElement(office_ui_fabric_react_1.Label, null, "TeachingBubble"),
        React.createElement(TeachingBubble_stories_1.TeachingBubbleBasicExample, null),
        React.createElement(office_ui_fabric_react_1.Label, null, "Pivots"),
        React.createElement(Pivots_stories_1.PivotBasicExample, null),
        React.createElement(office_ui_fabric_react_1.Label, null, "Buttons"),
        React.createElement(office_ui_fabric_react_1.DefaultButton, { text: "DefaultButton" }),
        React.createElement(office_ui_fabric_react_1.PrimaryButton, { text: "PrimaryButton" }),
        React.createElement(office_ui_fabric_react_1.CompoundButton, { primary: true, text: "CompoundButton" }),
        React.createElement(office_ui_fabric_react_1.CompoundButton, { secondaryText: "secondary text.", text: "CompoundButton" }),
        React.createElement(office_ui_fabric_react_1.DefaultButton, { primary: true, text: "Default button as primary" }),
        React.createElement(office_ui_fabric_react_1.DefaultButton, { primary: true, disabled: true, text: "Default w/ primary disabled" }),
        React.createElement(office_ui_fabric_react_1.Label, null, "Disabled Buttons"),
        React.createElement(office_ui_fabric_react_1.DefaultButton, { disabled: true, text: "DefaultButton disabled" }),
        React.createElement(office_ui_fabric_react_1.PrimaryButton, { disabled: true, text: "PrimaryButton disabled" }),
        React.createElement(office_ui_fabric_react_1.PrimaryButton, { disabled: true, text: "PrimaryButton disabled" }),
        React.createElement(office_ui_fabric_react_1.CompoundButton, { disabled: true, primary: true, text: "CompoundButton primary disabled" }),
        React.createElement(office_ui_fabric_react_1.Label, { disabled: true }, "I am a disabled label"),
        React.createElement(office_ui_fabric_react_1.Label, null, "Icon Buttons"),
        React.createElement(iconButton_stories_1.ButtonIconExample, { checked: false }),
        React.createElement(commandBarButton_stories_1.ButtonCommandBarExample, null),
        React.createElement(iconTooltip_stories_1.ButtonIconWithTooltipExample, null),
        React.createElement(contextualMenu_stories_1.ButtonContextualMenuExample, null),
        React.createElement(actionButton_stories_1.ButtonActionExample, null),
        React.createElement(office_ui_fabric_react_1.Label, null, "Toggle button"),
        React.createElement(buttonToggle_stories_1.ButtonToggleExample, null),
        React.createElement(splitButton_stories_1.ButtonSplitExample, { checked: false }),
        React.createElement(callout_stories_1.CalloutBasicExample, null),
        React.createElement(office_ui_fabric_react_1.DefaultButton, { text: "WIP: default button > primary", primary: true }),
        React.createElement(office_ui_fabric_react_1.DefaultButton, { text: "WIP: Primary button", primary: true })),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "DetailsList / Grid"),
        React.createElement(detailsList_stories_1.DetailsListCompactExample, null)),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, { className: "section" }, "DatePicker"),
        React.createElement(dateBoundary_stories_1.DatePickerBoundedExample, null)),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "Picker"),
        React.createElement(tags_stories_1.TagPickerBasicExample, null)),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "CommandBar"),
        React.createElement(commandBar_stories_1.CommandBarBasicExample, null)),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "Checkboxes"),
        React.createElement(office_ui_fabric_react_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)" }),
        React.createElement(office_ui_fabric_react_1.Checkbox, { label: "Checked checkbox (uncontrolled)", defaultChecked: true }),
        React.createElement(office_ui_fabric_react_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
        React.createElement(office_ui_fabric_react_1.Checkbox, { label: "Disabled checked checkbox", disabled: true, defaultChecked: true })),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "Links"),
        React.createElement(office_ui_fabric_react_1.Link, null, "Hello I am a link, hover underline")),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "ComboBox"),
        React.createElement(comboBox_stories_1.ComboBoxBasicExample, null)),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "Dropdowns"),
        React.createElement(dropdown_stories_1.DropdownBasicExample, null)),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "Search / input fields"),
        React.createElement(office_ui_fabric_react_1.SearchBox, null),
        React.createElement(office_ui_fabric_react_1.TextField, { disabled: true, placeholder: "disabled placeholder" }),
        React.createElement(office_ui_fabric_react_1.TextField, { disabled: true, value: "disabled text" }),
        React.createElement(office_ui_fabric_react_1.TextField, { placeholder: "Hello" })),
    React.createElement(office_ui_fabric_react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
        React.createElement(office_ui_fabric_react_1.Label, null, "Misc"),
        React.createElement(activityitem_stories_1.ActivityItemBasicExample, null),
        React.createElement(choicegroup_stories_1.ChoiceGroupBasicExample, null),
        React.createElement(toggle_stories_1.ToggleBasicExample, null),
        React.createElement(colorpicker_stories_1.ColorPickerBasicExample, null),
        React.createElement(ContextMenu_stories_1.ContextualMenuDefaultExample, null)))); };
exports.Light = function () { return (React.createElement(office_ui_fabric_react_1.Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsLight),
    React.createElement(office_ui_fabric_react_1.Fabric, { applyThemeToBody: true },
        React.createElement(Example, null)))); };
exports.Dark = function () { return (React.createElement(office_ui_fabric_react_1.Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsDark),
    React.createElement(office_ui_fabric_react_1.Fabric, { applyThemeToBody: true },
        React.createElement(Example, null)))); };
exports.HighContrastLight = function () { return (React.createElement(office_ui_fabric_react_1.Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsHighContrastLight),
    React.createElement(office_ui_fabric_react_1.Fabric, { applyThemeToBody: true },
        React.createElement(Example, null)))); };
exports.HighContrastDark = function () { return (React.createElement(office_ui_fabric_react_1.Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsHighContrastDark),
    React.createElement(office_ui_fabric_react_1.Fabric, { applyThemeToBody: true },
        React.createElement(Example, null)))); };
//# sourceMappingURL=Themes.stories.js.map