From 94fddb9d35e91a6f649bcb18ae7105048d048584 Mon Sep 17 00:00:00 2001
From: Mazel <mazuel.loic@gmail.com>
Date: Mon, 7 Mar 2022 21:23:17 +0100
Subject: [PATCH] feat(lib): export tailwind config (#201)

* feat(lib): export tailwind config

* feat(lib): export tailwind config

* feat(lib): export tailwind config
---
 packages/docs/docs/guide/dark-mode.md                  |  2 +-
 packages/docs/docs/plugins/toaster.md                  |  2 +-
 packages/lib/build/rollup.config.js                    |  5 ++---
 packages/lib/package.json                              |  5 +++--
 packages/lib/tailwind.config.js                        | 10 +++++++---
 .../{package => }/tailwindcss/css/_subs/animation.css  |  0
 .../tailwindcss/css/_subs/colors-vars.css              |  0
 .../tailwindcss/css/_subs/each-colors-vars.css         |  0
 .../tailwindcss/css/_subs/padded-container-vars.css    |  0
 .../lib/{package => }/tailwindcss/css/_subs/reset.css  |  0
 .../lib/{package => }/tailwindcss/css/tailwind.css     |  0
 .../lib/{package => }/tailwindcss/tailwind.config.js   |  6 ------
 packages/lib/{package => }/tailwindcss/utils/colors.js |  0
 .../{package => }/tailwindcss/variables/breakpoints.js |  0
 .../lib/{package => }/tailwindcss/variables/colors.js  |  0
 .../{package => }/tailwindcss/variables/utilities.js   |  0
 .../{package => }/tailwindcss/variables/z-indexes.js   |  0
 packages/testing/src/App.vue                           |  1 -
 packages/testing/tailwind.config.js                    | 10 ++++++----
 19 files changed, 20 insertions(+), 21 deletions(-)
 rename packages/lib/{package => }/tailwindcss/css/_subs/animation.css (100%)
 rename packages/lib/{package => }/tailwindcss/css/_subs/colors-vars.css (100%)
 rename packages/lib/{package => }/tailwindcss/css/_subs/each-colors-vars.css (100%)
 rename packages/lib/{package => }/tailwindcss/css/_subs/padded-container-vars.css (100%)
 rename packages/lib/{package => }/tailwindcss/css/_subs/reset.css (100%)
 rename packages/lib/{package => }/tailwindcss/css/tailwind.css (100%)
 rename packages/lib/{package => }/tailwindcss/tailwind.config.js (94%)
 rename packages/lib/{package => }/tailwindcss/utils/colors.js (100%)
 rename packages/lib/{package => }/tailwindcss/variables/breakpoints.js (100%)
 rename packages/lib/{package => }/tailwindcss/variables/colors.js (100%)
 rename packages/lib/{package => }/tailwindcss/variables/utilities.js (100%)
 rename packages/lib/{package => }/tailwindcss/variables/z-indexes.js (100%)
diff --git a/packages/docs/docs/guide/dark-mode.md b/packages/docs/docs/guide/dark-mode.md
index 936a6b248a..619b40575a 100644
--- a/packages/docs/docs/guide/dark-mode.md
+++ b/packages/docs/docs/guide/dark-mode.md
@@ -36,7 +36,7 @@ To enable the dark you have just to add `dark` class to the `<html />` of your p
 </template>
 
 <script lang="ts" setup>
-  const { onMounted } from 'vue'
+  import { onMounted } from 'vue'
 
   onMounted(() => {
     autoSetDarkMode()
diff --git a/packages/docs/docs/plugins/toaster.md b/packages/docs/docs/plugins/toaster.md
index 66f087d7be..cba6b708e6 100644
--- a/packages/docs/docs/plugins/toaster.md
+++ b/packages/docs/docs/plugins/toaster.md
@@ -151,7 +151,7 @@ import { installToaster, ToasterOptions } from 'maz-ui'
 const app = createApp(App)
 
 // DEFAULT OPTIONS
-const defaultOptions: ToasterOptions = {
+const toasterOptions: ToasterOptions = {
   position: 'bottom-right',
   timeout: 10_000,
   persistent: false,
diff --git a/packages/lib/build/rollup.config.js b/packages/lib/build/rollup.config.js
index 821f758e0c..f0a59d71fa 100644
--- a/packages/lib/build/rollup.config.js
+++ b/packages/lib/build/rollup.config.js
@@ -129,8 +129,7 @@ if (!argv.format || argv.format === 'esm') {
       dir: 'modules',
       format: 'esm',
       exports: 'named',
-      sourcemap: true,
-      // compact: true,
+      compact: true,
     },
     plugins: [
       peerDepsExternal(),
@@ -200,7 +199,7 @@ if (!argv.format || argv.format === 'components') {
           dir: 'components',
           exports: 'named',
           format: 'esm',
-          sourcemap: true,
+          compact: true,
         },
         plugins: [
           peerDepsExternal(),
diff --git a/packages/lib/package.json b/packages/lib/package.json
index 5b10b9263d..57341e7e56 100644
--- a/packages/lib/package.json
+++ b/packages/lib/package.json
@@ -10,7 +10,8 @@
     "components",
     "modules",
     "css",
-    "maz-ui.d.ts"
+    "maz-ui.d.ts",
+    "tailwindcss"
   ],
   "scripts": {
     "test": "jest",
@@ -27,7 +28,7 @@
     "build:copy-comp-types": "node build/copy-components-types.js",
     "build:gen-components-entry": "cross-env NODE_ENV=production node build/generate-components-entry",
     "build:components-entry": "cross-env NODE_ENV=production node build/build-components-entry.js",
-    "build:css": "NODE_ENV=production tailwindcss -i ./package/tailwindcss/css/tailwind.css -o css/main.css --config ./tailwind.config.js --postcss",
+    "build:css": "NODE_ENV=production tailwindcss -i ./tailwindcss/css/tailwind.css -o css/main.css --config ./tailwind.config.js --postcss",
     "build:cjs": "npm run build:lib -- --format cjs",
     "build:esm": "npm run build:lib -- --format esm",
     "pre-commit": "lint-staged"
diff --git a/packages/lib/tailwind.config.js b/packages/lib/tailwind.config.js
index 8ac4362f00..49d078cf3a 100644
--- a/packages/lib/tailwind.config.js
+++ b/packages/lib/tailwind.config.js
@@ -3,8 +3,12 @@
 const path = require('path')
 
 module.exports = {
-  presets: [
-    require(path.join(__dirname, './package/tailwindcss/tailwind.config')),
-  ],
+  mode: 'build',
+  presets: [require(path.join(__dirname, './tailwindcss/tailwind.config'))],
   purge: ['./package/**/*'],
+  prefix: 'maz-',
+  corePlugins: {
+    preflight: false,
+    container: false,
+  },
 }
diff --git a/packages/lib/package/tailwindcss/css/_subs/animation.css b/packages/lib/tailwindcss/css/_subs/animation.css
similarity index 100%
rename from packages/lib/package/tailwindcss/css/_subs/animation.css
rename to packages/lib/tailwindcss/css/_subs/animation.css
diff --git a/packages/lib/package/tailwindcss/css/_subs/colors-vars.css b/packages/lib/tailwindcss/css/_subs/colors-vars.css
similarity index 100%
rename from packages/lib/package/tailwindcss/css/_subs/colors-vars.css
rename to packages/lib/tailwindcss/css/_subs/colors-vars.css
diff --git a/packages/lib/package/tailwindcss/css/_subs/each-colors-vars.css b/packages/lib/tailwindcss/css/_subs/each-colors-vars.css
similarity index 100%
rename from packages/lib/package/tailwindcss/css/_subs/each-colors-vars.css
rename to packages/lib/tailwindcss/css/_subs/each-colors-vars.css
diff --git a/packages/lib/package/tailwindcss/css/_subs/padded-container-vars.css b/packages/lib/tailwindcss/css/_subs/padded-container-vars.css
similarity index 100%
rename from packages/lib/package/tailwindcss/css/_subs/padded-container-vars.css
rename to packages/lib/tailwindcss/css/_subs/padded-container-vars.css
diff --git a/packages/lib/package/tailwindcss/css/_subs/reset.css b/packages/lib/tailwindcss/css/_subs/reset.css
similarity index 100%
rename from packages/lib/package/tailwindcss/css/_subs/reset.css
rename to packages/lib/tailwindcss/css/_subs/reset.css
diff --git a/packages/lib/package/tailwindcss/css/tailwind.css b/packages/lib/tailwindcss/css/tailwind.css
similarity index 100%
rename from packages/lib/package/tailwindcss/css/tailwind.css
rename to packages/lib/tailwindcss/css/tailwind.css
diff --git a/packages/lib/package/tailwindcss/tailwind.config.js b/packages/lib/tailwindcss/tailwind.config.js
similarity index 94%
rename from packages/lib/package/tailwindcss/tailwind.config.js
rename to packages/lib/tailwindcss/tailwind.config.js
index 6b4dc5b440..24ee02a70b 100644
--- a/packages/lib/package/tailwindcss/tailwind.config.js
+++ b/packages/lib/tailwindcss/tailwind.config.js
@@ -9,9 +9,7 @@ const Z_INDEXES = require('./variables/z-indexes')
 const { colors } = require('./utils/colors')
 
 module.exports = {
-  mode: 'build',
   darkMode: 'class',
-  prefix: 'maz-',
   theme: {
     extend: {
       fontSize: {
@@ -66,10 +64,6 @@ module.exports = {
       addUtilities(UTILITIES)
     }),
   ],
-  corePlugins: {
-    preflight: false,
-    container: false,
-  },
 }
 
 /* eslint-enable @typescript-eslint/no-var-requires */
diff --git a/packages/lib/package/tailwindcss/utils/colors.js b/packages/lib/tailwindcss/utils/colors.js
similarity index 100%
rename from packages/lib/package/tailwindcss/utils/colors.js
rename to packages/lib/tailwindcss/utils/colors.js
diff --git a/packages/lib/package/tailwindcss/variables/breakpoints.js b/packages/lib/tailwindcss/variables/breakpoints.js
similarity index 100%
rename from packages/lib/package/tailwindcss/variables/breakpoints.js
rename to packages/lib/tailwindcss/variables/breakpoints.js
diff --git a/packages/lib/package/tailwindcss/variables/colors.js b/packages/lib/tailwindcss/variables/colors.js
similarity index 100%
rename from packages/lib/package/tailwindcss/variables/colors.js
rename to packages/lib/tailwindcss/variables/colors.js
diff --git a/packages/lib/package/tailwindcss/variables/utilities.js b/packages/lib/tailwindcss/variables/utilities.js
similarity index 100%
rename from packages/lib/package/tailwindcss/variables/utilities.js
rename to packages/lib/tailwindcss/variables/utilities.js
diff --git a/packages/lib/package/tailwindcss/variables/z-indexes.js b/packages/lib/tailwindcss/variables/z-indexes.js
similarity index 100%
rename from packages/lib/package/tailwindcss/variables/z-indexes.js
rename to packages/lib/tailwindcss/variables/z-indexes.js
diff --git a/packages/testing/src/App.vue b/packages/testing/src/App.vue
index 8e2431e1e3..eb1f8df0b1 100644
--- a/packages/testing/src/App.vue
+++ b/packages/testing/src/App.vue
@@ -25,7 +25,6 @@
       v-model="dateValue"
       style="width: 400px"
       label="Select date"
-      color="secondary"
       :disabled-dates="['1990-02-04', '1990-02-20']"
       :disabled-hours="[0, 1, 2, 3, 4, 5, 6, 20, 21, 22, 23]"
       hour12
diff --git a/packages/testing/tailwind.config.js b/packages/testing/tailwind.config.js
index 7c4834d91b..09bb1e87cf 100644
--- a/packages/testing/tailwind.config.js
+++ b/packages/testing/tailwind.config.js
@@ -3,11 +3,13 @@
 const path = require('path')
 
 module.exports = {
+  mode: 'jit',
+  prefix: 'maz-',
   presets: [
-    require(path.join(
-      __dirname,
-      './../lib/package/tailwindcss/tailwind.config',
-    )),
+    require(path.join(__dirname, './../lib/tailwindcss/tailwind.config')),
   ],
   purge: ['./src/**/*'],
+  corePlugins: {
+    container: false,
+  },
 }
