feat(lib): export tailwind config (#201)

* feat(lib): export tailwind config * feat(lib): export tailwind config * feat(lib): export tailwind config
LouisMazel · Mar 7, 2022 · 94fddb9 · 94fddb9
1 parent 65f12ef
commit 94fddb9
Show file tree

Hide file tree

Showing 19 changed files with 20 additions and 21 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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/...ckage/tailwindcss/css/_subs/animation.css → ...s/lib/tailwindcss/css/_subs/animation.css b/...ckage/tailwindcss/css/_subs/animation.css → ...s/lib/tailwindcss/css/_subs/animation.css
diff --git a/...age/tailwindcss/css/_subs/colors-vars.css → ...lib/tailwindcss/css/_subs/colors-vars.css b/...age/tailwindcss/css/_subs/colors-vars.css → ...lib/tailwindcss/css/_subs/colors-vars.css
diff --git a/...ailwindcss/css/_subs/each-colors-vars.css → ...ailwindcss/css/_subs/each-colors-vars.css b/...ailwindcss/css/_subs/each-colors-vars.css → ...ailwindcss/css/_subs/each-colors-vars.css
diff --git a/...ndcss/css/_subs/padded-container-vars.css → ...ndcss/css/_subs/padded-container-vars.css b/...ndcss/css/_subs/padded-container-vars.css → ...ndcss/css/_subs/padded-container-vars.css
diff --git a/...b/package/tailwindcss/css/_subs/reset.css → packages/lib/tailwindcss/css/_subs/reset.css b/...b/package/tailwindcss/css/_subs/reset.css → packages/lib/tailwindcss/css/_subs/reset.css
diff --git a/.../lib/package/tailwindcss/css/tailwind.css → packages/lib/tailwindcss/css/tailwind.css b/.../lib/package/tailwindcss/css/tailwind.css → packages/lib/tailwindcss/css/tailwind.css
diff --git a/...ib/package/tailwindcss/tailwind.config.js → packages/lib/tailwindcss/tailwind.config.js b/...ib/package/tailwindcss/tailwind.config.js → 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/...s/lib/package/tailwindcss/utils/colors.js → packages/lib/tailwindcss/utils/colors.js b/...s/lib/package/tailwindcss/utils/colors.js → packages/lib/tailwindcss/utils/colors.js
diff --git a/...kage/tailwindcss/variables/breakpoints.js → .../lib/tailwindcss/variables/breakpoints.js b/...kage/tailwindcss/variables/breakpoints.js → .../lib/tailwindcss/variables/breakpoints.js
diff --git a/...b/package/tailwindcss/variables/colors.js → packages/lib/tailwindcss/variables/colors.js b/...b/package/tailwindcss/variables/colors.js → packages/lib/tailwindcss/variables/colors.js
diff --git a/...ackage/tailwindcss/variables/utilities.js → ...es/lib/tailwindcss/variables/utilities.js b/...ackage/tailwindcss/variables/utilities.js → ...es/lib/tailwindcss/variables/utilities.js
diff --git a/...ackage/tailwindcss/variables/z-indexes.js → ...es/lib/tailwindcss/variables/z-indexes.js b/...ackage/tailwindcss/variables/z-indexes.js → ...es/lib/tailwindcss/variables/z-indexes.js
diff --git 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
@@ -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,
+  },
 }