@tsed/tailwind-formio 2.0.2 → 2.0.3

package/lib/index.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var templates_1 = require("./templates");
-exports.default = {
+import templates from "./templates";
+export default {
     framework: "tailwind",
-    templates: templates_1.default
+    templates
 };

package/lib/templates/index.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tailwind_1 = require("./tailwind");
-exports.default = {
-    tailwind: tailwind_1.default
+import tailwind from "./tailwind";
+export default {
+    tailwind
 };

package/lib/templates/stories/alert.stories.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+    title: "Formiojs/Alert",
+    argTypes: {},
+    parameters: {
+        docs: {
+            source: {
+                type: "code"
+            }
+        }
+    }
+};
+export const Sandbox = (args) => {
+    return (_jsxs("div", { children: [_jsx("div", Object.assign({ className: 'alert alert-primary', role: 'alert' }, { children: "This is a primary alert\u2014check it out!" }), void 0),
+            _jsx("div", Object.assign({ className: 'alert alert-secondary', role: 'alert' }, { children: "This is a secondary alert\u2014check it out!" }), void 0),
+            _jsx("div", Object.assign({ className: 'alert alert-success', role: 'alert' }, { children: "This is a success alert\u2014check it out!" }), void 0),
+            _jsx("div", Object.assign({ className: 'alert alert-danger', role: 'alert' }, { children: "This is a danger alert\u2014check it out!" }), void 0),
+            _jsx("div", Object.assign({ className: 'alert alert-warning', role: 'alert' }, { children: "This is a warning alert\u2014check it out!" }), void 0),
+            _jsx("div", Object.assign({ className: 'alert alert-info', role: 'alert' }, { children: "This is a info alert\u2014check it out!" }), void 0),
+            _jsx("div", Object.assign({ className: 'alert alert-light', role: 'alert' }, { children: "This is a light alert\u2014check it out!" }), void 0),
+            _jsx("div", Object.assign({ className: 'alert alert-dark', role: 'alert' }, { children: "This is a dark alert\u2014check it out!" }), void 0)] }, void 0));
+};
+Sandbox.args = {};

package/lib/templates/stories/badge.stories.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+    title: "Formiojs/Badge",
+    argTypes: {},
+    parameters: {
+        docs: {
+            source: {
+                type: "code"
+            }
+        }
+    }
+};
+export const Sandbox = (args) => {
+    return (_jsxs("div", { children: [_jsx("span", Object.assign({ className: 'badge bg-primary text-white mx-1' }, { children: "Primary" }), void 0),
+            _jsx("span", Object.assign({ className: 'badge bg-secondary text-white mx-1' }, { children: "Secondary" }), void 0),
+            _jsx("span", Object.assign({ className: 'badge bg-success text-white mx-1' }, { children: "Success" }), void 0),
+            _jsx("span", Object.assign({ className: 'badge bg-danger text-white mx-1' }, { children: "Danger" }), void 0),
+            _jsx("span", Object.assign({ className: 'badge bg-warning text-dark mx-1' }, { children: "Warning" }), void 0),
+            _jsx("span", Object.assign({ className: 'badge bg-info text-dark mx-1' }, { children: "Info" }), void 0),
+            _jsx("span", Object.assign({ className: 'badge bg-light text-dark mx-1' }, { children: "Light" }), void 0),
+            _jsx("span", Object.assign({ className: 'badge bg-dark mx-1' }, { children: "Dark" }), void 0)] }, void 0));
+};
+Sandbox.args = {};

package/lib/templates/stories/breadcrumbs.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { COLORS_LIST } from "@tsed/tailwind/colors";
+export default {
+    title: "Formiojs/Breadcrumbs",
+    argTypes: {
+        width: {
+            control: {
+                type: "text"
+            }
+        },
+        bgColor: {
+            control: {
+                type: "select",
+                options: COLORS_LIST
+            }
+        }
+    },
+    parameters: {
+        docs: {
+            source: {
+                type: "code"
+            }
+        }
+    }
+};
+export const Sandbox = (args) => {
+    return (_jsxs("div", { children: [_jsx("nav", Object.assign({ "aria-label": 'breadcrumb' }, { children: _jsx("ol", Object.assign({ className: "breadcrumb bg-" + args.bgColor }, { children: _jsx("li", Object.assign({ className: 'breadcrumb-item active', "aria-current": 'page' }, { children: "Home" }), void 0) }), void 0) }), void 0),
+            _jsx("nav", Object.assign({ "aria-label": 'breadcrumb' }, { children: _jsxs("ol", Object.assign({ className: "breadcrumb bg-" + args.bgColor }, { children: [_jsx("li", Object.assign({ className: 'breadcrumb-item' }, { children: _jsx("a", Object.assign({ href: '#' }, { children: "Home" }), void 0) }), void 0),
+                        _jsx("li", Object.assign({ className: 'breadcrumb-item active', "aria-current": 'page' }, { children: "Library" }), void 0)] }), void 0) }), void 0),
+            _jsx("nav", Object.assign({ "aria-label": 'breadcrumb' }, { children: _jsxs("ol", Object.assign({ className: "breadcrumb bg-" + args.bgColor }, { children: [_jsx("li", Object.assign({ className: 'breadcrumb-item' }, { children: _jsx("a", Object.assign({ href: '#' }, { children: "Home" }), void 0) }), void 0),
+                        _jsx("li", Object.assign({ className: 'breadcrumb-item' }, { children: _jsx("a", Object.assign({ href: '#' }, { children: "Library" }), void 0) }), void 0),
+                        _jsx("li", Object.assign({ className: 'breadcrumb-item active', "aria-current": 'page' }, { children: "Data" }), void 0)] }), void 0) }), void 0)] }, void 0));
+};
+Sandbox.args = {
+    width: "75%",
+    bgColor: "gray-200"
+};