option to set css variables to other attribute values in the outputCssVariables method on inner components.

Author: iruzevic

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 
 This projects adheres to [Semantic Versioning](https://semver.org/) and [Keep a CHANGELOG](https://keepachangelog.com/).
 
+## [9.3.4]
+
+### Fixed
+- option to set css variables to other attribute values in the `outputCssVariables` method on inner components.
+
 ## [9.3.3]
 
 ### Added
@@ -804,6 +809,7 @@ Init setup
 - Gutenberg Blocks Registration.
 - Assets Manifest data.
 
+[9.3.4]: https://github.com/infinum/eightshift-libs/compare/9.3.3...9.3.4
 [9.3.3]: https://github.com/infinum/eightshift-libs/compare/9.3.2...9.3.3
 [9.3.2]: https://github.com/infinum/eightshift-libs/compare/9.3.1...9.3.2
 [9.3.1]: https://github.com/infinum/eightshift-libs/compare/9.3.0...9.3.1

src/Helpers/CssVariablesTrait.php

@@ -652,7 +652,7 @@ private static function setVariablesToBreakpoints(array $attributes, array $vari
 						)
 					) {
 						// Merge data variables with the new variables array.
-						$data[$index]['variable'] = \array_merge($item['variable'], self::variablesInner($variable, $attributeValue, $attributes));
+						$data[$index]['variable'] = \array_merge($item['variable'], self::variablesInner($variable, $attributeValue, $attributes, $manifest));
 					}
 				}
 			}
@@ -750,10 +750,11 @@ private static function prepareVariableData(array $globalBreakpoints): array
 	 * @param array<string, mixed> $variables Array of variables of CSS variables.
 	 * @param mixed $attributeValue Original attribute value used in magic variable.
 	 * @param array<string, mixed> $attributes Attributes that are read from component's/block's manifest.
+	 * @param array<string, mixed> $manifest Component/block manifest data.
 	 *
 	 * @return array<int, mixed>|string[]
 	 */
-	private static function variablesInner(array $variables, $attributeValue, array $attributes): array
+	private static function variablesInner(array $variables, $attributeValue, array $attributes, array $manifest): array
 	{
 		$output = [];
 
@@ -773,8 +774,14 @@ private static function variablesInner(array $variables, $attributeValue, array
 			}
 
 			foreach ($attributes as $attrKey => $attrValue) {
-				if (\str_contains($variableValue, "%attr-{$attrKey}%")) {
-					$variableValue = \str_replace("%attr-{$attrKey}%", (string) $attrValue, $variableValue);
+				if (isset($attributes['prefix'])) {
+					$key = (string)\str_replace($attributes['prefix'], Helpers::kebabToCamelCase($manifest['componentName']), $attrKey);
+				} else {
+					$key = $attrKey;
+				}
+
+				if (\str_contains($variableValue, "%attr-{$key}%")) {
+					$variableValue = \str_replace("%attr-{$key}%", (string) $attrValue, $variableValue);
 				}
 			}