2.0.3 release

Author: adamberecz

CHANGELOG.md

@@ -1,3 +1,17 @@
+## v2.0.3
+
+> `2021-06-28`
+
+### 🐞 Bug Fixes
+  - Tailwind plugin fix.
+  
+## v2.0.2
+
+> `2021-06-27`
+
+### 🐞 Bug Fixes
+  - Merged to main branch.
+  
 ## v2.0.1
 
 > `2021-06-27`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueform/slider",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "private": false,
   "description": "Vue 3 slider component with tooltips & Tailwind support.",
   "license": "MIT",

tailwind.js

@@ -100,6 +100,43 @@ module.exports = plugin(({ theme, addBase, addVariant, addUtilities, e }) => {
       return `[disabled] .${e(`disabled${separator}${className}`)}`
     })
   })
+
+  addVariant('tt-focus', ({ container, separator }) => {
+    container.walkRules(rule => {
+      rule.selector = `.slider-tooltip-focus:not(.slider-focused) .${e(`tt-focus${separator}${rule.selector.slice(1)}`)}`
+      rule.walkDecls(decl => {
+        decl.important = true
+      })
+    })
+  })
+
+  addVariant('tt-focused', ({ container, separator }) => {
+    container.walkRules(rule => {
+      rule.selector = `.slider-tooltip-focus.slider-focused .${e(`tt-focused${separator}${rule.selector.slice(1)}:not(.slider-tooltip-hidden)`)}`
+      rule.walkDecls(decl => {
+        decl.important = true
+      })
+    })
+  })
+
+  addVariant('tt-drag', ({ container, separator }) => {
+    container.walkRules(rule => {
+      rule.selector = `.slider-tooltip-drag:not(.slider-state-drag) .${e(`tt-drag${separator}${rule.selector.slice(1)}`)}`
+      rule.walkDecls(decl => {
+        decl.important = true
+      })
+    })
+  })
+
+  addVariant('tt-dragging', ({ container, separator }) => {
+    container.walkRules(rule => {
+      rule.selector = `.slider-tooltip-drag.slider-state-drag .${e(`tt-dragging${separator}${rule.selector.slice(1)}:not(.slider-tooltip-hidden)`)},
+                        .slider-tooltip-drag .slider-active .${e(`tt-dragging${separator}${rule.selector.slice(1)}`)}`
+      rule.walkDecls(decl => {
+        decl.important = true
+      })
+    })
+  })
 }, {
   variants: {
     extend: {
@@ -112,6 +149,7 @@ module.exports = plugin(({ theme, addBase, addVariant, addUtilities, e }) => {
       translate: ['h', 'v', 'merge-h', 'merge-v'],
       transitionProperty: ['tap'],
       transitionDuration: ['tap'],
+      display: ['tt-focus', 'tt-focused', 'tt-drag', 'tt-dragging']
     }
   },
   theme: {