@tsed/tailwind-formio 2.1.2 → 2.2.0

package/dist/templates/stories/alert.stories.d.ts

@@ -10,7 +10,8 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     const args: {};
 }
+import React from "react";

package/dist/templates/stories/badge.stories.d.ts

@@ -10,7 +10,8 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     const args: {};
 }
+import React from "react";

package/dist/templates/stories/breadcrumbs.stories.d.ts

@@ -25,7 +25,7 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     namespace args {
         const width_1: string;
@@ -34,3 +34,4 @@ export namespace Sandbox {
         export { bgColor_1 as bgColor };
     }
 }
+import React from "react";

package/dist/templates/stories/builder.stories.d.ts

@@ -44,7 +44,7 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     namespace args {
         export namespace form_1 {
@@ -3053,4 +3053,5 @@ export namespace Sandbox {
 declare function WrapperFormBuilder({ options, form }: {
     options: any;
     form: any;
-}): JSX.Element;
+}): React.JSX.Element;
+import React from "react";

package/dist/templates/stories/pagination.stories.d.ts

@@ -10,7 +10,8 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     const args: {};
 }
+import React from "react";

package/dist/templates/stories/progress.stories.d.ts

@@ -12,10 +12,11 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     namespace args {
         const width_1: string;
         export { width_1 as width };
     }
 }
+import React from "react";

package/dist/templates/stories/wizard.stories.d.ts

@@ -44,7 +44,7 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     namespace args {
         export namespace form_1 {
@@ -3053,4 +3053,5 @@ export namespace Sandbox {
 declare function WrapperFormBuilder({ options, form }: {
     options: any;
     form: any;
-}): JSX.Element;
+}): React.JSX.Element;
+import React from "react";

package/dist/templates/tailwind/button/button.stories.d.ts

@@ -10,12 +10,13 @@ declare namespace _default {
     }
 }
 export default _default;
-export function Sandbox(args: any): JSX.Element;
+export function Sandbox(args: any): React.JSX.Element;
 export namespace Sandbox {
     const args: {};
 }
-export function ButtonWithIcon(args: any): JSX.Element;
+export function ButtonWithIcon(args: any): React.JSX.Element;
 export namespace ButtonWithIcon {
     const args_1: {};
     export { args_1 as args };
 }
+import React from "react";

package/dist/templates/tailwind/iconClass.d.ts

@@ -1,3 +1,3 @@
 export declare const ICONS: Record<string, any>;
-declare const _default: (iconset: string | undefined, name: string, spinning?: boolean | undefined) => string;
+declare const _default: (iconset: string | undefined, name: string, spinning?: boolean) => string;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsed/tailwind-formio",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "Tailwind templates for form.io forms.",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -8,45 +8,20 @@
   "scripts": {
     "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
     "lint:fix": "yarn lint --fix",
-    "start:storybook": "start-storybook -p 6006",
-    "build:storybook": "build-storybook -c ../tailwind-formio/.storybook -o .out",
-    "serve": "serve .out",
     "watch": "nodemon --watch ./src --ext ts,js,ejs --exec \"yarn build\"",
     "build:templates": "gulp templates",
     "build:source": "microbundle --no-compress --format modern,cjs --jsx React.createElement --jsxFragment React.Fragment --globals react/jsx-runtime=jsx",
     "build": "gulp templates && yarn build:source"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.9",
-    "@sambego/storybook-state": "2.0.1",
-    "@storybook/addon-actions": "6.5.16",
-    "@storybook/addon-docs": "6.5.16",
-    "@storybook/addon-essentials": "6.5.16",
-    "@storybook/addon-links": "6.5.16",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-viewport": "6.5.16",
-    "@storybook/addons": "6.5.16",
-    "@storybook/builder-vite": "0.4.2",
-    "@storybook/react": "6.5.16",
-    "@svgr/webpack": "6.5.1",
-    "@tsed/config": "2.1.2",
-    "@tsed/tailwind": "2.1.2",
-    "@tsed/yarn-workspaces": "1.19.3",
-    "@vitejs/plugin-react": "4.0.0",
-    "babel-loader": "^8.2.5",
+    "@tsed/config": "2.2.0",
+    "@tsed/tailwind": "2.2.0",
     "cross-env": "7.0.3",
     "gulp": "^4.0.2",
     "gulp-insert": "^0.5.0",
     "gulp-rename": "^2.0.0",
     "gulp-template": "^5.0.0",
-    "nodemon": "2.0.20",
-    "react-svg": "10.0.23",
-    "serve": "^13.0.4",
-    "url-loader": "4.1.1",
-    "vite": "^4.3.5",
-    "vite-plugin-svgr": "^2.4.0",
-    "webpack": "4.44.2",
-    "webpack-cli": "4.9.2"
+    "nodemon": "2.0.20"
   },
   "browserslist": {
     "production": [

package/readme.md

@@ -56,6 +56,18 @@ module.exports = {
 }
 ```
 
+Or:
+
+```diff
+export default {
+  plugins: {
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+```
+
 ### Configure tailwind
 
 Generate the initial `tailwind.config.js` with the following command:
@@ -214,6 +226,11 @@ module.exports = {
         2: "2 2 0%",
         3: "3 3 0%"
       }
+    },
+    outline: {
+      none: ["2px solid transparent", "2px"],
+      white: ["2px dotted white", "2px"],
+      black: ["2px dotted black", "2px"]
     }
   },
   variants: {

package/styles/button.css

@@ -198,7 +198,7 @@ input[type="submit"],
 input[type="reset"],
 input[type="button"] {
   &.btn-block {
-    @applu w-full;
+    @apply w-full;
   }
 }
 

package/styles/nav.css

@@ -24,7 +24,7 @@
       }
 
       &-link {
-        @apply relative group inline-flex flex-col items-stretch overflow-hidden text-xs transition-colors;
+        @apply relative inline-flex flex-col items-stretch overflow-hidden text-xs transition-colors;
         @apply bg-transparent border-transparent text-gray-darker;
         @apply cursor-pointer border-1 border-solid rounded-none border-b-0 relative;
         @apply px-3 py-2;
@@ -39,4 +39,4 @@
   .card-body {
     @apply p-3;
   }
-}
+}

package/webpack.config.js

@@ -1,14 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const path = require("path");
-
-module.exports = {
-  entry: path.join(path.resolve(__dirname, "lib"), "index.js"),
-  output: {
-    library: "tailwind",
-    libraryTarget: "umd",
-    path: path.resolve(__dirname, "dist"),
-    filename: "tailwind.js"
-  },
-  mode: "production",
-  performance: { hints: false }
-};