@davincihealthcare/elty-design-system-vue 1.18.0 → 1.18.1

package/README.md

@@ -20,6 +20,8 @@ yarn add @davincihealthcare/elty-design-system-vue
 
 ## Usage
 
+### Using the standard foundations
+
 in tailwind.config file
 
 ```ts
@@ -28,7 +30,6 @@ import {EltyTailwindPlugin, EltyTailwindPreset} from '@davincihealthcare/elty-de
 module.exports = {
   ...
   content: [..., './node_modules/@davincihealthcare/elty-design-system-vue/**/*.{tsx,js}'],
-  presets: [EltyTailwindPreset],
   plugins: [
     require('@tailwindcss/forms'),
     require('@tailwindcss/typography'),
@@ -38,7 +39,27 @@ module.exports = {
 }
 ```
 
-Note: The Preset way of loading the css was introduced from version 1.18.0
+### Overriding the standard foundations
+
+in tailwind.config file
+
+```ts
+import {EltyTailwindPluginWithoutStyle, EltyTailwindPreset} from '@davincihealthcare/elty-design-system-vue'
+
+module.exports = {
+  ...
+  content: [..., './node_modules/@davincihealthcare/elty-design-system-vue/**/*.{tsx,js}'],
+  presets: [EltyTailwindPreset],
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography'),
+    EltyTailwindPluginWithoutStyle
+  ]
+  ...
+}
+```
+
+The Preset way of loading the css was introduced from version 1.18.0
 
 Note: content needs a new entry in the array, alongside other you may already have.
 You may also change the require with a neater

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 
 export { default as EltyVuePlugin } from './vue.plugin';
-export { default as EltyTailwindPlugin } from './tailwind.plugin';
+export { defaultPlugin as EltyTailwindPlugin } from './tailwind.plugin';
+export { pluginWithoutStyles as EltyTailwindPluginWithoutStyle } from './tailwind.plugin';
 export { default as EltyTailwindPreset } from './preset';
 export * from './types';
 export * from './ElAccordion.vue';