@spark-ui/tailwind-plugins - npm Package Compare versions

Comparing version 2.5.0 to 2.6.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [2.6.0](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.5.0...@spark-ui/tailwind-plugins@2.6.0) (2023-04-14)
+
+### Features
+
+- **tailwind-plugins:** optimize multi-theme handling by eliminating token duplication ([fdf1483](https://github.com/adevinta/spark/commit/fdf1483685f0ce1ab64c4a8f03270b32a97796ec)), closes [#592](https://github.com/adevinta/spark/issues/592)
+
 # [2.5.0](https://github.com/adevinta/spark/compare/@spark-ui/tailwind-plugins@2.4.0...@spark-ui/tailwind-plugins@2.5.0) (2023-04-07)
@@ -8,0 +14,0 @@

package.json

 {
   "name": "@spark-ui/tailwind-plugins",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Spark Tailwind plugins",
@@ -21,3 +21,3 @@ "publishConfig": {
   },
-  "gitHead": "a5e5af21496ded1cce43912266002fa36b3ac328"
+  "gitHead": "e4416759a62ef6b028e20b594371d01b7a9cae0a"
 }

spark-theme/index.js

 /* eslint-disable @typescript-eslint/no-var-requires */
 const { getCSSVariableDeclarations } = require('./getCSSVariableDeclarations')
 const { getCSSVariableReferences } = require('./getCSSVariableReferences')
-const { retrieveArrayDifferences, getAllObjectKeys } = require('./utils')
+const { retrieveArrayDifferences, getAllObjectKeys, getObjectDifferences } = require('./utils')
 
@@ -81,3 +81,6 @@ const themeUtils = require('@spark-ui/theme-utils')
         addBase({
-          [`[data-theme="${key}"]`]: getCSSVariableDeclarations(value, htmlFontSize),
+          [`[data-theme="${key}"]`]: getObjectDifferences(
+            getCSSVariableDeclarations(themes.default, htmlFontSize),
+            getCSSVariableDeclarations(value, htmlFontSize)
+          ),
         })
@@ -84,0 +87,0 @@ })

spark-theme/utils.js

@@ -71,2 +71,15 @@ function isObject(x) {
 
+function getObjectDifferences(reference, comparison) {
+  const diffObj = {}
+
+  Object.keys(comparison).forEach(key => {
+    if (reference[key] === comparison[key]) {
+      return
+    }
+    diffObj[key] = comparison[key]
+  })
+
+  return diffObj
+}
+
 module.exports = {
@@ -84,2 +97,3 @@ isObject,
   retrieveArrayDifferences,
+  getObjectDifferences,
 }

No alert changes

Improved metrics

Total package byte prevSize

40464

increased by2.02%

Lines of code

552

increased by2.6%

No dependency changes