@vectoriox/iox-ui 5.82.0 → 5.82.1

package/fesm2022/vectoriox-iox-ui.mjs

@@ -2118,7 +2118,7 @@ const NOT_TRANSITIONED = new Set(['__markerStyles', 'WebkitBackdropFilter', 'tra
  * Every state the node holds, at every breakpoint, composed as the renderers compose it (translateX / scaleX → one
  * `transform`, a gradient background → `background-image`…), in a stable order so both renderers emit one string.
  */
-function stateTransitionProperties(stateStyles, responsive) {
+function stateTransitionProperties(stateStyles, responsive, type) {
     const maps = [];
     for (const map of Object.values(stateStyles ?? {}))
         if (map)
@@ -2128,7 +2128,8 @@ function stateTransitionProperties(stateStyles, responsive) {
             if (map)
                 maps.push(map);
     const out = [];
-    for (const map of maps) {
+    // A prop the type's renderer owns (a Dialog's positioning) never reaches a rule — nor the transition's list.
+    for (const map of maps.map(m => (type ? stripSuppressedProps(type, m) : m))) {
         for (const key of Object.keys(composeVirtualTraits(map, map))) {
             if (NOT_TRANSITIONED.has(key))
                 continue;
@@ -2144,12 +2145,12 @@ function stateTransitionProperties(stateStyles, responsive) {
  * and a node whose transition names no properties gets the ones its states change. An author's own `transitionProperty`
  * (or a raw `transition`) always wins. Pure: the node's stored styles are never touched.
  */
-function withStateTransitions(styleProps, stateStyles, elementStyle, responsive) {
+function withStateTransitions(styleProps, stateStyles, elementStyle, responsive, type) {
     let out = styleProps;
     if (hasHoverState(stateStyles) && !hasOwnTransition(styleProps))
         out = { ...out, ...defaultHoverTransitionTraits(elementStyle) };
     if (!isFilled(out['transitionProperty']) && !isFilled(out['transition'])) {
-        const props = stateTransitionProperties(stateStyles, responsive);
+        const props = stateTransitionProperties(stateStyles, responsive, type);
         if (props.length)
             out = { ...out, transitionProperty: props.join(', ') };
     }