@spark-ui/tailwind-plugins 2.10.12 → 2.10.14

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.10.14](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.10.13...@spark-ui/tailwind-plugins@2.10.14) (2023-06-01)
+
+**Note:** Version bump only for package @spark-ui/tailwind-plugins
+
+## [2.10.13](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.10.12...@spark-ui/tailwind-plugins@2.10.13) (2023-06-01)
+
+**Note:** Version bump only for package @spark-ui/tailwind-plugins
+
 ## [2.10.12](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.10.11...@spark-ui/tailwind-plugins@2.10.12) (2023-05-26)
 
 **Note:** Version bump only for package @spark-ui/tailwind-plugins

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/tailwind-plugins",
-  "version": "2.10.12",
+  "version": "2.10.14",
   "description": "Spark Tailwind plugins",
   "publishConfig": {
     "access": "public"
@@ -23,5 +23,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "4b26172028b2bd2b83ce1728eaa5170bf25d0afe"
+  "gitHead": "6c0c93a7fea372a3ac07244d50ba654dcc4107ed"
 }

package/spark-theme/getCSSVariableDeclarations.js

@@ -16,9 +16,7 @@ function getCSSVariableDeclarations(_theme, htmlFontSize) {
 
   function traverse(theme, paths = []) {
     Object.entries(theme).forEach(([key, value]) => {
-      if (isObject(value)) {
-        return traverse(value, paths.concat(key))
-      }
+      if (isObject(value)) return traverse(value, paths.concat(key))
 
       if (isStringOrNumber(value)) {
         const getFormattedValue = () => {
@@ -28,9 +26,7 @@ function getCSSVariableDeclarations(_theme, htmlFontSize) {
             return `${red} ${green} ${blue}`
           }
 
-          if (/rem$/gi.test(value)) {
-            return getRemEquivalentValue(value, htmlFontSize)
-          }
+          if (/rem$/gi.test(value)) return getRemEquivalentValue(value, htmlFontSize)
 
           return value
         }

package/spark-theme/getCSSVariableReferences.js

@@ -22,8 +22,8 @@ function getCSSVariableReferences(_theme) {
 
   const { fontSize, colors, screens } = tailwindCategoryKeys
 
-  /* eslint-disable complexity */
   function traverse(theme, paths = []) {
+    /* eslint-disable-next-line complexity */
     Object.entries(theme).forEach(([key, value]) => {
       // 👀 see: https://tailwindcss.com/docs/font-size#providing-a-default-line-height
       if (isObject(value) && !paths.length && key === fontSize) {
@@ -64,13 +64,8 @@ function getCSSVariableReferences(_theme) {
 
       if (isObject(value)) {
         Object.keys(value).forEach(k => {
-          if (k === DEFAULT_KEY) {
-            return
-          }
-
-          if (!isObject(value[k]) && !isCamelCase(k)) {
-            return
-          }
+          if (k === DEFAULT_KEY) return
+          if (!isObject(value[k]) && !isCamelCase(k)) return
 
           const tmp = value[k]
           delete value[k]
@@ -89,9 +84,8 @@ function getCSSVariableReferences(_theme) {
           if (isColorValue && isHex(value)) {
             return `rgb(var(--${paths.join('-')}-${key}) / <alpha-value>)`
           }
-          if (isScreenValue) {
-            return String(value).toLowerCase()
-          }
+
+          if (isScreenValue) return String(value).toLowerCase()
 
           return `var(--${paths.join('-')}-${key.toLowerCase()})`
         })()

package/spark-theme/hexRgb.js

@@ -6,7 +6,7 @@ const match6or8Hex = `#?[${hexCharacters}]{6}([${hexCharacters}]{2})?`
 const nonHexChars = new RegExp(`[^#${hexCharacters}]`, 'gi')
 const validHexSize = new RegExp(`^${match3or4Hex}$|^${match6or8Hex}$`, 'i')
 
-/* eslint-disable complexity */
+/* eslint-disable-next-line complexity */
 function hexRgb(hex, options = {}) {
   if (typeof hex !== 'string' || nonHexChars.test(hex) || !validHexSize.test(hex)) {
     throw new TypeError('Expected a valid hex string')

package/spark-theme/index.js

@@ -40,18 +40,15 @@ module.exports = plugin.withOptions(
 
       const { htmlFontSize = 16, themes } = opts
 
-      if (!themes.default) {
-        throw new Error(missingDefaultThemeErrorMsg)
-      }
+      if (!themes.default) throw new Error(missingDefaultThemeErrorMsg)
 
       const { missingItems, additionalItems } = retrieveArrayDifferences({
         ref: getAllObjectKeys(themeUtils.defaultTheme),
         comp: getAllObjectKeys(themes.default),
       })
 
-      if (missingItems.length) {
-        throw new Error(missingItemsErrorMsg('default', missingItems))
-      }
+      if (missingItems.length) throw new Error(missingItemsErrorMsg('default', missingItems))
+
       if (additionalItems.length) {
         throw new Error(additionalItemsErrorMsg('default', additionalItems))
       }
@@ -61,21 +58,17 @@ module.exports = plugin.withOptions(
       })
 
       Object.entries(themes).forEach(([key, value]) => {
-        if (key === 'default') {
-          return
-        }
+        if (key === 'default') return
 
+        /* eslint-disable-next-line @typescript-eslint/no-shadow */
         const { missingItems, additionalItems } = retrieveArrayDifferences({
           ref: getAllObjectKeys(themeUtils.defaultTheme),
           comp: getAllObjectKeys(value),
         })
 
-        if (missingItems.length) {
-          throw new Error(missingItemsErrorMsg(key, missingItems))
-        }
-        if (additionalItems.length) {
-          throw new Error(additionalItemsErrorMsg(key, additionalItems))
-        }
+        if (missingItems.length) throw new Error(missingItemsErrorMsg(key, missingItems))
+
+        if (additionalItems.length) throw new Error(additionalItemsErrorMsg(key, additionalItems))
 
         addBase({
           [`[data-theme="${key}"]`]: getObjectDifferences(
@@ -92,9 +85,7 @@ module.exports = plugin.withOptions(
 
     const { themes } = opts
 
-    if (!themes.default) {
-      throw new Error(missingDefaultThemeErrorMsg)
-    }
+    if (!themes.default) throw new Error(missingDefaultThemeErrorMsg)
 
     return { theme: getCSSVariableReferences(themes.default) }
   }

package/spark-theme/utils.js

@@ -7,9 +7,7 @@ function isStringOrNumber(value) {
 }
 
 function isHex(value) {
-  if (typeof value === 'number') {
-    return false
-  }
+  if (typeof value === 'number') return false
 
   const regexp = /^#[0-9a-fA-F]+$/
 
@@ -44,9 +42,7 @@ const doubleHyphensRegex = /(?<!var\()--+/g
 function getAllObjectKeys(obj, path = '') {
   return Object.keys(obj).flatMap(key => {
     const newPath = path ? `${path}.${key}` : key
-    if (isObject(obj[key])) {
-      return getAllObjectKeys(obj[key], newPath)
-    }
+    if (isObject(obj[key])) return getAllObjectKeys(obj[key], newPath)
 
     return newPath
   })
@@ -72,9 +68,8 @@ function getObjectDifferences(reference, comparison) {
   const diffObj = {}
 
   Object.keys(comparison).forEach(key => {
-    if (reference[key] === comparison[key]) {
-      return
-    }
+    if (reference[key] === comparison[key]) return
+
     diffObj[key] = comparison[key]
   })