@eightshift/frontend-libs-tailwind 1.3.2 → 1.4.0

package/package.json

@@ -1,93 +1,92 @@
 {
-	"name": "@eightshift/frontend-libs-tailwind",
-	"version": "1.3.2",
-	"description": "A framework for creating modern Gutenberg themes with styling provided by Tailwind CSS.",
-	"author": {
-		"name": "Eightshift team",
-		"email": "team@eightshift.com",
-		"url": "https://eightshift.com/"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/infinum/eightshift-frontend-libs-tailwind.git"
-	},
-	"keywords": [
-		"frontend",
-		"css",
-		"mixin",
-		"js",
-		"utility",
-		"module",
-		"WordPress",
-		"tailwind",
-		"TailwindCSS"
-	],
-	"bugs": {
-		"url": "https://github.com/infinum/eightshift-frontend-libs-tailwind/issues"
-	},
-	"scripts": {
-		"lintStyle": "stylelint **/*.css",
-		"lintJs": "npx eslint",
-		"lint": "npm run lintJs && npm run lintStyle",
-		"prepare": "husky"
-	},
-	"homepage": "https://github.com/infinum/eightshift-frontend-libs-tailwind#readme",
-	"license": "MIT",
-	"dependencies": {
-		"@eightshift/ui-components": "^1.4.7",
-		"@stylistic/eslint-plugin-js": "^2.6.4",
-		"@stylistic/stylelint-plugin": "^3.0.1",
-		"@swc/core": "^1.7.14",
-		"@wordpress/api-fetch": "^7.5.0",
-		"@wordpress/block-editor": "^14.0.0",
-		"@wordpress/dependency-extraction-webpack-plugin": "^5.9.0",
-		"@wordpress/dom-ready": "^4.5.0",
-		"@wordpress/server-side-render": "^5.5.0",
-		"browserslist": "^4.23.3",
-		"css-loader": "^7.1.2",
-		"css-minimizer-webpack-plugin": "^7.0.0",
-		"eslint": "^9.9.0",
-		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-prettier": "^5.2.1",
-		"file-loader": "^6.2.0",
-		"globals": "^15.9.0",
-		"husky": "^9.1.5",
-		"lightningcss": "^1.26.0",
-		"mini-css-extract-plugin": "^2.9.1",
-		"postcss": "^8.4.41",
-		"postcss-loader": "^8.1.1",
-		"prettier": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.6",
-		"sonner": "^1.5.0",
-		"stylelint": "^16.8.2",
-		"stylelint-config-standard": "^36.0.1",
-		"swc-loader": "^0.2.6",
-		"terser-webpack-plugin": "^5.3.10",
-		"webpack": "^5.93.0",
-		"webpack-cli": "^5.1.4",
-		"webpack-manifest-plugin": "^5.0.0",
-		"webpack-merge": "^6.0.1"
-	},
-	"devDependencies": {
-		"embla-carousel": "^8.2.0",
-		"fluid-tailwind": "^1.0.3",
-		"lint-staged": "^15.2.9",
-		"micromodal": "^0.4.10",
-		"ol": "^10.0.0",
-		"ol-mapbox-style": "^12.3.5",
-		"tailwindcss": "^3.4.10",
-		"tailwindcss-animate": "^1.0.7"
-	},
-	"sideEffects": false,
-	"lint-staged": {
-		"*.css": [
-			"npm run lintStyle"
-		],
-		"*.js": [
-			"npm run lintJs"
-		],
-		"*.php": [
-			"composer test"
-		]
-	}
-}
+  "name": "@eightshift/frontend-libs-tailwind",
+  "version": "1.4.0",
+  "description": "A framework for creating modern Gutenberg themes with styling provided by Tailwind CSS.",
+  "author": {
+    "name": "Eightshift team",
+    "email": "team@eightshift.com",
+    "url": "https://eightshift.com/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/infinum/eightshift-frontend-libs-tailwind.git"
+  },
+  "keywords": [
+    "frontend",
+    "css",
+    "mixin",
+    "js",
+    "utility",
+    "module",
+    "WordPress",
+    "tailwind",
+    "TailwindCSS"
+  ],
+  "bugs": {
+    "url": "https://github.com/infinum/eightshift-frontend-libs-tailwind/issues"
+  },
+  "homepage": "https://github.com/infinum/eightshift-frontend-libs-tailwind#readme",
+  "license": "MIT",
+  "dependencies": {
+    "@eightshift/ui-components": "^1.6.1",
+    "@stylistic/eslint-plugin-js": "^2.8.0",
+    "@stylistic/stylelint-plugin": "^3.1.0",
+    "@swc/core": "^1.7.26",
+    "@wordpress/api-fetch": "^7.8.0",
+    "@wordpress/block-editor": "^14.3.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^5.9.0",
+    "@wordpress/dom-ready": "^4.8.0",
+    "@wordpress/server-side-render": "^5.8.0",
+    "browserslist": "^4.24.0",
+    "css-loader": "^7.1.2",
+    "css-minimizer-webpack-plugin": "^7.0.0",
+    "eslint": "^9.11.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "file-loader": "^6.2.0",
+    "globals": "^15.9.0",
+    "husky": "^9.1.6",
+    "lightningcss": "^1.27.0",
+    "mini-css-extract-plugin": "^2.9.1",
+    "postcss": "^8.4.47",
+    "postcss-loader": "^8.1.1",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
+    "sonner": "^1.5.0",
+    "stylelint": "^16.9.0",
+    "stylelint-config-standard": "^36.0.1",
+    "swc-loader": "^0.2.6",
+    "terser-webpack-plugin": "^5.3.10",
+    "webpack": "^5.95.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-manifest-plugin": "^5.0.0",
+    "webpack-merge": "^6.0.1"
+  },
+  "devDependencies": {
+    "embla-carousel": "^8.3.0",
+    "fluid-tailwind": "^1.0.3",
+    "lint-staged": "^15.2.10",
+    "micromodal": "^0.4.10",
+    "ol": "^10.2.1",
+    "ol-mapbox-style": "^12.3.5",
+    "tailwindcss": "^3.4.13",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "sideEffects": false,
+  "lint-staged": {
+    "*.css": [
+      "npm run lintStyle"
+    ],
+    "*.js": [
+      "npm run lintJs"
+    ],
+    "*.php": [
+      "composer test"
+    ]
+  },
+  "scripts": {
+    "lintStyle": "stylelint **/*.css",
+    "lintJs": "npx eslint",
+    "lint": "npm run lintJs && npm run lintStyle"
+  }
+}

package/schemas/block.json

@@ -158,7 +158,7 @@
 			"properties": {
 				"attributes": {
 					"type": "object",
-					"description": "Set the attribues for the block example"
+					"description": "Set the attributes for the block example"
 				},
 				"innerBlocks": {
 					"type": "array",
@@ -181,26 +181,40 @@
 		},
 		"tailwind": {
 			"type": "object",
-			"description": "Defines shared Tailwind configs for the block. 'base' sets the base classes for the main part of the block. The base is augmented by 'options' and 'combinations', if set. 'parts' can be used for static/supporting parts of the block.",
+			"description": "Defines shared Tailwind configs for the block. Allows defining flexible parts, option-based classes, and combinations to add various styles.",
 			"properties": {
 				"base": {
+					"deprecated": true,
 					"type": "object",
-					"description": "Base classes for the main part of the block.",
+					"description": "DEPRECATED - move into parts (part should be named 'base')! Base classes for the main part of the block.",
 					"properties": {
 						"twClasses": {
-							"type": ["string", "array"],
+							"type": [
+								"string",
+								"array"
+							],
 							"description": "Classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability."
 						},
 						"twClassesEditor": {
-							"type": ["string", "array"],
-							"description": "Editor-specific classnames to apply. Overrides 'twClasses' An array of classnames (strings) can also be provided for improved manifest readability."
+							"type": [
+								"string",
+								"array"
+							],
+							"description": "Editor-specific classnames to apply. These classes are added to 'twClassesEditorOnly'/'twClasses'. An array of classnames (strings) can also be provided for improved manifest readability."
+						},
+						"twClassesEditorOnly": {
+							"type": [
+								"string",
+								"array"
+							],
+							"description": "Editor-specific classnames to apply. Overrides 'twClasses'. An array of classnames (strings) can also be provided for improved manifest readability."
 						}
 					},
 					"minProperties": 1
 				},
 				"options": {
 					"type": "object",
-					"description": "Per-attribute classes, added to the base class. Key represents the attribute name.",
+					"description": "Per-attribute classes, added to one or more parts, or different classes per part. Key represents the attribute name.",
 					"additionalProperties": {
 						"$ref": "#/$defs/twOptionsEntry"
 					},
@@ -208,7 +222,7 @@
 				},
 				"parts": {
 					"type": "object",
-					"description": "Stand-alone parts of the block, not affected by 'options' or 'combinations'. Key represents the part name.",
+					"description": "Parts of the block. Key represents the part name.",
 					"additionalProperties": {
 						"$ref": "#/$defs/twPartEntry"
 					},
@@ -216,7 +230,7 @@
 				},
 				"combinations": {
 					"type": "array",
-					"description": "Conditionally applied classes, depending on the set attribute values. Added to the base class.",
+					"description": "Conditionally applied classes, depending on the set attribute values. Added to the chosen part, or different classes per part.",
 					"items": {
 						"type": "object",
 						"properties": {
@@ -227,13 +241,21 @@
 									"[a-zA-Z]": {
 										"anyOf": [
 											{
-												"type": "string",
+												"type": [
+													"string",
+													"number",
+													"boolean"
+												],
 												"minLength": 1
 											},
 											{
 												"type": "array",
 												"items": {
-													"type": "string",
+													"type": [
+														"string",
+														"number",
+														"boolean"
+													],
 													"minLength": 1
 												}
 											}
@@ -242,17 +264,36 @@
 								}
 							},
 							"twClasses": {
-								"type": ["string", "array"],
+								"type": [
+									"string",
+									"array"
+								],
 								"description": "Classnames to apply if all conditions match. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability."
 							},
 							"twClassesEditor": {
-								"type": ["string", "array"],
+								"type": [
+									"string",
+									"array"
+								],
+								"description": "Editor-specific classnames to apply if all conditions match. These classes are added to 'twClassesEditorOnly'/'twClasses'. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability."
+							},
+							"twClassesEditorOnly": {
+								"type": [
+									"string",
+									"array"
+								],
 								"description": "Editor-specific classnames to apply if all conditions match. Overrides 'twClasses'. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability."
+							},
+							"output": {
+								"type": "object",
+								"description": "Allows outputting different classes per part for this combination. Key is the part name, value is an object with class definitions ('twClasses'/'twClassesEditor'/'twClassesEditorOnly'). Overrides 'twClasses'/'twClassesEditor'/'twClassesEditorOnly' if set.",
+								"additionalProperties": {
+									"$ref": "#/$defs/twPartEntry"
+								}
 							}
 						},
 						"required": [
-							"attributes",
-							"twClasses"
+							"attributes"
 						]
 					},
 					"minLength": 1
@@ -270,11 +311,24 @@
 			"type": "object",
 			"properties": {
 				"twClasses": {
-					"type": ["string", "array"],
+					"type": [
+						"string",
+						"array"
+					],
 					"description": "Classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability."
 				},
 				"twClassesEditor": {
-					"type": ["string", "array"],
+					"type": [
+						"string",
+						"array"
+					],
+					"description": "Editor-specific classnames to apply. These classes are added to 'twClassesEditorOnly'/'twClasses'. An array of classnames (strings) can also be provided for improved manifest readability."
+				},
+				"twClassesEditorOnly": {
+					"type": [
+						"string",
+						"array"
+					],
 					"description": "Editor-specific classnames to apply. Overrides 'twClasses'. An array of classnames (strings) can also be provided for improved manifest readability."
 				}
 			}
@@ -286,19 +340,74 @@
 					"type": "object",
 					"description": "Classnames to apply. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability.",
 					"additionalProperties": {
-						"type": ["string", "array"]
+						"type": [
+							"string",
+							"array"
+						]
 					}
 				},
 				"twClassesEditor": {
+					"type": "object",
+					"description": "Editor-specific classnames to apply. These classes are added to 'twClassesEditorOnly'/'twClasses'. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability.",
+					"additionalProperties": {
+						"type": [
+							"string",
+							"array"
+						]
+					}
+				},
+				"twClassesEditorOnly": {
 					"type": "object",
 					"description": "Editor-specific classnames to apply. Overrides 'twClasses'. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability.",
 					"additionalProperties": {
-						"type": ["string", "array"]
+						"type": [
+							"string",
+							"array"
+						]
 					}
 				},
 				"part": {
 					"type": "string",
-					"description": "Part to assign the class output to. If not specified, the classes are added to the base class."
+					"description": "Part to assign the class output to. If not specified, the classes are added to the base class. Specify multiple parts by separating their names with commas. NOTE: if classes are specified per-part, this list will be ignored!"
+				},
+				"responsive": {
+					"type": "boolean",
+					"description": "Set to 'true' if the option has the ability to have per-breakpoint values."
+				}
+			},
+			"additionalProperties": {
+				"type": "object",
+				"properties": {
+					"twClasses": {
+						"type": "object",
+						"description": "Classnames to apply. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability.",
+						"additionalProperties": {
+							"type": [
+								"string",
+								"array"
+							]
+						}
+					},
+					"twClassesEditor": {
+						"type": "object",
+						"description": "Editor-specific classnames to apply. These classes are added to 'twClassesEditorOnly'/'twClasses'. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability.",
+						"additionalProperties": {
+							"type": [
+								"string",
+								"array"
+							]
+						}
+					},
+					"twClassesEditorOnly": {
+						"type": "object",
+						"description": "Editor-specific classnames to apply. Overrides 'twClasses'. Key is the attribute value, value is the classnames to apply. An array of classnames (strings) can also be provided for improved manifest readability.",
+						"additionalProperties": {
+							"type": [
+								"string",
+								"array"
+							]
+						}
+					}
 				}
 			}
 		}