@payfit/unity-themes 3.2.3 → 3.2.4

package/dist/css/unity.css

@@ -1498,7 +1498,9 @@
 /**
  * The host-controlled gradient border width. The masked border reads this
  * value for its inset and padding, so changing it keeps the border aligned
- * without changing the host's padding, radius, or background.
+ * without changing the host's padding, radius, or background. It inherits so
+ * a decorative gradient layer can share the host's geometry. Consumers that
+ * omit it receive the 1px fallback.
  */
 @property --uy-ai-gradient-border-width {
   syntax: '<length>';
@@ -1506,10 +1508,45 @@
   initial-value: 1px;
 }
 
+/**
+ * Visibility of the masked AI gradient border, expressed as a number between
+ * 0 and 1. It inherits from the component host to its decorative border
+ * layer. Consumers that omit it receive 0, keeping the border idle.
+ */
+@property --uy-ai-gradient-border-opacity {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0;
+}
+
+/**
+ * Visibility of the AI gradient surface layer, expressed as a number between
+ * 0 and 1. It inherits from the component host to its decorative surface
+ * layer. Consumers that omit it receive 0, keeping the surface idle.
+ */
+@property --uy-ai-gradient-surface-opacity {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0;
+}
+
+/**
+ * Playback state for the renderer's gradient animation. It inherits from the
+ * component host to its decorative border layer. Consumers that omit it
+ * receive `paused`, so visible gradients do not animate until their local
+ * state recipe explicitly opts in.
+ */
+@property --uy-ai-gradient-animation-play-state {
+  syntax: 'running | paused';
+  inherits: true;
+  initial-value: paused;
+}
+
 /**
  * Opacity contribution of each colour in `--uy-ai-gradient-glow`.
  * Override it on the interactive host to tune glow strength independently of
- * the host and its content opacity. Defaults to 20%.
+ * the host and its content opacity. It inherits to the decorative border
+ * layer; consumers that omit it receive the 20% fallback.
  */
 @property --uy-ai-gradient-glow-opacity {
   syntax: '<percentage>';
@@ -1517,6 +1554,17 @@
   initial-value: 20%;
 }
 
+/**
+ * Visibility of the decorative AI glow layer, expressed as a number between
+ * 0 and 1. It inherits from the component host to its `::after` layer.
+ * Consumers that omit it receive 0, keeping the glow hidden.
+ */
+@property --uy-ai-gradient-glow-visibility {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 0;
+}
+
 /**
  * Unwrapped angle and scale for the interactive Payfit AI brand motion.
  * Registering them lets the browser interpolate the two full turns in either

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-themes",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "main": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts",
   "style": "./dist/css/unity.css",